@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body{	
color:#555555;
font-size:15px;
margin:0;
height:100%;
position:relative;
font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
overflow-x:hidden;
background-color:#ffffff;
background-image:url(../image/back.gif);
}

body#subpage {
	background-image:none;
}

body > #primary {
height: auto;
}


a:link {color:#1291e1; text-decoration:underline;}
a:visited {color:#1291e1; text-decoration:underline;}
a:hover {color:#dc8700; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }
.right { float:right; margin-left:20px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:20px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-right { text-align:right; }

.last { margin-bottom:0 !important; }

#lineup-font-size-sampler {
	display:none;
}

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.pc {
	display:inherit;
}

.sp {
	display:none;
}

.tab {
	display:inherit;
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:10px;
	padding-top:40px;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
width:100%;
height:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

article {
	width:100%;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#left-window {
	width:100%;
	max-width:768px;
	float:left;
	margin-top:50px;
	margin-bottom:100px;
}

#left-window img {
	max-width:768px;
	height:auto;
}

#right-window {
	width:280px;
	float:right;
	padding-top:50px;
	margin-bottom:100px;
}

#wide-window {
	width:100%;
	margin-top:50px;
	margin-bottom:100px;
}


@media screen and (max-width: 1064px) {
	article {
		width:90%;
		padding-left:5%;
		padding-right:5%;
		max-width:inherit;
		margin-left:auto;
		margin-right:auto;
		position:relative;
	}
	#left-window, #wide-window {
		max-width:inherit;
		float:none;
		margin-top:50px;
		margin-bottom:100px;
	}
	#right-window {
		width:100%;
		padding-top:0px;
		margin-bottom:50px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	background-image:url(../image/mainvisual/01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:384px;
}

#mainvisual .logo {
	background-image:url(../image/header/logo.png);
	width:286px;
	height:68px;
	position:absolute;
	top:38px;
	left:0;
	display:none;
}

#mainvisual .logo a {
	display:block;
	width:286px;
	height:68px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#mainvisual .chatch {
	display:none;
}

@media screen and (max-width: 1700px) {
	#mainvisual {
		background-image:url(../image/mainvisual/01_tab.jpg);
		padding-top:34.9%;
		height:0;
		background-size:contain;
		background-position:center top;
		background-repeat:no-repeat;
	}
	#mainvisual .logo {
		left:30px;
		z-index:99;
	}
	#mainvisual .chatch {
	display:none;
	position:absolute;
	top:440px;
	right:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image:url(../image/mainvisual/8020tab.png);
	background-position:right;
	width:100%;
	height:73px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

#header-line {
	height:30px;
	background-image:url(../image/header/header-cc.gif);
}

#header-line h1 {
	margin:0;
	padding:0;
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	line-height:30px;
	color:#ffffff;
	font-size:13px;
	text-shadow: 0 1px 2px #000000;
}

@media screen and (max-width: 1100px) {
	#header-line h1 {
		width:100%;
		text-indent:30px;
	}
}

#subpage header {
	width:100%;
	height:178px;
	background-image:url(../image/header/subpage-header.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-position:bottom;
}

#subpage header .logo {
	background-image:url(../image/header/logo.png);
	width:286px;
	height:68px;
	position:absolute;
	top:38px;
	left:0;
}

#subpage header .logo a {
	display:block;
	width:286px;
	height:68px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

@media screen and (max-width: 1064px) {
	#subpage header {
		width:100%;
		height:178px;
		background-image:url(../image/header/subpage-header_resp.jpg);
		background-position:bottom right;
		background-repeat:no-repeat;
	}
	#subpage header .logo {
		left:50px;
	}
}

@media screen and (max-width: 890px) {
	#subpage header {
		width:100%;
		height:178px;
		background-image:none;
	}
	#subpage header .logo {
		background-image:url(../image/header/logo_sp.png);
		width:319px;
		height:81px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		position:relative;
		left:0;
	}
	#subpage header .logo a {
		display:block;
		width:319px;
		height:81px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Navi
-------------------------------------------------------------------------------------------------------------------*/

nav {
	background-image:url(../image/navi/back.png);
	background-repeat:repeat-x;
	width:100%;
	height:90px;
	position:relative;
}

