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

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

/*-----------------------------------
ここからメインイメージ
-----------------------------------*/
/*-----------------------------------
ここからスライド
-----------------------------------*/
	
.mainimg img {
	display: block;
	width: 1200px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
}


/*-----------------------------------
ここからnewスライド
-----------------------------------*/

.main_imgBox {
    height: 600px;
    overflow: hidden;
    position: relative; 
	margin-right: -200%;
    margin-left: -200%;
    padding-right: 200%;
    padding-left: 200%;
}

  .main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite; 
}
.main_img:nth-of-type(1) {
      -webkit-animation-delay: 0s;
      animation-delay: 0s; 
}

.main_img:nth-of-type(2) {
      -webkit-animation-delay: 15s;
      animation-delay: 15s; 
}

//.main_img:nth-of-type(3) {
      -webkit-animation-delay: 20s;
      animation-delay: 20s; 
}

//@keyframes anime {
   0% {
        opacity: 0.3;
		//transform: scale(1.2) ;
    }
    50% {
        opacity: 1;
		//transform: scale(1.1) ;
    }
	100% {
		opacity: 0;
		transform: scale(1.2) ;
    }
}

/* =======================================

	メインイメージ　スライダー

======================================= */

.swiper-container {
    width: 100%;
    height: auto;
}

.swiper-container img {
	display: block;
    width: 85%;
    height: auto;
	margin-right: auto;
	margin-left: auto;
}


/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 1200px;
	height: 500px;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 1200px;
	z-index: 10;
}
 
/* sideNavi------------------------- */

.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 /* cover_img------------------------- */

 
.cover_img_r img {
	 display: block;
	 width: 7.6%;
	 height: auto;
	 opacity: 0.3;
	 position: absolute;
	 top: 172px;
	 right: 0;
	 z-index: 1;
 }

 .cover_img_l img {
	 display: block;
	 width: 7.6%;
	 height: auto;
	 opacity: 0.3;
	 position: absolute;
	 top: 172px;
	 left: 0;
	 z-index: 1;
 }
 
 
 //.cover_img_r {
	 display: block;
	 width: 7.7%;
	 height: 47%;
	 background-color: #38c9cd;
	 opacity: 0.7;
	 position: absolute;
	 top: 172px;
	 right: 0;
	 z-index: 9999;
 }
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}

div.ghost {

}

/*-----------------------------------
ここからコンテンツ
-----------------------------------*/

