@charset "UTF-8";
/* CSS Document */

/*++++++++++++++++++++++++++++++++++++
+
+　メインイメ�`ジ
+
+++++++++++++++++++++++++++++++++++++*/
.main {
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin: 0px 0px 25px;
	line-height: 210px;
}
.main.labo {
	background: url(/kihs/images/labo/main.jpg) no-repeat;
	background-size:cover;
}
.main.staff {
	background: url(/kihs/images/staff/main.jpg) no-repeat;
	background-size:cover;
}


@media only screen and (max-width: 768px){
.main {
	font-size: 1.8rem;
	margin: 0 0 10px;
	line-height: 105px;
}

}

/*++++++++++++++++++++++++++++++++++++
+
+　タイトル
+
+++++++++++++++++++++++++++++++++++++*/

#contents h3 {
	border-bottom: 2px solid #CB2837;
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0px 0px 25px;
	padding: 0px 0px 30px;
	text-align: center;
}
#contents h4 {
	color: #CB2837;
	font-size: 2rem;
	font-weight: bold;
	margin: 0px 0px 15px;
}
#contents h4.ttl {
	border-bottom: 1px solid #CCC;
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
}
#contents h4.ttl span {
	border-left: 5px solid #cb2837;
	padding: 0 0 0 20px;
}


.news-text h4 {
	font-size: 18px;
	border-bottom: 3px solid #e5e5e5;
	padding: 0.7em 0px 0.7em;
	margin: 0px 0px 15px;
	color: #333 !important;
}
.news-text h4::before {
	margin: 0 10px 0 0;
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(/kihs/images/common/title_icon.gif);
	background-size: contain;
	vertical-align: middle;
}


@media only screen and (max-width: 768px){
#contents h3 {
	font-size: 1.8rem;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
}
#contents h4 {
	font-size: 1.6rem;
	margin: 0px 0px 10px;
}
#contents h4.ttl {
	border-bottom: 1px solid #CCC;
	margin: 0px 0px 20px !important;
	padding: 0px 0px 10px;
}
#contents h4.ttl span {
	padding: 0 0 0 10px;
}

}