nav ul {
	width:1100px;
	height:85px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

nav ul li {
	height:85px;
	float:left;
	display:block;
	margin:0;
	padding:0;
	position:relative;
}

nav ul li a {
	width:100%;
	height:100%;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

nav ul li:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

nav ul li.navi01 { background-image:url(../image/navi/navi01.png); width:219px; }
nav ul li.navi02 { background-image:url(../image/navi/navi02.png); width:221px; }
nav ul li.navi03 { background-image:url(../image/navi/navi03.png); width:221px; }
nav ul li.navi04 { background-image:url(../image/navi/navi04.png); width:221px; }
nav ul li.navi05 { background-image:url(../image/navi/navi05.png); width:218px; }

nav ul li.navi01.active { background-image:url(../image/navi/navi01_active.png); }
nav ul li.navi02.active { background-image:url(../image/navi/navi02_active.png); }
nav ul li.navi03.active { background-image:url(../image/navi/navi03_active.png); }
nav ul li.navi04.active { background-image:url(../image/navi/navi04_active.png); }
nav ul li.navi05.active { background-image:url(../image/navi/navi05_active.png); }

@media screen and (max-width: 1064px) {
	
	nav {
		background-image:url(../image/navi/back.png);
		background-repeat:repeat-x;
		width:100%;
		height:90px;
	}
	
	nav ul {
		width:640px;
		height:85px;
		margin:0;
		padding:0;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	
	nav ul li {
		height:85px;
		float:left;
		display:block;
		margin:0;
		padding:0;
		position:relative;
	}
	
	nav ul li a {
		width:100%;
		height:100%;
		display:block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	
	nav ul li.navi01 { display:none; }
	nav ul li.navi02 { background-image:url(../image/navi/navi02_sp.png); width:160px; }
	nav ul li.navi03 { background-image:url(../image/navi/navi03_sp.png); width:160px; }
	nav ul li.navi04 { background-image:url(../image/navi/navi04_sp.png); width:160px; }
	nav ul li.navi05 { background-image:url(../image/navi/navi05_sp.png); width:160px; }
	
}

/*------------------------------------------------------------------------------------------------------------------
　Side
-------------------------------------------------------------------------------------------------------------------*/

#right-window .side-title {
	border-top:2px solid #5eccda;
	border-bottom:1px dotted #bababa;
	font-size:18px;
	color:#3f3f3f;
	font-weight:bold;
	padding-left:15px;
	padding-top:20px;
	padding-bottom:20px;
}

#right-window .side-title span {
	font-size:12px;
	color:#5fceda;
	display:block;
}

#right-window ul {
	list-style:none;
	margin:0;
	padding:0;
}

#right-window ul li a {
	border-bottom:1px solid #e0e0e0;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:15px;
	padding-right:48px;
	background-color:#ffffff;
	background-image:url(../image/side/ar.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:16px;
	color:#292929;
	text-align:left;
	text-decoration:none;
	display:block;
	transition:0.3s;
}

#right-window ul li a span {
	font-size:12px;
	color:#292929;
	display:block;
}

#right-window ul li a:hover {
	text-indent:10px;
	color:#5eccda;
}

#right-window ul li .children a {
	padding-top:5px;
	padding-bottom:5px;
	background-image:none;
	padding-left:30px;
	font-size:14px;
	background-color:#f7f7f7;
	border-bottom:1px dotted #cecece;
	position:relative;
}

#right-window ul li .children a:after {
	content:"〉";
	font-size:10px;
	position:absolute;
	top:8px;
	right:14px;
	display:block;
	color:rgba(163,163,163,1.00);
}

.cat-item-8 ul { /*社会保険委員会の孫タームは非表示*/
	display:none;
}

@media screen and (max-width: 1064px) {
	#right-window ul li a span {
		font-size:16px;
		color:#292929;
		display:inline;
	}
}

#right-window.fixed {
	position:fixed;
	top:0;
	margin-left:820px;
}

@media screen and (max-width: 1064px) {
	#right-window.fixed {
		position:relative;
		top:0;
		margin-left:0;
	}
}

#right-window select {
	width:100%;
	height:40px;
	margin-top:20px;
	text-indent:10px;
}

#right-window .search-form {
	padding-top:20px;
	padding-bottom:20px;
}

#right-window .search-form input[type="text"] {
	width:190px;
	height:35px;
	text-indent:8px;
}

#right-window .search-form input[type="submit"] {
	height:41px;
	width:80px;
}

.side-bana-primary {
	margin-top:30px;
}

#right-window .side-bana {
	width:280px;
	height:90px;
	display:block;
	margin-bottom:15px;
	position:relative;
}

#right-window .side-bana:after {
	background-color:rgba(255,255,255,0);
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:0.3s;
}

