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

/* 基本色 */
:root{
	--main-color: #5D9AB2;
	--accent-color: #BF6A7A;
	--dark-color: #2B5566;
	--text-bright-color: #fff;
	--icon-color: #ddd;
	--icon-bk-color: #ddd;
	--gray-color: #ddd;
	--large-width: 1000px;
	--middle-width: 800px;
}


/* 基本設定: フォントサイズ */
@media (max-width: 599px) {
	:root {
		font-size: 14px;
	}
}

@media (min-width: 600px) and (max-width: 799px) {
	:root {
		font-size: 16px;
	}
}

@media (min-width: 800px) {
	:root {
		font-size: 18px;
	}
}

body {font-size: 16px;}


/* 基本設定：ページ全体*/

body{
	margin: 0;
	font-family: "游明朝体+36ポかな ミディアム", "筑紫A丸ゴシック レギュラー", 'メイリオ', 'MyYuGothicM' ,'Hiragino Kaku Gothic Pro', sans-serif, "Yu Mincho", "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" ; 
}

/* テキスト1 */

.text1 .container {
	margin-top: 30px;
	padding-bottom: 5px;
}

.text1 .text {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.text1 h1 {
	font-size: 25px;
	letter-spacing: 8px;
}

.text1 h2 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 20px;
	letter-spacing: 6px;
}

.text1 p {
	margin-top: 20px;
	font-size: 18px;
	letter-spacing: 1.5px;
	line-height: 130%;
}

@media (min-width: 768px)  and (max-width: 999px) {
	.text1 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		padding-top: auto;
		padding-bottom: 20px;
		margin-top: -50px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.text1 .text {
		flex: 1;
		padding: 50px;
	}
}

@media (min-width: 1000px) {
	.text1 .container {
		display: flex;
		flex-direction: row-reverse;
		max-width: 1000px;
		padding-top: auto;
		padding-bottom: 20px;
		margin-top: -80px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.text1 .text {
		flex: 1;
		padding: 50px;
	}
}

/* 見出し　*/

.M h1 {
    font-size: 32px;
	letter-spacing: 6px;
	border-top: 1px solid black;
    margin:23px 0 0;
    text-align:center;
    padding:0; 
	height:24px;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}

.M h1 span {
    position: relative;
    top: -24px;
    padding: 0 20px;
    background:white;
}


@media (max-width: 1000px) {

.M h1 {
    font-size: 32px;
	letter-spacing: 6px;
	border-top: 1px solid black;
    margin:23px 0 0;
    padding:0; 
	height:24px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

.M h1 span {
    position: relative;
    top: -24px;
    padding: 0 20px;
    background:white;
}

}

/* コンテンツB:（アイコン＋テキスト） */

.conB .container {
	padding-bottom: 5px;
}

.conB .text {
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 50px;
	text-align: center;
}

.conB h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
	letter-spacing: 0.15rem;
}

.conB p {
	margin-top: 0;
	margin-left: 2px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
	text-align: left;
}

.conB a {
	color: #5D9AB2;
	color: var(--main-color);
	text-decoration: none;
}

.conB a:hover {
	text-decoration: underline;
}

.conB .text .icon {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 150px;
	width: 2.15em;
	text-align: center;
	background-color: #ddd;
    color: #fff;
	position: relative;
}

@media (min-width:768px) {
	.conB .container {
		display: flex;
		max-width: 1200px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	
	.conB .text {
		flex: 1;
		margin-top: 20px;
	}
}



/* コンテンツC:概要（画像＋テキスト） */

.conC {
	background-image: url(images/DSC02884.png);
	background-position: center;
	background-size: cover;
	-webkit-filter: brightness(95%);
	filter:　brightness(95%);
}

.conC .text {
	padding: 20px;
	background-color: rgba(255,255,255,0.73);
	border: 2px solid #000;
}

.conC h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 22px;
	color: #000;
	font-weight: 831;
	letter-spacing: 0.9rem;
	border-bottom: 2px solid #000;
	padding-bottom: 15px;
}

.conC p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
}