/*++++++++++++++++++++++++++++++++++++
+
+　冩梢侭�B初
+
+++++++++++++++++++++++++++++++++++++*/
.labo .movie {
	margin: 0px auto 70px;
	width: 32%;
	position: relative;
    padding-bottom: calc(56.25%*0.32);
    height: 0;
    overflow: hidden;
}
.labo .movie iframe {
	/* width: 345.59px;
	height: 194.39px; */
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.labo .text:nth-child(1 of .text) {
	margin-bottom: 70px;
}
.labo .text:nth-child(2 of .text) {
	margin-bottom: 30px;
}
.labo .text:nth-child(3 of .text) {
	margin-bottom: 80px;
}
.labo .text:nth-child(4 of .text) {
	margin-bottom: 60px;
}
.labo .image {
	text-align: center;
	margin: 0px 0px 50px;
}
@media only screen and (max-width: 768px){
	.labo .movie {
		width: 100%;
		padding-bottom: 56.25%;
	}
	.labo .text:nth-child(3 of .text) {
		margin-bottom: 40px;
	}
	.labo .text:nth-child(4 of .text) {
		margin-bottom: 30px;
	}
	.labo .image {
		margin-bottom: 25px;
	}
}


/*++++++++++++++++++++++++++++++++++++
+
+　冩梢スタッフ
+
+++++++++++++++++++++++++++++++++++++*/
.staff .intro {
	margin: 0px 0px 55px;
}
.staff .intro .st {
	font-size: 2rem;
	font-weight: bold;
	margin: 0px 0px 10px;
}
.staff .staff1 {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0px 0px 60px;
}
.staff .staff1 th {
	border: 1px solid #CCC;
	font-weight: bold;
	background: #f3f3f3;
	font-size: 1.4rem;
	vertical-align: middle;
	padding: 15px;
	width: 30%;
}
.staff .staff1 td {
	border: 1px solid #CCC;
	vertical-align: middle;
	width: 36%;
	padding: 15px;
}
@media only screen and (max-width: 768px){
.staff .intro {
	margin: 0px 0px 20px;
}
.staff .intro .st {
	font-size: 1.6rem;
	margin: 0px 0px 5px;
}
.staff .staff1 {
	margin: 0px 0px 30px;
	border-bottom-style: none;
}
.staff .staff1 th {
	font-size: 1.3rem;
	padding: 15px;
	width: auto;
	display: block;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.staff .staff1 td {
	width: auto;
	padding: 10px;
	display: block;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.labo .movie {}
.labo .movie {}
.labo .movie .mv {
    /* width: 48%; */
    width: 100%;
    margin: 0 0 20px;
}
.labo .movie .mv .inn {}
.labo .movie .mv .inn iframe {}

}










/*++++++++++++++++++++++++++++++++++++
+
+　冩梢並�I
+
+++++++++++++++++++++++++++++++++++++*/
.sec-stage {
	margin: 0px 0px 70px;
}
.sec-stage:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
.sec-stage .box {
	float: left;
	width: 48%;
	margin: 0px 0px 60px;
}
.sec-stage .box:nth-child(even) {
	float: right;
}
.sec-stage .box:nth-child(5) {
	margin: 0px 0px;
}
.sec-stage .box .ttl {
	border-bottom: 1px dashed #CB2737;
	background: #fcf4f5;
	margin: 0 0 15px;
}
.sec-stage .box .ttl:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
.sec-stage .box .ttl .point {
	font-size: 16px;
	font-weight: bold;
	color: #CB2737;
	line-height: 60px;
	text-align: center;
	background: #faeaeb;
	width: 15.3846%;
	float: left;
}
.sec-stage .box .ttl .text {
	position: relative;
	height: 60px;
	width: 82%;
	float: right;
	font-weight: bold;
	line-height: 1.4;
}
.sec-stage .box .ttl .text p {
	width: 100%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.sec-stage .box .box-text {
	margin: 0px 0px 10px;
	float: left;
}
.sec-stage .box .btn {
	line-height: 50px;
	min-width: 160px;
	max-width: 420px;
	float: left;
	margin: 0px 10px 10px 0px;
}
.sec-stage .box .btn a {
	background: #cb2837;
	color: #FFF;
	display: block;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;/* for Safari and Chrome ����*/
	-moz-border-radius: 6px;/* for Firefox ����*/
	font-size: 1.5rem;
	padding: 0 10px;
}
.sec-stage .box .btn a:hover {
	background: rgba(203,40,55,0.7);
}
.sec-stage .box .btn a:after{
	content: "\f105";
	display: inline-block;
	font: 1.8rem/50px FontAwesome;
	margin: 0;
	color: #fff;
	float:right;
}
.sec-pcup:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
.sec-pcup .btn {
	width:49%;
	line-height: 62px;
	float: left;
	margin: 0px 0px 20px 0px;
}
.sec-pcup .btn:nth-child(even) {
	float:right;
}
.sec-pcup .btn a {
	background: #cb2837;
	color: #FFF;
	display: block;
	font-size: 1.5rem;
	padding: 0 20px;
}
.sec-pcup .btn a:hover {
	background: rgba(203,40,55,0.7);
}
.sec-pcup .btn a:after{
	content: "\f105";
	display: inline-block;
	font: 1.8rem/62px FontAwesome;
	margin: 0;
	color: #fff;
	float:right;
}
.sec-pcup {
	margin-bottom: 60px;
}
@media only screen and (max-width: 768px){
.sec-stage {
	margin: 0px 0px 35px;
}
.sec-stage:after {}
.sec-stage .box {
	float: none;
	width: auto;
	margin: 0px 0px 30px;
}
.sec-stage .box:nth-child(even) {
	float: none;
}
.sec-stage .box:nth-child(5) {
	margin: 0px 0px;
}
.sec-stage .box .ttl {
	margin: 0 0 10px;
}
.sec-stage .box .ttl:after {}
.sec-stage .box .ttl .point {
	font-size: 14px;
	width: 26%;
	line-height: 75px;
}
.sec-stage .box .ttl .text {
	height: 75px;
	width: 70%;
	line-height: 1.2;
}
.sec-stage .box .ttl .text p {width: 95%;}
.sec-stage .box .box-text {
	margin: 0px 0px 10px;
}
.sec-stage .box .btn {
	line-height: 1.5;
	min-width: auto;
	max-width: 100%;
	float: none;
	margin: 0px 0px 10px 0px;
}
.sec-stage .box .btn a {
	padding: 10px 8px;
	font-size: 1.4rem;
}
.sec-stage .box .btn a:hover {
}
.sec-stage .box .btn a:after{
	font: 1.8rem/20px FontAwesome;
}
.sec-pcup:after {}
.sec-pcup .btn {
	width: auto;
	line-height: 42px;
	float: none;
	margin: 0px 0px 10px 0px;
}
.sec-pcup .btn:nth-child(even) {
	float: none;
}
.sec-pcup .btn a {
	padding: 0 10px;
}
.sec-pcup .btn a:hover {}
.sec-pcup .btn a:after{
	font: 1.8rem/45px FontAwesome;
	margin: 0;
	color: #fff;
	float:right;
}
.sec-pcup {
	margin-bottom: 30px;
}
}











/*++++++++++++++++++++++++++++++++++++
+
+　冩梢並�I匯�E
+
+++++++++++++++++++++++++++++++++++++*/
.proj-list .nav {
	text-align: center;
	margin: 0px 0px 40px;
}
.proj-list .nav ul {
	display: flex;
	justify-content: space-between;
}
.proj-list .nav ul li {
	width: 23%;
	text-align: center;
	vertical-align: middle;
	/* display: inline-block; */
	/* margin: 0 20px; */
}
.proj-list .nav ul li a {
	background: #f2f2f2;
	color: #333;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.5rem;
	font-size: 1.3rem;
	padding: 20px 15px;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}
.proj-list .nav ul li a:hover {
	background: rgba(242,242,242,0.7);
}
.proj-list .nav ul li a:after{
	content: "\f107";
	display: inline-block;
	font: 1.8rem/1.5 FontAwesome;
	margin: 0;
	color: #cb2837;
	/* float:right; */
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.proj-list h4 {
	border-bottom: 1px solid #CCC;
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
}
.proj-list h4 span {
	border-left: 5px solid #cb2837;
	padding: 0 0 0 20px;
}
.proj-list h5 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #cb2837;
	margin: 0px 0px 15px;
}
.proj-list .ma_b30 a img {
	max-width: 508px;
}
.proj-list .btn-pdf-link a {
	padding: 0 calc(1.4rem + 1rem + 15px) 0 15px;
	position: relative;
}
.proj-list .btn-pdf-link a:after{
	/* display: none; */
	position: absolute;
	right: 0;
}
.proj-cont {
	margin: 0px 0px 30px;
}
.proj-cont1 {
	margin: 0px 0px 90px;
}
.proj-cont dl {
	margin: 0;
}
.proj-cont dl dt {
	text-align: justify;
	vertical-align: top;
	display: inline-block;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
}
.proj-cont dl dd {
	vertical-align: top;
	display: inline-block;
}
.st4_art_link {
	margin: 0px 0px 90px;
}
.st4_art_link a {
	color: #cb2837;
	text-decoration: underline;
}
.st4_art_logo {
	margin: 0px 0px 20px 20px;
	float: right;
}
.st4_art_text {
	margin: 0px 0px 30px;
}
.st4_gp_lead {
	margin: 0px 0px 30px;
}
.st4_gp_text {
	margin: 0px 0px 30px;
}
.st4_gp_box {
	background: #f3f3f3;
	border: 1px solid #CCC;
	padding: 20px;
	margin: 0px 0px 30px;
}
.st4_gp_box .btn {
	margin: 20px 0px 0px;
	width: 40%;
}
.st4_gp_box .btn a {
	border: 1px solid #CB2737;
	display: block;
	background: #FFF;
	line-height: 45px;
	color: #CB2737;
	font-size: 1.4rem;
	padding: 0px 3%;
	font-weight: bold;
}
.st4_gp_box .btn a:after{
	background : none;
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 0 0 10px;
	font-size: 1.8rem;
	color: #cb2837;
	float:right;
}
.koso_lead {
	margin: 0px 0px 30px;
}
.koso_text {
	margin: 0px 0px 30px;
}

@media only screen and (max-width: 768px){
.proj-list .nav {
	margin: 0px 0px 30px;
}
.proj-list .nav ul {
	display: block;
}
.proj-list .nav ul li {
	width: auto;
	display: block;
	margin: 0 0 10px;
}
.proj-list .nav ul li a {
	padding: 10px 5px;
	font-size: 1.3rem;
}
.proj-list .nav ul li a:hover {
	background: rgba(242,242,242,0.7);
}
.proj-list .nav ul li a:after{
	font: 1.5rem/1.3 FontAwesome;
}
.proj-list h4 {
	border-bottom: 1px solid #CCC;
	margin: 0px 0px 20px !important;
	padding: 0px 0px 10px;
}
.proj-list h4 span {
	padding: 0 0 0 10px;
}
.proj-list h5 {
	font-size: 1.5rem;
	margin: 0px 0px 10px;
}
.proj-cont {}
.proj-cont1 {
	margin: 0px 0px 45px;
}
.proj-cont dl {margin: 0 0 10px;}
.proj-cont dl dt {background: #eee;display: block;padding: 3px 5px;margin: 0 0 2px;}
.proj-cont dl dd {}
.st4_art_link {
	margin: 0px 0px 45px;
}
.st4_art_link a {
	color: #cb2837;
	text-decoration: underline;
}
.st4_art_logo {
	margin: 0px 0px 5% 3%;
	width: 48%;
}
.st4_art_text {
	margin: 0px 0px 15px;
}
.st4_gp_lead {
	margin: 0px 0px 15px;
}
.st4_gp_text {
	margin: 0px 0px 15px;
}
.st4_gp_box {
	padding: 10px 15px;
	margin: 0px 0px 15px;
}
.st4_gp_box .btn {
	margin: 10px 0px 0px;
	width: auto;
}
.st4_gp_box .btn a {
	line-height: 35px;
	font-size: 1.0rem;
	padding: 0px 2%;
}
.st4_gp_box .btn a:after{
	margin: 0;
	font-size: 1.3rem;
}

}




.kosodate h5 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #cb2837;
	margin: 0px 0px 15px;
}










/*++++++++++++++++++++++++++++++++++++
+
+　ライブラリ�`
+
+++++++++++++++++++++++++++++++++++++*/

.pub_ttl_btn {
	position: relative;
}
.pub_ttl_btn .btn {
	line-height: 45px;
	font-size: 1.3rem;
	width: 15%;
	position: absolute;
	top: 0;
	right: 0;
}
.pub_ttl_btn .btn a {
	background: #cb2837;
	color: #FFF;
	display: block;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;/* for Safari and Chrome ����*/
	-moz-border-radius: 6px;/* for Firefox ����*/
	font-size: 1.5rem;
}
.pub_ttl_btn .btn a:hover {
	background: rgba(203,40,55,0.7);
}
.pub_ttl_btn .btn a:after{
	content: "\f105";
	display: inline-block;
	font: 1.8rem/50px FontAwesome;
	margin: 0 5% 0 0;
	color: #fff;
	float:right;
}
.pub_ttl_btn .btn.blank a:after{
	content: "\f24d";
	display: inline-block;
	font: 1.1rem/45px FontAwesome;
	margin: 0 7% 0 0;
	color: #fff;
	float:right;
}
.pub_text1 {
	margin: 0px 0px 30px;
}
.pub_text2 {
	margin: 0px 0px 80px;
}


@media only screen and (max-width: 768px){
.pub_ttl_btn {
	position: static;
}
.pub_ttl_btn .btn {
	line-height: 35px;
	font-size: 1.2rem;
	width: auto;
	position: static;
	margin: 0 0 15px;
}
.pub_ttl_btn .btn a {
	font-size: 1.3rem;
}
.pub_ttl_btn .btn a:hover {}
.pub_ttl_btn .btn a:after{
	font: 1.5rem/35px FontAwesome;
	margin: 0 3% 0 0;
}
.pub_ttl_btn .btn.blank a:after{
	font: 1.1rem/35px FontAwesome;
	margin: 0 3% 0 0;
}
.pub_text1 {
	margin: 0px 0px 15px;
}
.pub_text2 {
	margin: 0px 0px 40px;
}

}









/*++++++++++++++++++++++++++++++++++++
+
+　ニュ�`スレタ�`
+
+++++++++++++++++++++++++++++++++++++*/

.sec-letter {
	margin: 0px 0px 80px;
}
.sec-letter:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
.sec-letter .letter {
	float: left;
	width: 15.0925%;
	margin: 0px 1.8% 10px 0px;
}
.sec-letter .letter:nth-child(6n) {
	margin: 0px 0px 10px 0px;
}
.sec-letter .letter .st {
	font-weight: bold;
	font-size: 1.5rem;
}
.sec-letter .letter .img {
	margin: 0px 0px 10px;
}
.sec-letter .letter .img img {
	border: 1px solid #CCC;
}
@media only screen and (max-width: 768px){
.sec-letter {
	margin: 0px 0px 40px;
}
.sec-letter:after {}
.sec-letter .letter {
	width: 48%;
	margin: 0 0 10px 0px;
}
.sec-letter .letter:nth-child(even) {
	float: right;
}
.sec-letter .letter:nth-child(6n) {}
.sec-letter .letter .st {
	font-size: 1.3rem;
}
.sec-letter .letter .img {
	margin: 0px 0px 5px;
}
}



/* ----------------------------------------
 *  お岑らせ
 * ---------------------------------------- */
#news_area .news {
	margin: 0px auto 30px;
	max-width: 1080px;
}
#news_area .news ul{
	border-bottom: 1px solid #e0e0e0;
	padding: 0 3%;
}
#news_area .news ul li{
	vertical-align:middle;
}
#news_area .news ul:first-child {
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
#news_area .news ul:hover {
	background: #faf9f6;
}
#news_area .news ul:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#news_area .news .day {
	width: 13%;
	float: left;
	padding: 15px 0;
	line-height: 26px;
}
#news_area .news ul .day .date {
	margin: 0 10px 0 0;
}