main {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

main article.about section.welcome {
	overflow: hidden;
	height: auto;
	background-image:url(../img/top/cont_bg01.gif);
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 60px;
	margin-right: -200%;
    margin-left: -200%;
    padding-right: 200%;
    padding-left: 200%;
}

.back_img {
	overflow: hidden;
	height: auto;
	background-image:url(../img/top/cont_bg01.gif);
	padding-top: 80px;
    padding-bottom: 30px;
	margin-right: -200%;
    margin-left: -200%;
    padding-right: 200%;
    padding-left: 200%;
}

main article.about section.welcome .welcome_l {
	float: left;
	width: 600px;
	padding-top: 100px;
}

main article.about section.welcome .welcome_l img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

main article.about section.welcome .welcome_l img.bottom01:hover {
	background-image: url(../img/top/link_pro_ov.png);
	background-repeat:no-repeat; 	
}

main article.about section.welcome .welcome_l p {
	width: 500px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto; 
}

main article.about section.welcome .welcome_l dl {
	width: 500px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F0F0F0;
}

main article.about section.welcome .welcome_l dl dt {
	text-align: center;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	//border: 1px solid #4B4B4B;
}

main article.about section.welcome .welcome_l dl dd {
	font-size: 15px;
}

main article.about section.welcome .welcome_r {
	float: right;
	width: 600px;
}

main article.about section.welcome .welcome_r img {
	display: block;
	//padding-top: 50px;
	margin-right: auto;
	margin-left: auto;
}

main article.about section.l .box {
	overflow: hidden;
	height: 100%;
	padding-bottom: 400px;
	position: relative;
}

main article.about section.l .box .box_l {
	//float: left;
	z-index: 100;
	position: absolute;
	top: 30px;
	left: 50px;
}

main article.about section.l .box .box_r {
	display: block;
	//float: right;
	width: 500px;
	border: 1px solid #747474;
	padding-right: 100px;
	padding-left: 200px;
	padding-top: 50px;
	padding-bottom: 40px;
	position: absolute;
	right: 10px;
	z-index: 10;
	background-color: #fff;
}

main article.about section.r {
	margin-top: 70px;
}

main article.about section.r .box {
	overflow: hidden;
	height: 100%;
	padding-bottom: 400px;
	position: relative;
}

main article.about section.r .box .box_r {
	//float: left;
	z-index: 100;
	position: absolute;
	top: 30px;
	right: 50px;
}

main article.about section.r .box .box_l {
	display: block;
	//float: right;
	width: 500px;
	border: 1px solid #747474;
	padding-right: 200px;
	padding-left: 100px;
	padding-top: 50px;
	padding-bottom: 50px;
	position: absolute;
	left: 10px;
	z-index: 10;
	background-color: #fff;
}

main article.about .box img {
	display: block;
	//margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

main article.speciality {
	background-color: #ccf1f2;
	padding-bottom: 50px;
    margin-right: -200%;
    margin-left: -200%;
    padding-right: 200%;
    padding-left: 200%;
}

main article.speciality .spe_box ul {
	overflow: hidden;
	height: 100%;
}

main article.speciality .spe_box li {
	float:left;
	padding-left: 57px;
	padding-bottom: 30px;
}

main article.speciality .spe_box li:last-child {
	padding-bottom: 0px;
}

main article.speciality .spe_box li img:hover {
	display: block;
	opacity: 0.8;
}

main article.news_box {
	overflow: hidden;
	height: auto;
	margin-top: 50px;
	width: 1150px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}

main article.news_box .news {
	float: left;
	width: 550px;
}

main article.news_box .news dl {
	margin-top: 10px;
}

main article.news_box .news dl dt {
	//border-bottom: 1px solid #ccc;
	float: left;
    width: 100px;
    font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}

main article.news_box .news dl dd {
	//border-bottom: 1px solid #ccc;
	overflow: hidden;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	widows: 280px;
}
main article.news_box section dl dd img {
	display: block;
    vertical-align: middle;
	width: 97px;
	height: 25px;
	margin-top: 8px;
	float: left;
}

main article.news_box section dl dd p {
	float: right;
	width: 330px;
}

main article.news_box .days {
	float: right;
	width: 550px;	
}

main article.news_box .days table {
	float: right;
	background-color: #fff;
	border: 1px solid #00babf;
}

main article.news_box .days table tr {
	border: 1px solid #00babf;
	width: 550px;
}

main article.news_box .days .color_table th {
	border-right: 1px solid #fff;
}

main article.news_box .days .color_table td {
	border-right: 1px solid #fff;
}

main article.news_box .days .color_table {
	border: 1px solid #00babf;
}

main article.news_box .days .color_table td:last-child {
	border-right: 1px solid #00babf;
}

main article.news_box .days p {
	clear: both;
	margin-top: 10px;
	margin-left: 50px;
}

main article.news_box .days table tr th {
	border: 1px solid #00babf;
	width: 192px;
}

main article.news_box .days table tr td {
	border: 1px solid #00babf;
	width: 50px;
	text-align: center;
}

main article.news_box .days table tr:first-child {
	color: #fff;
	background-color: #00babf;
	border-right: 1px solid #fff;
	z-index: 100;
}

main article.map_box {
	//width: 1100px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #fff;
	margin-right: -200%;
    margin-left: -200%;
    padding-right: 200%;
    padding-left: 200%;
}

main article.map_box_in {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

main article.map_box .map_l iframe {
	float: left;
	width: 520px;
	display: block;
	padding-left: 50px;
}

main article.map_box .map_r {
	float: right;
	width: 530px;
	padding-right: 50px;
}

main article.map_box .map_r dl {
	margin-top: 20px;
	text-align: center;
	margin-top:100px;
}

main article.map_box .map_r dl img {
	display: block;
	float: left;
	margin-left: 150px;
}

main article.map_box .map_r dl p {
	float: right;
	font-size: 22px;
	margin-right: 180px;
}

main article.map_box .map_r dl dt {
	overflow: auto;
	height: auto;
	width: 530px;
	margin-bottom: 20px;
}

}

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

/*-----------------------------------
ここからメインイメージ
-----------------------------------*/
/* =======================================

	メインイメージ　スライダー

======================================= */

.swiper-container {
    width: 100%;
    height: auto;
}

.swiper-container img {
	display: block;
    width: 100%;
    height: auto;
}

.cover_img_r img {
	 display: none;
	 width: 7%;
	 height: auto;
	 opacity: 0.3;
	 position: absolute;
	 top: 56px;
	 right: 0;
	 z-index: 9999;
 }

 .cover_img_l img {
	 display: none;
	 width: 7%;
	 height: auto;
	 opacity: 0.3;
	 position: absolute;
	 top: 56px;
	 left: 0;
	 z-index: 9999;
 }

/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 1200px;
	height: 500px;
    position: relative;
    overflow: hidden;
	margin-top:56px;
}
.viewer ul {
    width: 100%;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}

div.ghost {

}

/*-----------------------------------
ここからコンテンツ
-----------------------------------*/

main article.about section.welcome {
	overflow: hidden;
	height: auto;
	background-image:url(../img/top/cont_bg01.gif);
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}

//main article.about section.welcome .welcome_l {
	float: left;
	width: 600px;
}