.conC a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 10px;
	border: solid 2px ;
	background-color: rgba(255,255,255,0.5);
	color: #000;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.conC a:hover {
	background-image: linear-gradient(
	    rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
		);
}

.conC .photo {
	min-height: 150px;
	background-image: none;
	background-position: center;
}

@media (min-width: 768px) {
	.conC .container {
		display: flex;
		max-width: 1000px;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.conC .photo {
		flex: 1;
	}
	
	.conC .text {
		flex: 1;
		padding: 50px;
	}
}


/* コンテンツD:概要（画像＋テキスト:逆配置） */

.conD {
	margin-top: 1px;
	background-image: url(images/DSC03562.png);
	-webkit-filter: brightness(105%);
	filter:　brightness(105%);
	background-position: center;
	background-size: cover;
}

.conD .text {
	padding: 22px;
	background-color: rgba(255,255,255,0.7);
	border: 2px solid #000;
}

.conD h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 22px;
	color: #000;
	font-weight: 831;
	letter-spacing: 1.1rem;
	border-bottom: 2px solid #000;
	padding-bottom: 15px;
}

.conD p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	color: #000;
	font-weight: 550;
	line-height: 1.8;
}

.conD a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 2px ;
	background-color: rgba(255,255,255,0.5);
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

.conD a:hover {
	background-image: linear-gradient(
	    rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
		);
}

.conD .photo {
	min-height: 150px;
	background-image: none;	
	background-position: center;
}

@media (min-width: 768px) {
	.conD .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.conD .photo {
		flex: 1;
	}
	
	.conD .text {
		flex: 1;
		padding: 50px;
	}
}

/* フッター */


footer {
	margin-top: 1px;
	color: #000;
	background-image: url(images/DSC0.g);
	background-position: 50% 23%;
	background-size: 170VW;
}

footer .container {
	padding: 40px 20px;
}

@media (min-width: 768px) {
	footer .container {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	
	.footA {
		flex: 0 0 40%;
	}
	
	.footB {
		flex: 0 0 60%;
	}
	
	.footC {
		flex: 0 0 100%;
	}
}


/* フッターA　サイト情報 */

.footA h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: ;
	font-size: 30px;
	letter-spacing: 0.2em;
}

.footA p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
}

.footA a {
	color: inherit;
	text-decoration: none;
}

/* フッターB　サイト情報 */

.footB {
	margin-top: 20px;
}

.footB div {
	margin-bottom: 20px;
}

.footB h3 {
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: solid 1px currentColor;
	font-size: 14px;
}

.footB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footB a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}

.footB a:hover {
	background-color: rgba(0,0,0,0.3);
}

@media (min-width:768px) {

.footB {
	display: flex;
}

.footB div {
	flex: 1;
}

.footB div:not(:first-child) {
	margin-left: 40px;
}

}


/* フッターC：コピーライト */

.footC {
	font-size: 12px;
	text-align: center;
	font-family: ;
}

/* フッターD:SNSメニュー */

.footD {
	margin-top: 20px;
}

.footD ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footD a {
	display: block;
	margin-right: 16px;
	padding: 0;
	color: inherit;
	font-size: 24px;
	text-decoration: none;
	width: 1.2em;
	text-align: center;
}

.footD a:hover {
	background-color: rgba(0,0,0,0.3);
}

/* ヘッダー */

header {
	margin-top: 15px;
	margin-bottom: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: rgba(0,0,0,0);
}

header .mp {
	width: 100%;
}


/* ヘッダーA:サイト名 */

.headA {
	display: inline-block;
	line-height: 70px;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 10px;
	background-color: rgba(0,0,0,0);
	color: #ffffff;
	font-familiy: 'Montserrat', sans-serif;
	font-size: 24px;
	text-decoration: none;
}

/* ヘッダーB：　ナビゲーションメニュー */
   
.headB ul {
	margin: 0;
	padding:0;
	margin-top: 20px;
	line-height: 0.9rem;
	list-style: none;
}