#news_area .news .cate {
	width: 15%;
	float: left;
	line-height: 28px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	margin: 15px 0px;
}
#news_area .news .cont  {
	width: 70%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	float: right;
}
#news_area .icon {
	font-size: 11px;
	color: #FFF;
	min-width: 110px;
	max-width: 110px;
	letter-spacing: -0.1em;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 26px;
	margin: 0px 0px 2px;
}

#news_area .pager {
    overflow: hidden;
}
#news_area .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
#news_area .pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
#news_area .pager ul li span,
#news_area .pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
#news_area .pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
#news_area .pager ul li a:hover {
    background: #333;
    color: #FFF;
}
@media only screen and (max-width: 768px){

#news_area .news {
	padding: 25px 0;
	margin: 0 0 20px;
}
#news_area .news ul{
	border-bottom: 1px solid #e0e0e0;
	padding: 0;
}
#news_area .news ul li{
	vertical-align:middle;
}
#news_area .news ul:first-child {
}
#news_area .news ul:hover {
	background: #faf9f6;
}
#news_area .news ul:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#news_area .news .day {
	width: auto;
	float: left;
	padding: 15px 0px 5px;
	line-height: 20px;
}
#news_area .news ul .day p {
	float: left;
}

#news_area .news .day:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#news_area .news .cate {
	float: left;
	margin:  0;
	padding: 15px 0px;
	line-height: 26px;
	/* text-align:center; */
	width: 69%;
}
#news_area .news .cate .icon {
	float: left;
	margin: 0 1px 0 0;
}
#news_area .news .icon {
	margin: 0 0 0 10px;
	letter-spacing: 0.1em;
	font-size: 10px;
	line-height: 20px;
}
#news_area .news .cont  {
	width: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	float: none;
}
#news_area .news .cont:before {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#news_area .icon {
	font-size: 11px;
	color: #FFF;
	min-width: 110px;
	max-width: 110px;
	letter-spacing: -0.1em;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 26px;
	margin: 0px 0px 2px;
}
#news_area .pager {
    overflow: hidden;
}
#news_area .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
#news_area .pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
#news_area .pager ul li span,
#news_area .pager ul li a {
    display: block;
    font-size: 14px;
    padding: 0.5em 0.6em;
    border-radius: 3px;
}
#news_area .pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
#news_area .pager ul li a:hover {
    background: #333;
    color: #FFF;
}

}