#right-window .side-bana:hover:after {
	background-color:rgba(255,255,255,0.2);
}

#right-window .side-bana a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index:99;
}

#right-window .side-bana.gozonji {
	background-image:url(../image/side/gozonji.png);
}

/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1065px) {

#footer {
	width:100%;
	height:100px;
	background-image:url(../image/footer/back.gif);
}

#footer .logo {
	background-image:url(../image/footer/logo.png);
	width:191px;
	height:100px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

#footer .logo a {
	width:191px;
	height:100px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#footer ul {
	margin:0;
	padding:0;
	list-style:none;
	width:770px;
	position:absolute;
	top:30px;
	right:110px;
}

#footer ul li {
	float:left;
	height:16px;
	display:inline-block;
	border-right:1px solid #ffffff;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
}

#footer ul li:last-of-type {
	border:none;
}

#footer ul li a {
	color:#ffffff;
	font-size:16px;
	text-decoration:none;
	display:block;
	margin-top:-4px;
}

#footer ul li a:hover {
	text-decoration:underline;
}

.topback a {
	position:absolute;
	top:0px;
	right:0;
	background-image:url(../image/footer/topback.png);
	width:100px;
	height:100px;
	display:block;
}

.topback a:hover {
	background-image:url(../image/footer/topback_on.png);
}

#footer #cc {
	width:100%;
	max-width:1100px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-bottom:15px;
}

#footer #cc p {
	line-height:22px;
}

}

@media screen and (max-width: 1064px) {
	#footer {
		width:100%;
		height:200px;
		background-image:url(../image/footer/back.gif);
	}
	#footer article {
		height:200px !important;
	}
	#footer .logo {
		background-image:url(../image/footer/logo_sp.png);
		width:470px;
		height:100px;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}
	
	#footer .logo a {
		width:470px;
		height:100px;
		display:block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	
	#footer ul {
		margin:0;
		padding:0;
		list-style:none;
		width:100%;
		text-align:left;
		padding-top:125px;
	}
	
	#footer ul li {
		height:20px;
		font-size:20px;
		display:inline-block;
		padding-right:15px;
		padding-left:15px;
	}
	
	#footer ul li:last-of-type {
		border:none;
	}
	
	#footer ul li a {
		color:#ffffff;
		font-size:16px;
		text-decoration:underline;
		display:block;
		margin-top:-4px;
	}
	
	.topback a {
		position:absolute;
		top:0px;
		right:0;
		background-image:url(../image/footer/topback.png);
		width:100px;
		height:100px;
		display:block;
	}
	
#footer #cc {
	width:100%;
	max-width:1100px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-bottom:15px;
}

#footer #cc p {
	line-height:22px;
}

}

@media screen and (max-width: 676px) {
	#footer ul {
		padding-top:113px;
	}
}

#fooder-bana {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../image/contants/top/line.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:30px;
	padding-bottom:15px;
}

#footer-bana-primary {
	max-width:1130px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#footer-bana-primary a {
	width:252px;
	height:60px;
	margin-bottom:15px;
	margin-right:30px;
	display:inline-block;
}

#footer-bana-primary a:nth-child(4), #footer-bana-primary a:nth-child(8) {
	margin-right:0;
}

@media screen and (max-width: 1120px) {
	#footer-bana-primary {
		max-width:inherit;
		width:inherit;
		padding-left:30px;
		padding-right:30px;
		margin-left:auto;
		margin-right:auto;
	}
	#footer-bana-primary a:nth-child(4), #footer-bana-primary a:nth-child(8) {
		margin-right:30px;
	}
}

#footer article {
	height:100px;
}

.members-room-button {
	float:right;
	width:150px;
	height:40px;
	border:2px solid #5eccda;
	line-height:40px;
	color:#5eccda;
	text-align:center;
	transition:0.3s;
	position:relative;
	margin-top:5px;
}

.members-room-button:hover {
	background-color:#5eccda;
	color:#ffffff;
}

.members-room-button a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	color:#5eccda;
}

.members-room-button a:hover {
	color:#ffffff;
}

.footer-middle {
	background-color:#cccccc;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	clear:both;
}

/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

h2 {
	font-size:30px;
	color:#414141;
	margin:0;
	padding:0;
	margin-bottom:30px;
}

h2 span {
	font-size:16px;
	color:#5fceda;
	display:block;
}

h3 {
	background-image:url(../image/contants/subpage-title.gif);
	height:74px;
	line-height:74px;
	color:#ffffff;
	font-size:21px;
	text-indent:25px;
	font-weight:300;
	text-shadow: 0 2px 2px #1293a2;
	margin:0;
	padding:0;
	margin-bottom:30px;
}