.headB a {
	display: block;
	padding: 3px;
	margin-right: 7px;
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

.headB .MB {
	margin-top: -6px;
}

.headB a:hover{
	background-color: rgba(0,0,0,0.3);
}

@media (min-width: 768px){
	header .container {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		}
   
   .headB ul {
	   display: flex;
	   }
}

/* ヘッダーC:トグルボタン */

@media (max-width: 767px){

   /* 小さい画面用の設定 */

   header .container-small {
	   display: flex;
	   align-items: center;
	   justify-content: space-between;
	   }

   .headC {
	  margin-right: 18px;
	  margin-bottom: 39px;
	  padding: 0;
	  border: none;
	  outline: none;
	  background: none;
	  font-size: 39px;
	  color: #000;
	  line-height: 0px;
	  opacity: 0.9;
	  cursor: pointer;
	  }

   .headC:hover {
	  opacity: 0.3;
	  }

   .headB {
	  display: none;
	  }
}

@media (min-width:768px) {

   /* 大きい画面用の設定 */

   .headC {display: none;
	  }

   .headB {
	   display: block !important;
	  }
}

/* NEWS POSTS */
 
 .NP {
	 height: 300px;
	 min-height: 0;
	 background-image: linear-gradient(
	    rgba(0,0,0,0.1), rgba(0,0,0,0.1)
		),url(images/DSC03856.png);
	 background-position: bottom;
	 background-size: cover;
	 }

 .NP2 .container {
	 max-width: 800px;
	 max-width: var(--middle-width);
	 margin-left: auto;
	 margin-right: auto;
 }

 .NP2 h1 {
	 padding-left: 0.5rem;
	 border-left: solid 0.75rem #339966;
	 font-size: 2rem;
 }

 .NP2 h1 em.tiny {
	 font-size: 13px;
	 opacity: 0.8;
	 line-height: 0.39rem;
	 text-decoration: none;
 }

 .listA h1 {
	 text-align: center;
 }
 
 .listA .container {
	 display: flex;
	 flex-wrap: wrap;
	 max-width: 1000px;
	 max-width: var(--large-width);
	 margin: 30px auto;
 }
 
 .listA article {
	 flex: 1 1 300px;
	 display: flex;
 }
 
 .listA a {
	 flex: 1;
	 margin: 10px;
	 display: block;
	 border: solid 1px #ddd;
	 border: solid 1px var(--gray-color);
	 color: inherit;
	 text-decoration: none;
 }
 
 .listA a:hover {
	 opacity: 0.8;
 } 

 .listA .photo {
	 min-height: 250px;
	 background-position: center;
	 background-size: cover;
 }

 .listA .text {
	 margin: 10px;
 }
 
 .listA .text h2 {
	 margin-top: 39px;
	 font-size: 24px;
	 letter-spacing: 0.1rem;
	 padding-left: 0.5rem;
	 border-left: solid 0.39rem #339966;
 }
 
 .listA .text p {
	 margin-top: 3.9px;
	 font-size: 14px;
	 opacity: 0.8;
 }
 
 .listA .yj {
	 margin-top: -90px;
	 padding-top: 15px;
	 padding-left: 22px;
	 line-height: 2px;
	 height: 50px;
	 width: 140px;
	 background-color: #9C6;
	 opacity: 0.831;
 }
 
 .listA .yj .p1{
	 font-size: 18px;
	 font-weight: 700;
	 letter-spacing: 0.831rem;
 }

 .listA .yj .p2{
	 font-size: 12px;
	 font-style: italic;
	 letter-spacing: -0.1rem;
 }
 
 .listA .sj {
	 margin-top: -90px;
	 padding-top: 12.5px;
	 padding-left: 22px;
	 line-height: 8.31px;
	 height: 50px;
	 width: 140px;
	 background-color: #FC9;
	 opacity: 0.831;
 }
 
 .listA .sj .p1{
	 font-size: 18px;
	 font-weight: 700;
	 letter-spacing: 0.831rem;
 }

 .listA .sj .p2{
	 font-size: 12px;
	 font-style: italic;
	 letter-spacing: -0.1rem;
 }

 .listA .shj {
	 margin-top: -90px;
	 padding-top: 15px;
	 padding-left: 22px;
	 line-height: 2px;
	 height: 50px;
	 width: 140px;
	 background-color: #F99;
	 opacity: 0.831;
 }
 
 .listA .shj .p1{
	 font-size: 18px;
	 font-weight: 700;
	 letter-spacing: 0.831rem;
 }

 .listA .shj .p2{
	 font-size: 12px;
	 font-style: italic;
	 letter-spacing: -0.1rem;
 } 
 
  .listA .my {
	 margin-top: -90px;
	 padding-top: 15px;
	 padding-left: 22px;
	 line-height: 2px;
	 height: 50px;
	 width: 140px;
	 background-color: #09F;
	 opacity: 0.731;
 }
 
 .listA .my .p1{
	 font-size: 18px;
	 font-weight: 700;
	 letter-spacing: 0.831rem;
 }

 .listA .my .p2{
	 font-size: 12px;
	 font-style: italic;
	 letter-spacing: -0.1rem;
 } 
 
 
 
 @media (min-width: 1000px) {
	 
	 .listA article:nth-child(5n+1) {
		 flex: 1 1 600px;
	 }
 }
 

/* about.html */

 .AH {
	 height: 300px;
	 min-height: 0;
	 background-image: linear-gradient(
	    rgba(0,0,0,0.1), rgba(0,0,0,0.1)
		),url(images/DSC03954.png);
	 background-position: center;
	 background-size: cover;
	 }

 .AP .container {
	 max-width: 800px;
	 max-width: var(--middle-width);
	 margin-left: auto;
	 margin-right: auto;
	 padding: 0px 10px;
 }
 
 .AP h1 {
	 font-size: 2rem;
	 letter-spacing: 7px;
	 text-align: center;
	 margin-bottom: 30px;
 }
 
 .AP h2 {
	 font-size: 23px;
	 letter-spacing: 12px;
	 line-height: 2.5;
	 text-align: center;
	 text-decoration: underline;
 }
 
 .AP p {
	 font-size: 15px;
	 letter-spacing: 2px;
	 line-height: 2;
 }
 
 .AP img {
	 max-width: 100%;
 }
 
 .listAB .container {
	 display: flex;
	 flex-wrap: wrap;
	 max-width: 1000px;
	 max-width: var(--large-width);
	 margin: 3.9px auto;
 }
 
 .listAB a {
	 margin-left: auto;
	 text-decoration: none;
 }
 
 .listAB article {
	 flex: 1 1 300px;
	 display: flex;
	 margin-top: 0.1px;
 }
 
 .listAB .store {
	 flex: 1;
	 margin: 8.31px;
	 display: block;
	 text-decoration: none;
 }

 .listAB .photo {
	 min-height: 250px;
	 background-position: center;
	 background-size: cover;
 }
 

/* aboutページ:ぱんくずリスト */
.bread ol {
	display: flex;
	margin-top: 20px;
	padding: 0;
	list-style: none;
}

.bread a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 0.875rem;
	text-decoration: none;
}