.news-title {
	border-top: 4px solid #cb2837;
	padding: 25px 0px 0px;
}
.news-title .st1 {
	margin: 0px 0px 35px;
}
.news-title .st1 .day {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin: 0px 15px 0px 0px;
	line-height: 26px;
}
.news-title .st1 .icon {
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	float: left;
	max-width: 130px;
	width: 100%;
	text-align: center;
	background-color: #5eceea;
	border-radius: 6px;
}
.news-title .st1 .icon-info {
	background-color:#4daadf;
}
.news-title .st1 .icon-event {
	background: #c089dc !important;
}
.news-title .st1 .icon-event1 {
	background: #6666CC !important;
}
.news-title .st1 .icon-event2 {
	background: #993366 !important;
}
.news-title .st1 .icon-other {
	background: #888 !important;
}

.news-title .st2 {
	font-size: 26px;
	line-height: 1.538em;
	padding: 0px 0px 30px;
	border-bottom: 1px solid #c9c9c9 !important;
	color: #333 !important;
	text-align: left !important;
}
.news-sns {
	padding: 15px 0px 35px;
}
.news-sns ul li {
	float: left;
	margin: 0px 10px 0px 0px;
}
.news-text {
	font-size: 14px;
	line-height: 1.786em;
	padding: 0 0 30px;
}
.news-text h3 {
	font-size: 1.8rem !important;
	padding: 10px 0 12px !important;
	text-align: left !important;
}
.news-text a {
	color: #cb2837;
	text-decoration: underline;
}
@media only screen and (max-width: 768px){
.news-title {
	padding: 15px 0px 0px;
}
.news-title .st1 {
	margin: 0px 0px 15px;
}
.news-title .st1 .day {
	font-size: 12px;
	margin: 0px 10px 0px 0px;
	line-height: 20px;
}
.news-title .st1 .icon {
	line-height: 20px;
}
.news-title .st2 {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px 0px 15px;
}
.news-sns {
	padding: 10px 0px;
}
.news-sns ul li {
	margin: 0px 10px 0px 0px;
}
.news-text {
	font-size: 14px;
	line-height: 1.786em;
	padding: 0 0 30px;
}
.news-text h3 {
	font-size: 1.4rem !important;
	padding: 5px 0 10px !important;
}
}











