@charset "UTF-8";



/* ------------------------------------------

  top

------------------------------------------ */
@media only screen and (min-width: 780px){

/* contentBlock
----------------------------------------------------------- */
#newsCont				{ padding: 0px 2px; clear: both;}

/* topSlide */
/* newsCont */
#topSlide,
#newsList				{ float: left; /*width: 570px;*/ width: 530px; background-color: #FFF;
							/* border-radius */
							border-radius:6px;
							-moz-border-radius:6px;
							-webkit-border-radius:6px;}

#topSlide				{ margin: 0px 31px 35px 0px;}
#newsList				{ margin: 0px  0px 35px 0px; padding: 20px; min-height: 343px;}

#topSlide				{ width: 570px; height: 383px; background: url(../../img/top/img_frame_slide.png) no-repeat left top; z-index: 9999 !important; overflow: hidden;}
#slide01				{ top: 17px; left: 17px; width: 533px; overflow: hidden;}

#slide01 img			{ /* border-radius */
							border-radius:4px;
							-moz-border-radius:4px;
							-webkit-border-radius:4px;
							}

button.slick-prev,
button.slick-next		{ display: none !important;}

/* newsCont */
#newsList .cont			{ padding: 0px 24px;}
#newsList .cont dl 		{ border-bottom: #dedede 1px dashed; font-weight: bold; font-size: 16px;}
#newsList .cont dl:nth-last-child(2)
						{ border-bottom: none;}
#newsList .cont dl.pick dt,						
#newsList .cont dl.pick dd a { color: #e8496e; }

#newsList .cont dt		{ float: left; width: 103px; clear: both; padding: 15px 0px 13px 0px; font-size: 14px;}
#newsList .cont dd		{ margin-left: 103px; padding: 14px 0px;}
#newsList .cont dd a:link 	{ text-decoration: underline;}
#newsList .cont dd a:hover 	{ text-decoration: none;}

#newsList .cont .btn 	{ margin: 6px auto 0px auto; width: 213px; background-color: #0075c1; line-height: 45px; text-align: center;
							/* border-radius */
							border-radius:10px;
							-moz-border-radius:10px;
							-webkit-border-radius:10px;
							}
#newsList .cont .btn a	{ color: #FFF; display: block; font-weight: bold;}




/* contentBlock
----------------------------------------------------------- */
.contentBlock							{ padding: 0px 2px; clear: both;}
.contentBlock .content					{ float: left; /*width: 570px;*/ width: 530px; padding: 20px; margin: 0px 31px 35px 0px; background-color: #FFF;
											/* border-radius */
											border-radius:6px;
											-moz-border-radius:6px;
											-webkit-border-radius:6px;
											}