.bread a::after {
	margin-left: 10px;
	content: '\f054';
	font-family: 'FontAwesome';
	opacity: 0.3;
}

.bread a:hover {
	background-color: rgba(0,0,0,0.3);
}


/* NEWSページ:ぱんくずリスト */
.N-bread ol {
	display: flex;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	list-style: none;
}

.N-bread a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 0.875rem;
	text-decoration: none;
}

.N-bread a::after {
	margin-left: 10px;
	content: '\f054';
	font-family: 'FontAwesome';
	opacity: 0.3;
}

.N-bread a:hover {
	background-color: rgba(0,0,0,0.3);
}
	
 
/* stores&recruit.html */

 .SR {
	 height: 300px;
	 min-height: 0;
	 background-image: linear-gradient(
	    rgba(0,0,0,0.1), rgba(0,0,0,0.1)
		),url(images/DSC03960.png);
	 background-position: center;
	 background-size: cover;
	 }

 .SRp .container {
	 max-width: 800px;
	 max-width: var(--middle-width);
	 margin-left: auto;
	 margin-right: auto;
	 padding: 0px 3px;
 }
 
 .SRp h1 {
	 padding-left: 0.5rem;
	 border-left: solid 0.75rem #339966;
	 font-size: 2rem;
 }
 
 .SRp p {
	 font-size: 1rem;
	 line-height: 2;
	 margin-bottom: 15px;
 }
 
 .SRp img {
	 max-width: 100%;
 }
 
 .SRi {
	 text-align: center;
	 margin-top: 50px;
 }
 
  .SRi .p1 {
	 text-align: center;
	 margin-top: 15px;
	 font-size: 21px;
	 letter-spacing: 1.5rem;
 }
 