/*++++++++++++++++++++++++++++++++++++
+
+　����
+
+++++++++++++++++++++++++++++++++++++*/
/*ボックス畠悶*/
.sec-libra {
	margin: 0;
	padding: 0;/*恷寄嫌*/
}

/*ラベル*/
.sec-libra label {
	display: block;
	margin: 1.5px 0;
	padding : 13px 12px;
	font-weight: bold;
	cursor :pointer;
	transition: all 0.5s;
}

/*アイコンを燕幣*/
.sec-libra label:after {
	content: '��しく��る +';
	font-size: 1.2rem;
	line-height: 38px;
	float: right;
	width: 15%;
	text-align:center;
	background: #cb2837;
	color: #FFF;
	display: block;
	border-radius: 6px;
	-webkit-border-radius: 6px;/* for Safari and Chrome ����*/
	-moz-border-radius: 6px;/* for Firefox ����*/
}


/*ラベルホバ�`�r*/
.sec-libra label:hover {}

/*チェックは�Lす*/
.sec-libra input {
    display: none;
}

/*嶄附を掲燕幣にしておく*/
.sec-libra .accshow {
	max-width: 1020px;
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	margin: 0 auto;
}

/*クリックで嶄附燕幣*/
.book .cssacc:checked + label + .accshow {
	max-width: 1020px;
	height: auto;
	opacity: 1;
	margin: 0 auto;
	padding: 0 0 30px;
}