h3.db {
	line-height:23px;
	text-indent:0;
	padding-left:25px;
	padding-top:12px;
	height:62px;
	font-size:18px;
}

h4 {
	background-color:#f1f1f1;
	border-left:4px solid #18c1d5;
	margin:0;
	padding:0;
	padding-top:18px;
	padding-bottom:18px;
	padding-left:20px;
	font-size:16px;
	color:#2d2d2d;
	margin-bottom:25px;
	position:relative;
}

h4.information-archive {
	padding-top:10px;
	padding-bottom:10px;
}

h4 span.date {
	display:block;
	font-size:13px;
	color:rgba(123,123,123,1.00);
	font-weight:normal;
}

h4 span a {
	width:140px;
	height:40px;
	display:block;
	background-color:#3f3f3f;
	color:#ffffff !important;
	font-size:13px;
	text-decoration:none !important;
	line-height:40px;
	text-align:left;
	position:absolute;
	text-indent:13px;
	right:10px;
	top:10px;
	transition:0.3s;
}

h4 span a:after {
	content:"▶";
	position:absolute;
	right:10px;
	top:0;
	color:#ffffff;
	font-size:11px;
}

h4 span a:hover {
	background-color:#18c1d5;
}

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

#activity-policy {
	width:100%;
	height:730px;
	background-image:url(../image/contants/top/activity-policy-back.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:-20px;
}

@media screen and (max-width: 1100px) {
	#activity-policy {
		background-image:none;
		height:740px;
	}
}

@media screen and (max-width: 830px) {
	#activity-policy {
		background-image:none;
		height:1070px;
	}
}

#activity-policy article {
	width:90%;
	max-width:1040px;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
}

#activity-policy article h3 {
	background-image:url(../image/contants/top/activity-policy.png);
	width:302px;
	height:62px;
	margin:0;
	padding:0;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#activity-policy article p {
	text-align:center;
	font-size:16px;
	color:#262626;
	margin:0;
	padding:0;
	margin-bottom:20px;
	line-height:180%;
}

#activity-policy article h4 {
	background-image:url(../image/contants/top/8020.png);
	background-color:inherit;
	background-size:contain;
	background-position:center top;
	background-repeat:no-repeat;
	max-width:757px;
	width:100%;
	height:68px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	border:none;
}

@media screen and (max-width: 1000px) {
	#activity-policy article h3 {
		margin-bottom:20px;
	}
	#activity-policy article {
		padding-bottom:20px;
	}
	#activity-policy article p {
		margin-bottom:20px;
	}
}

.activity-policy-button {
	background-image:url(../image/contants/top/about-button.png);
	width:754px;
	height:109px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.activity-policy-button a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index:99;
}

@media screen and (max-width: 830px) {
	.activity-policy-button {
		background-image:url(../image/contants/top/about-button.png);
		width:580px;
		height:84px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		background-size:contain;
	}
}

.activity-policy-button:after {
	background-color:rgba(255,255,255,0);
	display:block;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:0.3s;
}

.activity-policy-button:hover:after {
	background-color:rgba(255,255,255,0.2);
}

.movie-about {
	content: "";
    display: block;
    clear: both;
	position:relative;
}

.movie-about .movie {
	width:calc(100% - 390px);
}

@media screen and (max-width: 830px) {
	.movie-about .movie {
		width:100%;
		margin-bottom:30px;
	}
}

.movie-about .movie video {
	width:100%;
	height:auto;
}

.about-button-primary {
	width:367px;
	position:absolute;
	top:0;
	right:0;
}

.about-button01 {
	background-image:url(../image/contants/top/about-button01.png);
	width:367px;
	height:80px;
	display:block;
	float:left;
	position:relative;
	margin-bottom:20px;
}

.about-button01 a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index:99;
}

.about-button02 {
	background-image:url(../image/contants/top/about-button02.png);
	width:367px;
	height:80px;
	display:block;
	float:right;
	position:relative;
}

.about-button02 a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index:99;
}

.about-button01:after, .about-button02:after {
	background-color:rgba(255,255,255,0);
	display:block;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:0.3s;
}

.about-button01:hover:after, .about-button02:hover:after {
	background-color:rgba(255,255,255,0.2);
}