/* 会社概要 */

.KG .container {
	 max-width: 800px;
	 max-width: var(--middle-width);
	 margin-top: 60px;
	 margin-left: auto;
	 margin-right: auto;
	 padding: 0px 3px;
 }

.KG h1 {
	 padding-left: 0.5rem;
	 border-left: solid 0.75rem #339966;
	 font-size: 2rem;
	 letter-spacing: 1.5rem;
}

.KG table {
	margin-top: 30px;
	margin-bottom: 70px;
	border-collapse: collapse;
	width:100%;
}

.KG th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}


.KG td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
} 

.KG img {
	margin-top: 30px;
	max-width: 100%;
 } 

.KG p {
 	 font-size: 15px;
	 letter-spacing: 2px;
	 line-height: 2;
}
 
 
/* stores&recruit.html 各店舗情報 */

 .listSR h1 {
	 text-align: center;
 }
 
 .listSR .container {
	 display: flex;
	 flex-wrap: wrap;
	 max-width: 1000px;
	 max-width: var(--large-width);
	 margin: 3.9px auto;
 }
 
 .listSR article {
	 flex: 1 1 300px;
	 display: flex;
	 margin-top: 0.1px;
 }
 
 .listSR .store {
	 flex: 1;
	 margin: 8.31px;
	 display: block;
	 border: solid 1px #ddd;
	 border: solid 1px var(--gray-color);
	 color: inherit;
	 text-decoration: none;
 }

 .listSR .photo {
	 min-height: 250px;
	 background-position: center;
	 background-size: cover;
 }

 .listSR .text {
	 margin: 0.1px;
	 text-decoration: none;
 }
 
  
 .listSR .text h2 {
	 margin-left: 3px;
	 font-size: 18px;
	 letter-spacing: 1.0rem;
	 margin-top: 8.31px;
	 padding-left: 0.5rem;
	 border-left: solid 0.39rem #339966;
 }
   
 .listSR .text p {
	 margin-left: 8.31px;
	 font-size: 15px;
	 opacity: 0.8;
	 line-height: 0.39rem;
	 text-decoration: none;
 }
 
 .listSR .text p em.tiny {
	 font-size: 13px;
	 opacity: 0.8;
	 line-height: 0.39rem;
	 text-decoration: none;
 }
 
 .listSR .text a {
	 text-decoration: none;
 }
 

/* store&recruitページ:ぱんくずリスト */
.bread ol {
	display: flex;
	margin-top: 30px;
	padding: 0;
	list-style: none;
}

.bread a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 0.875rem;
	text-decoration: none;
}

.bread a::after {
	margin-left: 10px;
	content: '\f054';
	font-family: 'FontAwesome';
	opacity: 0.3;
}

.bread a:hover {
	background-color: rgba(0,0,0,0.3);
}
 