/*アイコンを秘れ紋える*/
.cssacc:checked + label:after {
    content: '�]じる -';
	font-size: 1.2rem;
}
.sec-libra .book {
	border: 1px solid #CB2837;
	margin: 0px 0px 35px;
}

.sec-libra .label {
	padding: 10px 30px 10px 25px;
}



.sec-libra .accshow .sst {
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border-bottom: 1px solid #CCC;
	font-size: 1.5rem;
	font-weight: bold;
}
.sec-libra .accshow .sst:nth-child(1 of .sst) {
	margin-top: 30px;
}

.sec-libra .book .st {
	border-left: 5px solid #CB2737;
	padding: 0px 0px 0px 15px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 40px;
}
.sec-libra .book .accshow .text1 {
	margin: 0px 0px 15px;
}
.sec-libra .book .accshow .text2 {
	margin: 0px 0px 30px;
}
.sec-libra .book .accshow .img1 {
	margin: 0px 0px 30px;
}

@media only screen and (max-width: 768px){
/*ボックス畠悶*/
.sec-libra {
	margin: 0;
	padding: 0;/*恷寄嫌*/
}

/*ラベル*/
.sec-libra label {
}

/*アイコンを燕幣*/
.sec-libra label:after {
	float: none;
	width: auto;
	margin: 10px 0;
	line-height: 28px;
}


/*ラベルホバ�`�r*/
.sec-libra label:hover {}

/*チェックは�Lす*/
.sec-libra input {
    display: none;
}

/*嶄附を掲燕幣にしておく*/
.sec-libra .accshow {
}

/*クリックで嶄附燕幣*/
.book .cssacc:checked + label + .accshow {
	margin: 0 5%;
	padding: 0 0 15px;
}


/*アイコンを秘れ紋える*/
.cssacc:checked + label:after {font-size: 1.3rem;}
.sec-libra .book {
	margin: 0px 0px 15px;
}

.sec-libra .label {
	padding: 10px 15px;
}



.sec-libra .accshow .sst {
	font-size: 1.3rem;
}
.sec-libra .accshow .sst:nth-child(1 of .sst) {
	margin-top: 10px;
}


.sec-libra .book .st {
	padding: 0px 0px 0px 10px;
	font-size: 1.4rem;
	line-height: 1.5;
}
.sec-libra .book .accshow .text1 {
	margin: 0px 0px 10px;
}
.sec-libra .book .accshow .text2 {
	margin: 0px 0px 15px;
}
.sec-libra .book .accshow .img1 {
	margin: 0px 0px 15px;
	text-align: center;
}

}











/*++++++++++++++++++++++++++++++++++++
+
+　Web���d��猟
+
+++++++++++++++++++++++++++++++++++++*/
.pub-web-box h4 {
	padding: 0px 0px 0px 15px;
	border-left: 5px solid #CB2737;
	color: #000 !important;
}
.pub-web-box {
	margin: 0px 0px 100px;
}
.pub-web-box .text1 {
	margin: 0px 0px 30px;
}
.pub-web-box .text2 {
	margin: 0px 0px 50px;
}
.pub-web-box .text3 {
	margin: 0px 0px 30px;
	border-top: 1px solid #CCC;
	padding: 50px 0px 0px;
}
@media only screen and (max-width: 768px){
.pub-web-box h4 {
	padding: 0px 0px 0px 10px;
}
.pub-web-box {
	margin: 0px 0px 50px;
}
.pub-web-box .text1 {
	margin: 0px 0px 15px;
}
.pub-web-box .text2 {
	margin: 0px 0px 25px;
}
.pub-web-box .text3 {
	margin: 0px 0px 15px;
	padding: 25px 0px 0px;
}
}








/*++++++++++++++++++++++++++++++++++++
+
+　サイトマップ
+
+++++++++++++++++++++++++++++++++++++*/
.s-map .nav .box {
	float: left;
	width: 30.55555555%;
	margin: 0px 4% 60px 0px;
}
.s-map .nav .box:nth-child(3n) {
	margin: 0px 0px 60px 0px;
}
.s-map .nav .box a {
	display: block;
}
.s-map .nav .box .img {
	margin: 0px 0px 20px;
}
.s-map .nav .box .sttl {
	color: #CB2837;
	border-left: 4px solid #CB2837;
	padding: 0px 0px 0px 15px;
	font-size: 16px;
	line-height: 20px;
	margin: 0px 0px 15px;
	font-weight: bold;
}
.nav.sm .box {
	margin-bottom: 30px !important;
}
.nav.sm .box:nth-child(3n) {
	margin-bottom: 30px !important;
}
.nav .box ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}
.nav .box li {
	overflow-y: hidden;
	border-bottom: 1px solid #CCC;
	padding: 7px 5px;
	background-color: #FFF;
	font-size: 1.3rem;
}
.nav.sm .box a .sttl{
	display: block;
	background: #eee;
	padding: 10px !important;
}
.nav.sm .box .sttl {
	margin: 0px !important;
}
.nav .box li a:after{
	margin: 5px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-size: contain;
	vertical-align: middle;
	background-image: url(/kihs/images/common/arrow_r.png);
	float:right;
}
.nav .box li:first-child {
	margin: 20px 0 0;
	border-top: 1px solid #CCC;
}
.nav .box li:last-child {}