@media screen and (max-width: 830px) {
	.about-button-primary {
		width:100%;
		margin-top:0;
		position:relative;
		top:inherit;
		right:inherit;
	}
	
	.about-button01 {
		background-image:url(../image/contants/top/about-button01.png);
		background-size:contain;
		width:280px;
		height:61px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		float:none !important;
	}
	
	.about-button02 {
		background-image:url(../image/contants/top/about-button02.png);
		background-size:contain;
		width:280px;
		height:61px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		float:none !important;
	}

}

#information {
	background-image:url(../image/contants/top/line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#information article {
	width:90%;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	padding-top:45px;
	padding-bottom:50px;
}

#information article #information-content {
	width:90%;
	max-width:795px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#information article #information-content h3 {
	background-image:url(../image/contants/top/information.png);
	width:120px;
	height:57px;
	margin:0;
	padding:0;
	display:block;
	margin-bottom:30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#information article #information-content .archive-button {
	background-image:url(../image/contants/top/information-archive.png);
	width:170px;
	height:55px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}

#information article #information-content .archive-button:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#information article #information-content .archive-button a {
	width:100%;
	height:100%;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#information article #information-content ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.2em; 
}

#information article #information-content ul li {
	width:100%;
	display:block;
	margin-bottom:10px;
}

#information article #information-content ul li:after {
	content: "";
    display: block;
    clear: both;
}

#information article #information-content ul li span {
	color:#5fceda;
	font-size:16px;
	display:block;
	width:95px;
	float:left;
}

#information article #information-content ul li p {
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
	padding-left:12px;
	width:688px;
}

@media screen and (max-width: 1000px) {
	#information article #information-content ul li p {
		padding-left:0;
		width:100%;
	}
}

#information article #information-content ul li p a {
	color:#2d2d2d;
	font-size:16px;
	text-decoration:none;
	border-bottom:dotted 1px #2d2d2d;
	display:inline-block;
	padding-bottom:2px;
}

#information article #information-content ul li p a:hover {
	color:#e87d1e;
	border-bottom:dotted 1px #e87d1e;
}

#information .info-box {
	border: 3px solid #44bf91;
	padding: 30px;
	box-sizing: border-box;
	margin-bottom: 30px;
	display: block;
	font-size: 18px;
}
#information .info-box p {
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
#information .info-box a {
	word-break: break-all;
}

#google-calendar {
	width:420px;
	float:right;
	background-color:#DCDCDC;
}

#content-slider {
	padding-top:32px;
	padding-bottom:32px;
}

#content-slider article {
	max-width:1124px;
	width:90%;
}

#content-slider .content-slider-primary {
	height:355px;
}

.owl-stage-outer {
	height:350px;
	padding-left:10px;
}

#content-slider .content-slider-primary .item {
	width:251px;
	height:345px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29);
}

#content-slider .content-slider-primary .item a {
	width:251px;
	height:168px;
	background-color:#DCDCDC;
	display:block;
	line-height:168px;
	text-align:center;
	text-decoration:none !important;
	color:#B7B7B7;
	font-weight:normal;
	font-size:18px;
}

#content-slider .content-slider-primary .item img {
}

#content-slider .content-slider-primary .item h4 {
	font-size:18px;
	color:#5cccd9;
	margin:0;
	padding:0;
	padding-left:18px;
	padding-right:18px;
	padding-top:15px;
	border:none;
}

#content-slider .content-slider-primary .item p {
	font-size:14px;
	color:#373737;
	margin:0;
	padding:0;
	padding-left:18px;
	padding-right:18px;
	padding-top:6px;
}

.owl-prev {
	background-image:url(../image/contants/top/left.png);
	width:27px;
	height:96px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position:absolute;
	top:120px;
	left:-40px;
	transition:0.3s;
}

.owl-next {
	background-image:url(../image/contants/top/right.png);
	width:27px;
	height:96px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position:absolute;
	top:120px;
	right:-40px;
	transition:0.3s;
}

.owl-prev:hover {
	left:-45px;
}

.owl-next:hover {
	right:-45px;
}

/*----------------------------------------------------------------------------
   歯科医師会の取り組み
------------------------------------------------------------------------------*/

.office-dental-bana {
	background-image:url(../image/contants/initiatives/inquiry-back.png);
	border:3px solid #d8d8d8;
	width:737px;
	height:140px;
	padding-top:20px;
	padding-left:25px;
}

.office-dental-bana h5 {
	font-size:20px;
	color:#18c1d5;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.office-dental-bana p {
	font-size:16px;
	color:#171717;
	margin:0;
	padding:0;
}

