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




.conB{
	background:#3aa9db;
	padding-top: 0px;
	padding-bottom: 10px;
}

.conB .container{
	padding:0 1em 1em;
	box-sizing: border-box;
}

.conB .text{
padding: 20px;
	box-sizing: border-box;
}



@media print, screen and (min-width: 768px){
	
	.conB{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.conB .container{
		max-width: 1200px;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		padding: 1em;
	}

	
	.conB .text{
		width: 45%;
		display: flex;
		margin-bottom: 0;
	}
	
}










.slideshow {
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	background: url("../img/back.gif");
	/*background-size: cover;*/
}

.slide {
  position: absolute;
  width: 90%;
  height: 95%;
  background-size: contain;
  background-position: center;
	background-repeat: no-repeat;
  transition: opacity 1s ease-in-out;
}

.test1 {
  background-image: url('../img/main01_sm.png');
	opacity: 1;
}

.test2 {
  background-image: url('../img/main02_sm.png');
  opacity: 0;
}



@keyframes slide1 {
0%   { opacity: 1; }   /* ← 直後から表示 */
  45%  { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes slide2 {
  0%   { opacity: 0; }
  45%  { opacity: 0; }
  50%  { opacity: 1; }
  95%  { opacity: 1; }
  100% { opacity: 0; }
}

.slide:nth-child(1) {
  animation: slide1 8s infinite;
}

.slide:nth-child(2) {
  animation: slide2 8s infinite;
}



@media print, screen and (min-width: 768px){
	
	
.slideshow {
  width: 100%;
  height: 100vh;
}	
	
.slide {
  width: 90%;
  height: 90%;
}	
	
	
.test1 {
  background-image: url('../img/main01.png');
}

.test2 {
  background-image: url('../img/main02.png');
}
	
	
	
	
	
}




/*波部分*/

.nami{
	background:url("../img/nami01.gif");
	background-repeat: repeat-x;
	height: 67px;
	width: 100%;
	background-size: 30%;
	background-position: center bottom;
}





.post{
	background: #fff5e0;
	padding-top: 30px;
	padding-bottom: 30px;
}


.post .container{
	max-width: 1000px;
	margin: 0 auto;
	padding: 1em;
	box-sizing: border-box;
	
}



@media print, screen and (min-width: 768px){
	
.post{
	padding-top: 80px;
	padding-bottom: 80px;
}
	
	
.nami{
	background-size: 10%;
}

.nami2{
	background-size: 10%;
}	
	
	
	
}



h2.midashi{
	text-align: center;
	font-size: 20px;
	margin-bottom: 0.8em;
	color: #001a43;
	font-family: "Zen Maru Gothic", sans-serif;
}


@media print, screen and (min-width: 768px){
h2.midashi{
	font-size: 36px;
	margin-bottom: 2.5em;
}	
}


.m-news{
	width: 40px;
	margin: 0 auto 2px;
	margin: 0 auto 2px;
}


@media print, screen and (min-width: 768px){
.m-news{
	width: 60px;
	margin: 0 auto 0px;
}	
	
}



table {
    width: 100%;
    border-collapse: collapse;
}
    
th,td{
    display: block;
    width: 96%; 
    }
    
th {
    padding: 0.2em;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
}
    
td {
    padding: 0.5em;
    margin:0 auto 0.6em;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}
/* PC用：768px以上の場合 */
@media(min-width:768px) {
table {
    max-width: 700px;
    margin: 0 auto;
    
}
th {
    display: table-cell;
    width: 20%;
    padding:1em;
    border-bottom: 1px dashed #001a43;
}
td {
    display: table-cell;
    
	border-bottom: 1px dashed #001a43;
}
}

.m-midashi{
	color: #fff;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 30px;
	text-align: center;
	margin-bottom: 24px;
}

@media print, screen and (min-width: 768px){
	
.m-midashi{
	font-size: 50px;
}	
	
}


.conB .text a:hover{
	opacity: 0.8;
}

.conB p.kochira01{
	text-align: center;
	color: #001a43;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 20px;
}


.conB p.kochira02{
	text-align: center;
	color: #ffffff;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 20px;
}

@media print, screen and (min-width: 768px){
.conB p.kochira01{
	font-size: 32px;
}


.conB p.kochira02{
	font-size: 32px;
}	
	
	
}