main article.about section.welcome .welcome_l dl {
	//width: 500px;
	padding-top: 5px;
	padding-bottom: 5px;
	//padding-left: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F0F0F0;
}

main article.about section.welcome .welcome_l dl dt {
	text-align: center;
	//width: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	//border: 1px solid #4B4B4B;
}

main article.about section.welcome .welcome_l dl dd {
	font-size: 14px;
}

main article.about img.sub_ttl {
	display: block;
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

main article.about img.sub_ttl2 {
	display: block;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

main article.about section.welcome .welcome_l img.bottom01:hover {
	background-image: url(../img/top/link_pro_ov.png);
	background-repeat:no-repeat; 	
}

//main article.about section.welcome .welcome_l p {
	width: 500px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto; 
	
}

//main article.about section.welcome .welcome_r {
	float: right;
	width: 600px;
}

main article.about section.welcome .welcome_r img {
	display: block;
	width: 40%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

main article.about section.l .box {
	overflow: hidden;
	height: 100%;
	//padding-bottom: 400px;
	//position: relative;
}

main article.about section.l {
	margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #CDCDCD;
}

main article.about section.l .box .box_l {
	//float: left;
	//z-index: 100;
	//position: absolute;
	//top: 30px;
	//left: 50px;
}

main article.about section.r {
	margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #CDCDCD;
}

main article.about section.l .box .box_r {
	display: block;
	//float: right;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	//border: 1px solid #747474;
	//padding-right: 100px;
	//padding-left: 200px;
	//padding-top: 50px;
	//padding-bottom: 50px;
	//position: absolute;
	//right: 10px;
	//z-index: 10;
}

//main article.about section.r .box {
	overflow: hidden;
	height: 100%;
	padding-bottom: 400px;
	position: relative;
}

//main article.about section.r .box .box_r {
	//float: left;
	z-index: 100;
	position: absolute;
	top: 30px;
	right: 50px;
}