.box .tel {
	color:#39b6c4;
	font-weight:bold;
	font-size:30px;
	margin-top:-10px;
	margin-bottom:10px;
}

.box .tel a {
	color:#39b6c4 !important;
	text-decoration:none !important;
}

.box .tel span {
	font-size:16px;
}

/*----------------------------------------------------------------------------
   図画・ポスター標語
------------------------------------------------------------------------------*/

.illustration-slogans-title {
	font-size:18px;
	padding-top:23px !important;
	display:block;
}

@media screen and (max-width: 1260px) {
	.illustration-slogans-title {
		font-size:18px;
		padding-top:0px !important;
		padding-bottom:15px !important;
		display:block;
	}
}

.slogans {
	background-image:url(../image/contants/Illustration-slogans/slogans-back.png);
	background-repeat:repeat-y;
	background-position:left;
	display:block;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
	border:solid 3px #caa247;
	padding-left:100px;
}

.slogans p {
	color:#795400;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:0;
	padding:0;
}

.slogans p span {
	font-size:16px;
	color:#824a04;
	display:block;
}

@media screen and (max-width: 1260px) {
	.slogans p span {
		font-size:14px;
	}
}


/*----------------------------------------------------------------------------
   Search
------------------------------------------------------------------------------*/

#search-detail {
	height:293px;
	border:2px solid #dedede;
	padding:27px;
	margin-bottom:30px;
	background-image:url(../image/contants/search/search-detail-back.png);
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
}

#search-detail p {
	margin:0;
	padding:0;
}

#search-detail ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:15px;
}

#search-detail ul li {
	display:block;
	height:35px;
	margin-bottom:10px;
}

#search-detail ul li span {
	width:100px;
	height:35px;
	background-color:#414141;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	display:block;
	float:left;
	margin-right:25px;
}

#search-detail ul li input, #search-detail ul li select {
	height:35px;
	text-indent:10px;
	width:555px;
}

#search-detail ul li input, #search-detail ul li input[type="checkbox"] {
	width:35px;
	height:35px;
	margin-right:10px;
}

@media screen and (max-width: 820px) {
	#search-detail {
		height:auto;
		background-image:none;
	}
	#search-detail ul li {
		height:auto;
	}
	#search-detail ul li span {
		float:none;
		margin-bottom:10px;
	}
}

#search-detail ul li input, #search-detail ul li .chkbox {
	width:165px;
	height:35px;
	line-height:35px;
	float:left;
	margin-bottom: 10px;
}

.search-submit {
	width:310px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	position:relative;
}

.search-submit input {
	background-color:transparent;
	background-image:url(../image/contants/search/search-detail-button.png);
	width:310px;
	height:60px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:none;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	position:relative;
}

#search-result-before {
	background-color:#d2faff;
	border:5px solid #d2faff;
	background-image:url(../image/contants/search/icon-preview.png?20231114);
	background-position:right top;
	background-repeat:no-repeat;
	margin-bottom:30px;
	min-height:126px;
}

@media screen and (max-width: 1100px) {
	#search-result-before {
		background-color:#d2faff;
		border:5px solid #d2faff;
		background-image:url(../image/contants/search/icon-preview_tab.png?20231114);
		background-position:left top;
		background-repeat:no-repeat;
		margin-bottom:30px;
		padding-top:70px;
	}
}

@media screen and (max-width: 880px) {
	#search-result-before {
		background-color:#d2faff;
		border:5px solid #d2faff;
		background-image:url(../image/contants/search/icon-preview_sp.png?20231114);
		background-position:left top;
		background-repeat:no-repeat;
		margin-bottom:30px;
		padding-top:130px;
	}
}

#search-result-before .result-before {
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
}

#search-result-before .result-before p {
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#00b1c7;
	width:90px;
	float:left;
}

#search-result-before .result-before ul {
	float:left;
	width:400px;
	margin:0;
	padding:0;
	list-style:none;
}

#search-result-before .result-before ul li {
}

#search-result {
	border:2px solid #dedede;
}

#search-result-primary {
}

.area-alart {
	width: calc(100% - 60px);
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	text-align: center;
	color: #E74E51;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	border: 2px solid #E74E51;
	box-sizing: border-box;
	margin-bottom: 30px;
	font-size: 18px;
}

#search-result-primary .list {
	border-bottom:2px solid #dedede;
}

#search-result-primary .list .hsp-name {
	background-color:#eaeaea;
	color:#1a1a1a;
	text-align:left;
	width:18%;
	padding-left:2%;
	padding-right:2%;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #ffffff;
	float:left;
}