@media only screen and (max-width: 768px){
.s-map .nav .box {
	width: 48%;
	margin: 0 0 30px 0;
}
.s-map .nav .box:nth-child(even) {
	float: right;
}
.s-map .nav .box:nth-child(3n) {
	margin: 0px 0px 30px 0px;
}
.s-map .nav .box a {
	display:block;
}
.s-map .nav .box .img {
	margin: 0px 0px 10px;
}
.s-map .nav .box .sttl {
	padding: 0px 0px 0px 5px;
	font-size: 14px;
	line-height: 15px;
	margin: 0px 0px 5px;
}
.nav.sm .box {
	margin-bottom: 15px !important;
	float: none !important;
	width: auto !important;
}
.nav.sm .box:nth-child(3n) {
	margin-bottom: 15px !important;
}
.nav .box ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}
.nav .box li {
	overflow-y: hidden;
	border-bottom: 1px solid #CCC;
	padding: 7px 5px;
	background-color: #FFF;
	font-size: 1.3rem;
}
.nav.sm .box a .sttl{
	display: block;
	background: #eee;
	padding: 10px !important;
}
.nav.sm .box .sttl {
	margin: 0px !important;
}
.nav .box li a:after{
	margin: 5px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-size: contain;
	vertical-align: middle;
	background-image: url(/kihs/images/common/arrow_r.png);
	float:right;
}
.nav .box li:first-child {
	margin: 20px 0 0;
	border-top: 1px solid #CCC;
}
.nav .box li:last-child {}
}











/*++++++++++++++++++++++++++++++++++++
+
+　お��い栽わせ
+
+++++++++++++++++++++++++++++++++++++*/
.form table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse:collapse;
}
.form table tr th {
	vertical-align: top;
	width: 250px;
	padding-top: 24px;
	padding-bottom: 22px;
	padding-left: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-left-color: #d9d9d9;
	background: #f5f5f5;
}
.form table tr th span {
	color: #C31A27;
}
.form table tr td {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d9d9d9;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	vertical-align: middle;
}

.form table tr td input , .form table tr td textarea {
	font-family: "ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", "嗄ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}


input.layout01::-webkit-input-placeholder {
	color:#ccc;
    font-weight: normal;
}
input.layout01:-ms-input-placeholder {
	color:#ccc;
    font-weight: normal;
}
input.layout01::-moz-placeholder {
	color:#ccc;
    font-weight: normal;
}
textarea.layout02::-webkit-input-placeholder {
	color:#ccc;
    font-weight: normal;
}
textarea.layout02:-ms-input-placeholder {
	color:#ccc;
    font-weight: normal;
}
textarea.layout02::-moz-placeholder {
	color:#ccc;
    font-weight: normal;
}

.form .bnr {
	margin: 0px auto;
	width: 610px;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
}

.form .bnr1 {
	display: inline-block;
	margin: 0px auto;
	width: 48%;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
}
.form .bnr1 a {
	color: #FFF;
	display: block;
	background: #CF1226;
}
.form .bnr1 a:hover {
	color: #FFF;
	display: block;
	background: #B40317;
}

.form .bnr2 {
	display: inline-block;
	margin: 0px auto;
	width: 48%;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
}
.form .bnr2 a {
	color: #FFF;
	display: block;
	background: #666666;
}
.form .bnr2 a:hover {
	color: #FFF;
	display: block;
	background: #000;
}

.form .bnr3 {
	margin: 0px auto;
	width: 300px;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
}
.form .bnr3 a {
	color: #FFF;
	display: block;
	background: #CF1226;
}
.form .bnr3 a:hover {
	color: #FFF;
	display: block;
	background: #B40317;
}







/*++++++++++++++++++++++++++++++++++++
+
+　フォ�`ムサイズ�v�B
+
+++++++++++++++++++++++++++++++++++++*/
.layout01 {
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #c0c0c0;
	height:38px;
}
.layout02 {
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #c0c0c0;
	height: 160px;
}

.size01 {
	width:61%;
	margin-right:10px;
	margin-left:10px;
}
.size02 {
	width:76%;
	margin-right:10px;
	margin-left:10px;
}
.size03 {
	width:92%;
	margin-right:10px;
	margin-left:10px;
}

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


.form table {
	width: 100%;
	border-collapse: collapse;
	font-size: 10px;
	margin: 0px 0px 10px;
}
.form table tr th {
	vertical-align: top;
	width: auto;
	display: block;
	border: none;
	padding: 12px 0px 11px 13px;
}
.form table tr td {
	display: block;
	border: none;
	padding: 10px 0px 20px 13px;
}



.form .bnr {
	width: auto;
}

.form .bnr1 {
	margin: 0px auto;
	width: auto;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
	display: block;
	margin: 0 0 10px;
}
.form .bnr1 a {
	color: #FFF;
	display: block;
	background: #CF1226;
}
.form .bnr1 a:hover {
	color: #FFF;
	display: block;
	background: #B40317;
}

.form .bnr2 {
	width: auto;
	display: block;
	margin: 0px 0px 10px;
}
.form .bnr2 a {
	color: #FFF;
	display: block;
	background: #666666;
}
.form .bnr2 a:hover {
	color: #FFF;
	display: block;
	background: #000;
}

.form .bnr3 {
	width: auto;
	float: none;
	margin: 0px 0px 10px;
}
.form .bnr3 a {
	color: #FFF;
	display: block;
	background: #CF1226;
}
.form .bnr3 a:hover {
	color: #FFF;
	display: block;
	background: #B40317;
}


.layout01 {
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #c0c0c0;
	height:38px;
}
.layout02 {
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #c0c0c0;
	height: 80px;
}

.size01 {
	width: 85%;
	margin-right: 5px;
	margin-left: 5px;
}
.size02 {
	width: 85%;
	margin-right: 5px;
	margin-left: 5px;
}
.size03 {
	width: 85%;
	margin-right: 5px;
	margin-left: 5px;
}
}




