@charset "UTF-8";
@import url(normalize.css);
@import url(reset.css);
@import url(hack.css);

.sp {display:none;}
.pc {}

header {
	width: 100%;
	height: auto;
	float: left;
	background: #1b6a6b;
	position: relative;
}

.logo {
	vertical-align: middle;
}

.sp-logo {display: none;}

.english {
	width: auto;
	height: auto;
	padding: 0 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.english img {
	display: none;
}

.sp-english {
	display: none;
}

.manu {
	display: none;
}

.manu-area {
	width: 1000px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.manu-box {
	width: 100%;
	height: auto;
	float: left;
	background: #ffffff;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px;
}

.manu-box p {
	width: 25%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 1.3em;
	background: url(../Images/All/line01.png) right center no-repeat #ffffff;;
}

.manu-box p:last-child {
	width: 25%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 1.3em;
	background: #ffffff;
}

.manu-box p a {
	width: 100%;
	height: auto;
	float: left;
}

.manu-box p img {
	vertical-align: middle;
	margin-bottom: 10px;
}

.main-img {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	margin-top: -30px;
	z-index: 1;
}

.swiper-slide {
	height: auto;
	min-height: 600px;
}

.slide01 {
	background: url(../Images/All/sample01.png) top center;
	background-size: cover;
}

.slide02 {
	background: url(../Images/All/sample02.png) top center;
	background-size: cover;
}

.slide03 {
	background: url(../Images/All/sample03.png) top center;
	background-size: cover;
}

nav {
	display: none;
}

.text-01 {
	display: none;
}

.news {
	width: 100%;
	height: auto;
	float: left;
	background: #1b6a6b;
	position: relative;
}

.news-area {
	width: 1000px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
}

.news-box {
	width: 100%;
	height: auto;
	float: left;
	background: #ffffff;
	box-sizing: border-box;
	padding: 20px;
	text-align: left;
	position: relative;
	
}

.news-box ul {
	width: 100%;
	height: auto;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}

.news-box ul .time {
	width: 15%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
}

.news-box ul .text {
	width: 85%;
	height: auto;
	float: left;
}

.news-title {
	width: 200px;
	height: auto;
	padding: 20px;
	box-sizing: border-box;
	position: absolute;
	left: -200px;
	top: 0;
	text-align: center;
	color: #ffffff;
}

.news-link {
	width: 200px;
	height: auto;
	padding: 20px;
	box-sizing: border-box;
	position: absolute;
	right: -200px;
	top: 0;
	text-align: center;
	color: #ffffff;
}

.news-link a {
	color: #ffffff;
}

.keyword {
	width: 100%;
	height: auto;
	float: left;
	background: url(../Images/All/bg.png) bottom center;
	background-size: cover;
}

.keyword-area {
	width: 1000px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
}

.keyword-box {
	width: 100%;
	height: auto;
	float: left;
}

.keyword-box a {
	width: auto;
	height: auto;
	 float: left;
	margin-right: 20px;
}

.keyword-box a:last-child {
	width: auto;
	height: auto;
	 float: left;
	margin-right: 0;
}

.keyword-box a:hover {
	opacity: 0.5;
}

.keyword-box02 {
	width: 100%;
	height: auto;
	float: left;
}

.title01 {
	font-size: 1.4em;
	font-weight: bold;
}

.keyword-form {
	width: 450px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
}

.keyword-form-box {
	width: 100%;
	height: auto;
	float: left;
	background: #ffffff;
	border-radius: 25px;
	padding: 10px 20px;
	box-sizing: border-box;
}

.form01 {
	width: 330px;
	background: none;
	border: none;
	float: left;
}

.form02 {
	background: url(../Images/All/icon01.png) center center no-repeat;
	border: none;
	float: right;
	width: 20px;
	height: 20px;
}

.keyword-text {
	width: 100%;
	height: auto;
	float: left;
}

.bunrui {
	width: 100%;
	height: auto;
	float: left;
	padding: 50px 0;
}

.bunrui-area {
	width: 1000px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
}

.bunrui-icon {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

.bunrui-title {
	width: 100%;
	height: auto;
	float: left;
	background: url(../Images/All/line02.png) bottom center no-repeat;
	font-size: 1.7em;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.bunrui-list {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

.bunrui-list p {
	width: 20%;
	height: auto;
	float: left;
	font-size: 0.8em;
	border-right: 5px #ffffff solid;
	box-sizing: border-box;
	color: #ffffff;
}

.bunrui-list p:last-child {
	width: 20%;
	height: auto;
	float: left;
	font-size: 0.8em;
	border-right: none;
	box-sizing: border-box;
	color: #ffffff;
}

.bunrui-list02 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

.bunrui-list02 p {
	width: 25%;
	height: auto;
	float: left;
	font-size: 0.8em;
	border-right: 5px #ffffff solid;
	box-sizing: border-box;
	color: #ffffff;
}

.bunrui-list02 p:last-child {
	width: 25%;
	height: auto;
	float: left;
	font-size: 0.8em;
	border-right: none;
	box-sizing: border-box;
	color: #ffffff;
}

.bunrui-list p a , .bunrui-list02 p a {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: #ffffff;
}

.bunrui-list p a:hover , .bunrui-list02 p a:hover {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: #ffffff;
	opacity: 0.5;
}

.bunrui01 {background: #ef5350; border-radius: 20px 0 0 0;}
.bunrui02 {background: #f16461;}
.bunrui03 {background: #f27573;}
.bunrui04 {background: #f37e7c;}
.bunrui05 {background: #f58f8d; border-radius: 0 20px 0 0;}
.bunrui06 {background: #ec407a;}
.bunrui07 {background: #ee5387;}
.bunrui08 {background: #f06695;}
.bunrui09 {background: #f279a2;}
.bunrui10 {background: #f383a8;}
.bunrui11 {background: #5c6bc0;}
.bunrui12 {background: #6c7ac6;}
.bunrui13 {background: #7d89cd;}
.bunrui14 {background: #8d97d3;}
.bunrui15 {background: #959fd6;}
.bunrui16 {background: #00bcd4;}
.bunrui17 {background: #19c3d8;}
.bunrui18 {background: #33c9dd;}
.bunrui19 {background: #4cd0e1;}
.bunrui20 {background: #59d3e3;}
.bunrui21 {background: #f9a825; border-radius: 0 0 0 20px; padding-top: 10px;}
.bunrui22 {background: #f9ac30; padding-top: 10px;}
.bunrui23 {background: #fab545; padding-top: 10px;}
.bunrui24 {background: #fabb55; border-radius: 0 0 20px 0;}

.bunrui-left {
	width: 22%;
	height: auto;
	float: left;
	display: block;
	text-align: left;
}

.bunrui-right {
	width: 78%;
	height: auto;
	float: right;
	display: block;
	text-align: left;
}

.koutei {
	width: 100%;
	height: auto;
	float: left;
	padding: 50px 0;
	background: url(../Images/All/bg02.png) center center;
	background-size: cover;
}

.koutei-area {
	width: 1000px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
}

.koutei-left {
	width: 49%;
	height: auto;
	float: left;
}

.koutei-right {
	width: 49%;
	height: auto;
	float: right;
}

.koutei-table {
	width: 100%;
	height: 530px;
}

.koutei-table th {
	background: #ffffff;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.koutei-table td {
	background: #9aeddd;
	vertical-align: middle;
	text-align: center;
}

.koutei-table td a:hover {
	opacity: 0.5;
}

.td-lien01 {
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.td-lien02 {
	border-bottom: 1px solid #ffffff;
}

.map-title {
	width: 100%;
	height: auto;
	float: left;
	padding: 15px 50px;
	box-sizing: border-box;
	background: #1b6a6b;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}

.map-area {
	width: 100%;
	height: 450px;
	float: left;
}

.map-area iframe {
	vertical-align: middle;
}

footer {
	display: none;
}

.footer-box {
	width: 1000px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
}

.footer-title {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

.footer-title img {
	vertical-align: middle;
}

.footer-text {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}

.temp-main-img {
	width: 100%;
	height: auto;
	min-height: 280px;
	float: left;
	position: relative;
	margin-top: -30px;
	z-index: 1;
}

.temp-bg01 {
	background: url(../Images/InPage/bg/01.png) center center;
	background-size: cover;
}

.temp-area {
	width: 100%;
	height: auto;
	float: left;
	padding: 50px 0;
	position: relative;
	z-index: 2;
}

.temp-area02 {
	width: 100%;
	height: auto;
	float: left;
	padding: 110px 0 80px 0;
	background: #9aeddd;
	position: relative;
	z-index: 1;
	margin-top: -100px;
}

.temp-area03 {
	width: 100%;
	height: auto;
	float: left;
	padding: 0 0 50px 0;
	position: relative;
	z-index: 2;
}

.temp-area04 {
	width: 100%;
	height: auto;
	float: left;
	padding: 50px 0;
	position: relative;
	z-index: 2;
	background: #f2f2f2;
}

.area-box {
	width: 1000px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
}

.print-link {
	display: none;
}


.temp-title {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 30px;
	font-size: 2em;
	font-weight: bold;
}

.temp-title02 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 30px;
	font-size: 1.6em;
	font-weight: bold;
}

.temp-category {
	width: 600px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
	padding: 10px 20px;
	background: #00bcd4;
	color: #ffffff;
	margin-bottom: 50px;
	clear: both;
	box-sizing: border-box;
}

.temp-img {
	width: 600px;
	height: auto;
	min-height: 100px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.temp-img img {
	max-width: 100%;
	vertical-align: middle;
}

.table01 {
	width: 100%;
	height: auto;
	float: left;
}

.table01 th {
	background: #1b6a6b;
	color: #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.table01 td.td01 {
	background: #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;
	vertical-align: middle;
}

.table01 td.td02 {
	background: #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}

.table01 td.td03 {
	background: #f2f2f2;
	padding: 10px 20px;
	box-sizing: border-box;
	vertical-align: middle;
}

.table01 td.td04 {
	background: #f2f2f2;
	padding: 10px 20px;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}

.table01 .bo01 {
	border-right: 1px solid #ffffff;
}

.table01 .bo02 {
	border-bottom: 1px solid #ffffff;
}

.temp-left {
	width: 665px;
	height: auto;
	float: left;
}

.temp-right {
	width: 320px;
	height: auto;
	float: right;
}

.temp-right img {
	vertical-align: middle;
	width: 100%;
}

.temp-left02 {
	width: 495px;
	height: auto;
	float: left;
}

.temp-right02 {
	width: 495px;
	height: auto;
	float: right;
}

.temp-imhgbox {
	width: 100%;
	height: auto;
	float: left;
}

.temp-imhgbox p {
	width: 244px;
	height: auto;
	float: left;
	background: url(../Images/InPage/img-bg.png) center center no-repeat;
	overflow: hidden;
}

.temp-imhgbox p:last-child {
	width: 244px;
	height: auto;
	float: right;
	background: url(../Images/InPage/img-bg.png) center center no-repeat;
	overflow: hidden;
}

.temp-imhgbox p img {
	width: 100%;
	vertical-align: middle;
}

.temp-img-logobox {
	width: 200px;
	height: auto;
	float: left;
	position: relative;
}

.temp-img-logo {
	width: 200px;
	height: 200px;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 100px;
}

.temp-img-logo img {
	height: 100%;
	vertical-align: middle;
	opacity: 0.2;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit- transform: translateX(-50%) translateY(-50%);
}

.temp-img-logo-text {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	text-shadow: 0 0 3px #ffffff;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

.temp-subtitle {
	width: 750px;
	height: auto;
	float: right;
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}

.temp-subtxt {
	width: 750px;
	height: auto;
	float: right;
	text-align: left;
}
.slick-slide {
	opacity: 0.5;
}

.slick-current {
	opacity: 1!important;
}

.slide_txt01 {
	width: 100%;
	height: auto;
	float: left;
	font-size: 0.8em;
	text-align: center;
	margin-top: 10px;
}

.temp-kesaku {
	width: 100%;
	height: auto;
	float: left;
	border: 1px solid #666666;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.temp-kesaku01 {
	width: auto;
	height: auto;
	float: right;
}

.temp-kesaku02 {
	width: auto;
	height: auto;
	float: left;
}

.temp-kesaku-area {
	width: 100%;
	height: auto;
	float: left;
}

.temp-kesaku-area a {
	width: 25%;
	height: auto;
	float: left;
	display: block;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.temp-kesaku-area a div {
	width:100%;
	height: auto;
	float: left;
	box-shadow: 0 0 3px #666666;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
}

.temp-kesaku-area a div .cat {
	width: auto;
	height: auto;
	float: left;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 0.8em;
	color: #ffffff;
	margin-bottom: 10px;
}

.cat01 {background: #ef5350;}
.cat02 {background: #f16461;}
.cat03 {background: #f27573;}
.cat04 {background: #f37e7c;}
.cat05 {background: #f58f8d;}
.cat06 {background: #ec407a;}
.cat07 {background: #ee5387;}
.cat08 {background: #f06695;}
.cat09 {background: #f279a2;}
.cat10 {background: #f383a8;}
.cat11 {background: #5c6bc0;}
.cat12 {background: #6c7ac6;}
.cat13 {background: #7d89cd;}
.cat14 {background: #8d97d3;}
.cat15 {background: #959fd6;}
.cat16 {background: #00bcd4;}
.cat17 {background: #19c3d8;}
.cat18 {background: #33c9dd;}
.cat19 {background: #4cd0e1;}
.cat20 {background: #59d3e3;}
.cat21 {background: #f9a825;}
.cat22 {background: #f9ac30;}
.cat23 {background: #fab545;}
.cat24 {background: #fabb55;}

.temp-kesaku-area a div .img {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

.temp-kesaku-area a div .img img {
	width: 100%;
	vertical-align: middle;
	border-radius: 5px;
}

.temp-kesaku-area a div .title {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding-bottom: 5px;
}

.temp-kesaku-area a div .text {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	font-size: 0.9em;
}

.temp-endbox {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}

.temp-endbox a {
	border: 1px solid #cccccc;
	padding:10px 13px;
	box-sizing: border-box;
	margin: 0 5px;
	border-radius: 5px;
}

.temp-endbox a:hover {
	background: #1b6a6b;
	color: #ffffff;
	border: 1px solid #1b6a6b;
}

.temp-endbox span {
	border: 1px solid #1b6a6b;
	background: #1b6a6b;
	color: #ffffff;
	padding:10px 13px;
	box-sizing: border-box;
	margin: 0 5px;
	border-radius: 5px;
}

.temp-news-title {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 40px;
}

.temp-news-title h2 {
	width: 150px;
	height: auto;
	min-height: 10px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
	margin: 0 auto;
	
}

.temp-news-box {
	width: 100%;
	height: auto;
	float: left;
	border-top: 1px solid #cccccc;
}

.temp-news-box ul {
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 1px solid #cccccc;
	padding: 20px 0;
}

.temp-news-box ul .time {
	width: 170px;
	height: auto;
	float: left;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
}

.temp-news-box ul .text {
	width: 830px;
	height: auto;
	float: left;
	text-align: left;
}

.temp-news-area {
	width: 100%;
	height: auto;
	float: left;
	border-top: 1px solid #cccccc;
}

.temp-in-news-title {
	width: 100%;
	height: auto;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	padding: 0 10px 5px 10px;
	box-sizing: border-box;
}

.temp-in-news-time {
	width: 100%;
	height: auto;
	float: left;
	text-align: right;
	font-size: 0.9em;
	padding: 10px 10px 30px 10px;
	box-sizing: border-box;
}

.temp-in-newsbox {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	padding: 0 10px;
	box-sizing: border-box;
}


.temp-in-news-list {
	width: 100%;
	height: auto;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: left;
	margin-top: 30px;
}

.temp-in-news-list .pdf {
	width: 100%;
	height: auto;
	float: left;
	background: url(../Images/All/pdf.gif) top left no-repeat;
	line-height: 1.2em;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.temp-in-news-list .doc {
	width: 100%;
	height: auto;
	float: left;
	background: url(../Images/All/doc.gif) top left no-repeat;
	line-height: 1.2em;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.temp-in-news-list .xls {
	width: 100%;
	height: auto;
	float: left;
	background: url(../Images/All/xls.gif) top left no-repeat;
	line-height: 1.2em;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.temp-in-news-list .ppt {
	width: 100%;
	height: auto;
	float: left;
	background: url(../Images/All/ppt.gif) top left no-repeat;
	line-height: 1.2em;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.temp-in-news-img {
	width: 100%;
	height: auto;
	float: left;
	background: #f8f8f8;
	margin-top: 20px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
}

.temp-in-news-img div {
	width: 25%;
	height:auto;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}

.temp-in-news-img div img {
	width: 100%;
	vertical-align: middle;
}

.temp-in-news-img div p {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 0.8em;
	margin-top: 10px;
}

.logo-icon01 {
	width: 160px;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}

.logo-icon01 img {
	width: 100%;
}

.logo-icon02 {
	width: 70px;
	height: auto;
	position: absolute;
	right: 5px;
	top: 50px;
}

.logo-icon02 img {
	width: 100%;
}