#search-result-primary.harf-column .list .hsp-name {
	width:25%;
}

#search-result-primary .list .hsp-detail {
	width:74%;
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:2%;
	padding-right:2%;
}

#search-result-primary.harf-column .list .hsp-detail {
	width:67%;
}

#search-result-primary .list .hsp-detail p {
	float:left;
	margin:0;
	padding:0;
	width:67.8%;
}

#search-result-primary .list .hsp-detail span {
	float:left;
	padding-right:18px;
}

#search-result-primary .list .hsp-detail span.time {
	color:#00b2c7;
}

#search-result-primary .list .hsp-detail span.holiday {
	color:#fe4949;
}

#search-result-primary .list .hsp-detail ul {
	list-style:none;
	margin:0;
	padding:0;
	width:32%;
	float:right;
	margin-right:-10px;
}

#search-result-primary .list .hsp-detail ul li {
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	width:43px;
	height:43px;
	margin:0;
	padding:0;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#search-result-primary .list .hsp-detail ul li:last-of-type {
	margin-right:0;
}

#search-result-primary .list .hsp-detail ul li.cate01 { background-image:url(../image/contants/search/cate01_off.png); }
#search-result-primary .list .hsp-detail ul li.cate02 { background-image:url(../image/contants/search/cate02_off.png); }
#search-result-primary .list .hsp-detail ul li.cate03 { background-image:url(../image/contants/search/cate03_off.png); }
#search-result-primary .list .hsp-detail ul li.cate04 { background-image:url(../image/contants/search/cate04_off.png); }
#search-result-primary .list .hsp-detail ul li.cate05 { background-image:url(../image/contants/search/cate05_off.png); }

#search-result-primary .list .hsp-detail ul li.cate01.active { background-image:url(../image/contants/search/cate01_on.png); }
#search-result-primary .list .hsp-detail ul li.cate02.active { background-image:url(../image/contants/search/cate02_on.png); }
#search-result-primary .list .hsp-detail ul li.cate03.active { background-image:url(../image/contants/search/cate03_on.png); }
#search-result-primary .list .hsp-detail ul li.cate04.active { background-image:url(../image/contants/search/cate04_on.png); }
#search-result-primary .list .hsp-detail ul li.cate05.active { background-image:url(../image/contants/search/cate05_on.png); }

.acd {
	position:absolute;
	width:260px;
	height:289px;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.14);
	top:30px;
	right:30px;
	padding:23px;
	box-sizing:border-box;
}

.acd.tab {
	display:none;
}

.acd strong {
	font-size:24px;
	color:#393939;
	display:block;
	line-height:30px;
}

.acd p {
	margin:0 !important;
	padding:0 !important;
	margin-top:5px !important;
	margin-bottom:15px !important;
	font-size:16px;
	color:#393939;
	display:block;
}

.acd-button a {
	background-image:url(../image/contants/search/acd-button.png);
	width:214px;
	height:62px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	transition:0.3s;
}

.acd-button a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

@media screen and (max-width: 1065px) {
	.acd {
		display:none;
	}
	.acd.tab {
		display:block !important;
		width:100%;
		height:inherit !important;
		margin-top:30px;
		position:relative;
		top:inherit;
		right:inherit;
		float:none !important;
		margin-bottom:30px !important;
	}
	.acd.tab div {
		float:left;
		padding-right:244px;
		box-sizing:border-box;
	}
	.acd.tab .acd-button a {
		position:absolute;
		top:30px;
		right:30px;
	}
	.acd.tab strong br {
		display:none;
	}
}

/*----------------------------------------------------------------------------
   Cancer
------------------------------------------------------------------------------*/

.cancer-area-button {
	list-style:none;
	margin:0;
	padding:0 !important;
	width:780px;
}

@media screen and (max-width: 880px) {
	.cancer-area-button {
		width:700px;
	}
}

@media screen and (max-width: 730px) {
	.cancer-area-button {
		width:640px;
	}
}

.cancer-area-button li {
	margin:0;
	padding:0;
	width:100.7px;
	float:left;
	margin-right:10px;
	background-color:#FFFFFF;
	border:2px solid #18c1d5;
	display:block;
	margin-bottom:10px;
	padding:5px;
	padding-left:10px;
	color:#18c1d5;
	font-weight:bold;
	position:relative;
	text-decoration:none;
	transition:0.3s;
}

.cancer-area-button li:hover {
	background-color:#18c1d5;
	color:#ffffff;
	cursor:pointer;
}