/* store-information */

 .SI {
	 height: 300px;
	 min-height: 0;
	 background-image: linear-gradient(
	    rgba(0,0,0,0.1), rgba(0,0,0,0.1)
		),url(images/DSC02895.png);
	 background-position: center;
	 background-size: cover;
	 }

 .SIp .container {
	 max-width: 800px;
	 max-width: var(--middle-width);
	 margin-left: auto;
	 margin-right: auto;
	 padding: 0px 3px;
 }
 
 .SIp .GM {
	 position: relative;
	 padding-bottom: 54%;
	 padding-top: -10px;
	 height: 0;
	 overflow: hidden;
}
 
 .SIp h1 {
	 padding-left: 0.5rem;
	 border-left: solid 0.75rem #339966;
	 font-size: 2rem;
	 letter-spacing: 1rem;
 }
 
 .SIp p {
	 font-size: 1rem;
	 line-height: 2;
	 margin-bottom: 3px;
 }
 
 .SIp img {
	 max-width: 100%;
 }
 
 .SIi {
	 text-align: center;
	 margin-top: 20px;
 }
 
  .SIi .p1 {
	 text-align: center;
	 margin-top: 15px;
	 font-size: 21px;
	 letter-spacing: 1.5rem;
 }

 .listSI h1 {
	 text-align: center;
 }
 
 .listSI .container {
	 display: flex;
	 flex-wrap: wrap;
	 max-width: 1000px;
	 max-width: var(--large-width);
	 margin: 3.9px auto;
 }
 
 .listSI article {
	 flex: 1 1 300px;
	 display: flex;
	 margin-top: 0.1px;
 }
 
 .listSI .store {
	 flex: 1;
	 margin: 8.31px;
	 display: block;
	 border: solid 1px #ddd;
	 border: solid 1px var(--gray-color);
	 color: inherit;
	 text-decoration: none;
 }

 .listSI .photo {
	 min-height: 250px;
	 background-position: center;
	 background-size: cover;
 }

 .listSI .text {
	 margin: 0.1px;
	 text-decoration: none;
 }
 
  
 .listSI .text h2 {
	 margin-left: 3px;
	 font-size: 18px;
	 letter-spacing: 1.0rem;
	 margin-top: 8.31px;
	 padding-left: 0.5rem;
	 border-left: solid 0.39rem #339966;
 }
   
 .listSI .text p {
	 margin-left: 8.31px;
	 font-size: 15px;
	 opacity: 0.8;
	 line-height: 0.39rem;
	 text-decoration: none;
 }
 
 .listSI .text p em.tiny {
	 font-size: 13px;
	 opacity: 0.8;
	 line-height: 0.39rem;
	 text-decoration: none;
 }
 
 .listSI .text a {
	 text-decoration: none;
 }
 
 /* スライドショー */

 .ss .stage {
	position: relative;
	margin-top: 50px;
	background: #ddd;
	background-position: center;
}

 .ss .pic {
position: absolute;
margin-top: 50px;
}

 .ss .pic img {
	width: 100VW;
	background-position: center;	
	min-height: 0;
	margin-top: 50px;
	opacity:0;
	-moz-animation: imgTrans 25s infinite;
	-webkit-animation: imgTrans 25s ease-in infinite;
	animation: imgTrans 25s infinite;
}

 .ss #photo1 img {
	color: rgba(255,255,255,0.6);
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

 .ss #photo2 img {
		-moz-animation-delay: 5s;
		-webkit-animation-delay: 5s;
		animation-delay: 5s;
}

 .ss #photo3 img {
	-moz-animation-delay: 10s;
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

 .ss #photo4 img{
	-moz-animation-delay: 15s;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
}

 .ss #photo5 img {
	-moz-animation-delay: 20s;
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}

@-webkit-keyframes imgTrans {
0% { opacity:0; z-index:10; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}

@-moz-keyframes imgTrans {
0% { opacity:0;  z-index:10;}
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}

@keyframes imgTrans {
0% { opacity:0;  z-index:10;}
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}

@media (max-width: 768px){
header .pic img {
	width: 130VW;
	min-height: 0;
	opacity:0;
	-moz-animation: imgTrans 25s infinite;
	-webkit-animation: imgTrans 25s ease-in infinite;
	animation: imgTrans 25s infinite;
}
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td{
	padding: 10px;
	border: 1px solid #ddd;
	text-align:; center;
}

th {
	background: #eee;
}