main article.about section.r .box .box_l {
	display: block;
	//float: right;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	//border: 1px solid #747474;
	//padding-right: 200px;
	//padding-left: 100px;
	//padding-top: 50px;
	//padding-bottom: 50px;
	//position: absolute;
	//left: 10px;
	//z-index: 10;
}

main article.about .about_img {
	display: none;
}

main article.about a img {
	display: block;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

main article.speciality {
	background-color: #ccf1f2;
	padding-bottom: 50px;
    margin-right: -200%;
    margin-left: -200%;
	padding-top: 5px;
    padding-right: 200%;
    padding-left: 200%;
}

main article.speciality .spe_box ul {
	overflow: hidden;
	height: 100%;
	margin-bottom: 2%;
}

//main article.speciality .spe_box li {
	float:left;
	//padding-left: 57px;
	//padding-bottom: 30px;
}

main article.speciality .spe_box li:last-child {
	padding-bottom: 0px;
}

main article.speciality .spe_box li:first-child img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 2%;
}

main article.speciality .spe_box li:nth-child(2) img {
	display: block;
	width: 49%;
	height: auto;
	float: left;
}

main article.speciality .spe_box li:nth-child(3) img {
	display: block;
	width: 49%;
	height: auto;
	float: right;
}

main article.speciality .spe_box li img:hover {
	display: block;
	opacity: 0.8;
}

main article.news_box h3 img {
	//overflow: hidden;
    display: block;
    width: 100%;
    height: 30px;
    object-fit: cover;
    //margin-top: 40px;
    //margin-right: auto;
    //margin-left: auto;
    //margin-bottom: 50px;
}

main article.news_box {
	overflow: hidden;
	height: auto;
	margin-top: 50px;
	//width: 1150px;
	margin-right: auto;
	margin-left: auto;
}

main article.news_box .news {
	//float: left;
	//width: 550px;
	margin-bottom: 50px;
}

main article.news_box .news dl {
	margin-top: 10px;
}

main article.news_box .news dl dt {
	//border-bottom: 1px solid #ccc;
	//float: left;
    width: 100px;
    font-weight: bold;
	padding-top: 10px;
	//padding-bottom: 5px;
}

main article.news_box .news dl dd {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	height: 100%;
	//padding-top: 5px;
	padding-bottom: 5px;
	widows: 280px;
}
main article.news_box section dl dd img {
	display: block;
    vertical-align: middle;
	width: 20%;
	height: 25px;
	margin-top: 8px;
	float: left;
}

main article.news_box section dl dd p {
	float: right;
	width: 75%;
}

main article.news_box .days {
	//float: right;
	width: 100%;;	
}

main article.news_box .days table {
	float: right;	
}

main article.news_box .days table tr {
	border: 1px solid #00babf;
	width: 550px;
}

main article.news_box .days p {
	clear: both;
	margin-top: 10px;
	//margin-left: 50px;
}

main article.news_box .days table tr th {
	border: 1px solid #00babf;
	width: 192px;
}

main article.news_box .days table tr td {
	border: 1px solid #00babf;
	width: 50px;
	text-align: center;
}

main article.news_box .days table tr:first-child {
	color: #fff;
	background-color: #00babf;
	border-right: 1px solid #fff;
	z-index: 100;
}

main article.map_box {
	//width: 1100px;
	padding-top: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}

main article.map_box .map_l iframe {
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

//main article.map_box .map_r {
	//float: right;
	width: 530px;
}

main article.map_box .map_r dl {
	margin-top: 20px;
}

main article.map_box .map_r img.near_img {
	display: block;
	width: 100%;
	height: auto;
}

main article.map_box .map_r dl img {
	display: block;
	float: left;
}

main article.map_box .map_r dl p {
	float: right;
	font-size: 22px;
}

main article.map_box .map_r dl dt {
	overflow: auto;
	height: auto;
	width: 180px;
}

}