.cancer-area-button li:after {
	content:"〉";
	position:absolute;
	right:2px;
	top:9px;
	font-size:10px;
}

.tab-hidden {
	display:none;
}

/*----------------------------------------------------------------------------
   Illness-in-mouth
------------------------------------------------------------------------------*/

.illness-in-mouth-index-button-primary {
}

.illness-in-mouth-index-button-primary ul {
	list-style:none;
	margin:0;
	padding:0;
}

.illness-in-mouth-index-button-primary ul li {
	border:2px solid #5eccda;
	margin-bottom:15px;
	position:relative;
}

.illness-in-mouth-index-button-primary ul li:after {
	content:"〉";
	display:block;
	position:absolute;
	top:13px;
	right:10px;
	color:#5eccda;
	font-weight:bold;
	font-size:18px;
	transition:0.3s;
}

.illness-in-mouth-index-button-primary ul li:hover:after {
	right:5px;
	color:#ffffff;
}

.illness-in-mouth-index-button-primary ul li a {
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	color:#5eccda;
	font-size:16px;
	display:block;
	font-weight:bold;
	transition:0.3s;
}

.illness-in-mouth-index-button-primary ul li a:hover {
	color:#ffffff;
	background-color:#5eccda;
}

/*----------------------------------------------------------------------------
   Information Archives
------------------------------------------------------------------------------*/

.information-list {
	padding-bottom:30px;
}

.information-list p {
	margin:0;
	padding:0;
	padding-bottom:15px !important;
}

.information-list p:last-of-type {
	padding-bottom:0 !important;
}

.information-list img {
	margin-bottom:0px;
}

/*----------------------------------------------------------------------------
   Members
------------------------------------------------------------------------------*/

#members-content-list-primary {
}

#members-content-list-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-right:20px;
	height:355px;
	overflow:scroll;
	overflow-x:hidden;
}

#members-content-list-primary ul li {
	padding-bottom:15px;
	border-bottom:1px dotted #B0B0B0;
	margin-bottom:15px;
}

.pan {
	padding-bottom:20px;
}

.pan a {
	border:1px solid #5eccda;
	display:inline-block;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	color:#5eccda;
	text-decoration:none;
	border-radius:3px;
	margin-right:5px;
	font-size:12px;
	text-align:center;
	transition:0.3s;
}

.pan a:hover {
	padding-left:15px;
	padding-right:15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ccf9ff+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,249,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,249,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,249,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccf9ff',GradientType=0 ); /* IE6-9 */
	color:#2db3c4;
}

.pan span {
	border:1px solid #5eccda;
	background-color:#5eccda;
	display:inline-block;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	color:#ffffff;
	border-radius:3px;
	font-size:12px;
}

.term-list-primary {
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:25px;
}

.term-list-primary li a {
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	padding-left:10px;
	padding-right:23px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#dcfcff;
	border:1px solid #dcfcff;
	text-decoration:none;
	color:#24a9b7;
	position:relative;
	float:left;
}

.term-list-primary li a:hover {
	border:1px solid #5fceda;
}

.term-list-primary li a:after {
	content:"〉";
	display:block;
	position:absolute;
	right:-5px;
	top:8px;
	width:20px;
	height:20px;
	font-size:11px;
}

/*----------------------------------------------------------------------------
   県民公開講座
------------------------------------------------------------------------------*/

.page-comment {
	font-size: 18px;
	margin-bottom: 30px;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	.page-comment {
		text-align: left !important;
	}
}

.public_seminer_movie-list-primary {
	width: calc(100% + 30px);
}

.public_seminer_movie-list-primary .list {
	width: calc(33.333% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
	position: relative;
}

@media screen and (max-width: 1000px) {
	.public_seminer_movie-list-primary {
		width: 100%;
	}
	.public_seminer_movie-list-primary .list {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

.public_seminer_movie-list-primary .list h5 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.public_seminer_movie-list-primary .list p {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

.public_seminer_movie-list-primary .list iframe {
	width: 100%;
	margin-bottom: 20px;
}

.public_seminer_movie-list-primary .list .link-button {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.interview {
	text-align: right;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 15px;
	border-top: 1px solid #cccccc;
}

    .previous-records{
        display: grid;
        grid-template-columns:repeat(3,1fr) ;
        gap: 30px;
    }
    .latest-issue{
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .back-numbers{
        grid-column-start: 2;
        grid-column-end: 4;
    }

    .back-numbers ul li{
        margin-bottom: 5px;
    }