.contentBlock .content:nth-child(2n)	{ margin-right: 0px;}
.contentBlock .content h2				{ margin-bottom: 15px;}
.contentBlock .content h3				{ font-size: 18px; background-color: #c7dff4; padding: 8px 15px; font-weight: bold; color: #0075c1; margin-bottom: 20px;}

/* ttl */
h2.ttl00,
h2.ttl01,
h2.ttl02,
h2.ttl03,
h2.ttl04,
h2.ttl05,
h2.ttl06,
h2.ttl07								{ display: block; width: 530px; height: 80px; text-indent: -9999px; background-size: 530px 80px;}

h2.ttl00								{ background: url(../../img/top/img_ttl00.jpg) no-repeat left top;}
h2.ttl01								{ background: url(../../img/top/img_ttl01.jpg) no-repeat left top;}
h2.ttl02								{ background: url(../../img/top/img_ttl02.jpg) no-repeat left top;}
h2.ttl03								{ background: url(../../img/top/img_ttl03.jpg) no-repeat left top;}
h2.ttl04								{ background: url(../../img/top/img_ttl04.jpg) no-repeat left top;}
h2.ttl05								{ background: url(../../img/top/img_ttl05.jpg) no-repeat left top;}
h2.ttl06								{ background: url(../../img/top/img_ttl06.jpg) no-repeat left top;}
h2.ttl07								{ background: url(../../img/top/img_ttl07.jpg) no-repeat left top;}


/* access */
#accessList								{ margin-bottom: 15px; color: #5f5f5f;}
#accessList dt							{ float: left;}
#accessMap								{ border: #D4D4D4 1px solid;}
#accessMap iframe						{ width: 528px; height: 618px; vertical-align: bottom;}

/* contact */
#contactTel								{ margin-bottom: 15px;}

#formCont {}

#formCont table							{ border: 0; margin-bottom: 15px;}
#formCont table th						{ width: 150px; font-size: 18px; color: #0075c1; font-weight: bold;}
#formCont table th,
#formCont table td						{ vertical-align: top;}

#formCont table th						{ padding: 15px 0px 0px 0px;}
#formCont table td						{ padding: 9px 0px;}

#formCont table td input,
#formCont table td textarea				{ border: #C7DFF4 1px solid; width: 374px;}

#formCont table td input				{ height: 40px;}
#formCont table td textarea				{ height:135px;}

#formCont .btn input					{ margin: 6px auto 0px auto; width: 213px; background-color: #0075c1; line-height: 45px; text-align: center;
										 color: #FFF; display: block; border: 0; font-size: 18px; font-weight: bold;
										/* border-radius */
										border-radius:10px;
										-moz-border-radius:10px;
										-webkit-border-radius:10px;
										}

}

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

			/* contentBlock
			----------------------------------------------------------- */
			#newsCont				{ margin: 0px; clear: both;}
			
			/* topSlide */
			/* newsCont */
			#topSlide,
			#newsList				{ /* border-radius */
										border-radius:6px;
										-moz-border-radius:6px;
										-webkit-border-radius:6px;}
			
			#topSlide				{ margin: 0px 5px 20px 5px; }
			#newsList				{ margin: 0px 5px 20px 5px; padding: 5px 5px 15px 5px; background-color: #FFF;}
			
			#topSlide				{ height: auto; z-index: 9999 !important; overflow: hidden;}
			#slide01				{ top: 0px; left: 0px; width: 100%; overflow: hidden;}
			
			#slide01 img			{ width: 100%; height: auto;
										/* border-radius */
										border-radius:6px;
										-moz-border-radius:6px;
										-webkit-border-radius:6px;}
			
			button.slick-prev,
			button.slick-next		{ display: none !important;}
			
			.slick-slider			{ margin: 0px !important;}
			
			/* newsCont */
			#newsList .cont			{ padding: 0px 10px;}
			#newsList .cont dl 		{ border-bottom: #dedede 1px dashed; font-weight: bold;}
			#newsList .cont dl:nth-last-child(2)
									{ border-bottom: none;}
			
			#newsList .cont dt		{ clear: both; padding: 8px 0px 0px 0px; font-size: 1.3rem;}
			#newsList .cont dd		{ padding: 0px 0px 8px 0px; font-size: 1.5rem;}
			#newsList .cont dd a:link 	{ text-decoration: underline;}
			#newsList .cont dd a:hover 	{ text-decoration: none;}
			
			#newsList .cont .btn 	{ margin: 6px auto 0px auto; width: 213px; background-color: #0075c1; line-height: 45px; text-align: center;
										/* border-radius */
										border-radius:10px;
										-moz-border-radius:10px;
										-webkit-border-radius:10px;
										}
			#newsList .cont .btn a	{ color: #FFF; display: block; font-weight: bold;}
			
			
			
			
			/* contentBlock
			----------------------------------------------------------- */
			.contentBlock							{ padding: 0px; clear: both;}
			.contentBlock .content					{ padding: 5px; margin: 0px 5px 20px 5px; background-color: #FFF;
														/* border-radius */
														border-radius:6px;
														-moz-border-radius:6px;
														-webkit-border-radius:6px;
														}
			.contentBlock .content:nth-child(2n)	{ }
			.contentBlock .content h2				{ margin-bottom: 15px;}
			.contentBlock .content h3				{ font-size: 18px; background-color: #c7dff4; padding: 8px 15px; font-weight: bold; color: #0075c1; margin-bottom: 20px;}

			.contentBlock .content img				{ width: 100%; height: auto;}
			
			/* ttl */
			h2.ttl00,
			h2.ttl01,
			h2.ttl02,
			h2.ttl03,
			h2.ttl04,
			h2.ttl05,
			h2.ttl06,
			h2.ttl07								{ display: block; margin: 0 auto; width: 300px; height: 45px; text-indent: -9999px;}
			
			h2.ttl00								{ background: url(../../img/top/img_ttl00.jpg) no-repeat center top; background-size: 300px 45px;}
			h2.ttl01								{ background: url(../../img/top/img_ttl01.jpg) no-repeat center top; background-size: 300px 45px;}
			h2.ttl02								{ background: url(../../img/top/img_ttl02.jpg) no-repeat center top; background-size: 300px 45px;}
			h2.ttl03								{ background: url(../../img/top/img_ttl03.jpg) no-repeat center top; background-size: 300px 45px;}
			h2.ttl04								{ background: url(../../img/top/img_ttl04.jpg) no-repeat center top; background-size: 300px 45px;}
			h2.ttl05								{ background: url(../../img/top/img_ttl05.jpg) no-repeat center top; background-size: 300px 45px;}
			h2.ttl06								{ background: url(../../img/top/img_ttl06.jpg) no-repeat center top; background-size: 300px 45px;}
			h2.ttl07								{ background: url(../../img/top/img_ttl07.jpg) no-repeat center top; background-size: 300px 45px;}
			
			/* access */
			#accessList								{ margin-bottom: 15px; color: #5f5f5f;}
			#accessList dt							{ float: left;}
			#accessMap								{ border: #D4D4D4 1px solid;}
			#accessMap iframe						{ width: 98%; height: 400px; vertical-align: bottom;}
			
			/* contact */
			#contactTel								{ margin-bottom: 15px;}
			
			#formCont {}
			
			#formCont table							{ border: 0; margin-bottom: 15px; display: table-cell;}
			#formCont table th						{ font-size: 1.6rem; color: #0075c1; font-weight: bold; display: block;}
			#formCont table th,
			#formCont table td						{ display: block;}
			
			#formCont table th						{ padding: 0px 0px 0px 0px;}
			#formCont table td						{ padding: 9px 0px;}
			
			#formCont table td input,
			#formCont table td textarea				{ border: #C7DFF4 1px solid; width: 300px;}
			
			#formCont table td input				{ height: 40px;}
			#formCont table td textarea				{ height:135px;}
			
			#formCont .btn input					{ margin: 6px auto 0px auto; width: 213px; background-color: #0075c1; line-height: 45px; text-align: center;
													 color: #FFF; display: block; border: 0; font-size: 18px; font-weight: bold;
													/* border-radius */
													border-radius:10px;
													-moz-border-radius:10px;
													-webkit-border-radius:10px;
													}
										
}