/*++++++++++++++++++++++++++++++++++++
+
+　侵佩麗　ナビゲ�`ション
+
+++++++++++++++++++++++++++++++++++++*/
.pub-nav {
	text-align: center;
	margin: 0px 0px 60px;
}
.pub-nav ul {
	font-size: 0;
}
.pub-nav ul li {
	width: 13.3%;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	margin: 0 5px;
	position: relative;
	height: 64px;
	background: #f2f2f2;
}

.pub-nav ul li a {
	color: #333;
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.2;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;/*匯��BOX坪の猟忖も嶄刹篠せ*/
	width: 80%;
}
.pub-nav ul li:hover {
	background: rgba(242,242,242,0.7);
}
.pub-nav ul li:after{
	content: "\f105";
	display: inline-block;
	font: 1.8rem/1.2 FontAwesome;
	margin: 0;
	color: #cb2837;
	position: absolute;
	top: 35%;
	right: 6%;
}
.pub-nav ul li.blank:after{
	content: "\f24d";
	display: inline-block;
	font: 1.2rem/1.5 FontAwesome;
	margin: 0;
	color: #cb2837;
	position: absolute;
	top: 35%;
	right: 6%;
}
@media only screen and (max-width: 970px){
.pub-nav ul li {
	width: 30%;
	margin: 0 5px 10px;
}

}

@media only screen and (max-width: 768px){
.pub-nav {
	margin: 0px 0px 30px;
}
.pub-nav ul li {
	width: 48%;
	margin: 0 1% 10px;
}
.pub-nav ul li a {
	padding: 10px 5px;
	font-size: 1.3rem;
}
.pub-nav ul li a:hover {
	background: rgba(242,242,242,0.7);
}
.pub-nav ul li a:after{
	font: 1.5rem/1.3 FontAwesome;
}
.pub-nav ul li.blank a:after{
	font: 1.2rem/20px FontAwesome;
}

}






/*++++++++++++++++++++++++++++++++++++
+
+　Web���d��猟、�{���鷂���
+
+++++++++++++++++++++++++++++++++++++*/
.btn-pdf-link {
	line-height: 50px;
	font-size: 1.3rem;
	/* width: 20%; */
	width: fit-content;
	min-width: 216px;
	margin: 15px 0 0 0;
	margin: 15px 0;
}
.btn-pdf-link.mb20 {
	margin: 0 0 20px 0;
}
.btn-pdf-link a {
	background: #cb2837;
	color: #FFF;
	display: block;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 1.5rem;
}
.btn-pdf-link a:hover {
	background: rgba(203,40,55,0.7);
}
.btn-pdf-link a:after{
	content: "\f1c1";
	display: inline-block;
	font: 1.4rem/50px FontAwesome;
	margin: 0 5% 0 0;
	color: #fff;
	float:right;
}

@media only screen and (max-width: 768px){
.btn-pdf-link {
	line-height: 40px;
	font-size: 1.2rem;
	width: auto;
	margin: 10px 0 0 0;
}
.btn-pdf-link.mb20 {
	margin: 0 0 10px 0;
}
.btn-pdf-link a {
	font-size: 1.2rem;
}
.btn-pdf-link a:after{
	font: 1.1rem/40px FontAwesome;
	margin: 0 3% 0 0;
}
}