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


.conA{
	
}

.conA .container{
	height:300px;
	max-height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("../img/back.gif");
	background-size: cover;
	padding: 80px 10px 10px;
}

.conA img{
	width: 70%;
	height: 100%;
	width: auto;
	position: relative;
	top:0px;
}


@media print, screen and (min-width: 768px){
	.conA .container{
		height: 80vh;
		min-height: 500px;
		max-height: 1000px;
	}
	
	
.conA img{
	width: 70%;
	position: relative;
	top:10px;
}
	
	
	
}




.kikan{
	background: #e3516c;
color: #fff;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.kikan img{
	/*display: block;*/
	width: 98%;
	margin: 0 auto;
	max-width: 900px;
}

@media print, screen and (min-width: 768px){
	
	
	.kikan{
		font-size: 30px;
		padding: 16px;
	}	
	
.kikan img{
	width: 70%;
}
	
	
}




.conB{
	padding-top: 0px;
	padding-bottom: 10px;
}

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

.conB .text{
/*padding: 20px;*/
	box-sizing: border-box;
	text-align: center;
	background: #fff;
	margin-bottom: 10px;
}



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

	
	.conB .text{
		flex: 1;
		padding: 20px 20px 0;
		
	}
	
}




.l-font{
	font-weight: bold;
	/*font-size: 140%;*/
}


.post .conB.kounyu .container{
	padding: 0;
	width: 100%;
}


.conB.kounyu .text{
	padding: 0;
	border-radius: 10px;
	display: flex;
}


.conB.kounyu .text-in{
	padding: 1em;
	text-align: left;
}


@media print, screen and (min-width: 768px){
	
	
	.conB.kounyu{
		padding-top: 0px;
	}	

.conB.kounyu .container{
	/*align-items: center;*/
	max-width: 1300px;
	margin-bottom: 30px;
}
	
	.conB.kounyu .text{
		/*height: 280px;*/
		font-size: 18px;
		display: block;
	}	
	

}


.step-num{
	background: #008cc5;
	color: #fff;
	padding: 0.5em;
	font-weight: bold;
	
	/*margin-bottom: 20px;*/
	
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}


@media print, screen and (min-width: 768px){
	
	.step-num{
		font-size: 30px;
		padding: 6px;
		border-top-left-radius: 10px;
	border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
	}
	
	
}



.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;
}

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



.post{
	padding-top: 30px;
	padding-bottom: 30px;
	/*margin-bottom: 50px;*/
}


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

.post h2{
	text-align: center;
	margin-bottom: 1em;
	font-size: 20px;
	color: #e94f06;
	color: #0a3b95;
	font-weight: 700;
	/*border-top: 3px solid*/
	
}


.post h2.heading {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
	margin-bottom: 30px;
}
.post h2.heading::before {
  background-color: #0a3b95; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: -12px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 0; /* 線の中央寄せ */
  margin-inline: auto; /* 線の中央寄せ */
  position: absolute;
  right: 0; /* 線の中央寄せ */
  width: 30px; /* 線の長さ */
}
/* レイアウトのためのcss */







h3.b-title{
	text-align: center;
	color: #fff;
	padding:0.5em 1em;
	background:#008cc5;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	box-sizing: border-box;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

@media print, screen and (min-width: 768px){
	
.post{
	padding-top: 80px;
	padding-bottom: 80px;
	/*margin-bottom: 80px;*/
}
	
	
	.post .container{
		padding: 20px;
	}
	

	.post h2{
		font-size: 34px;
		margin-bottom: 2em;
	}
	
	.post h2.heading{
		margin-bottom: 80px;
	}	
	
	
h3.b-title{
	font-size: 20px;
	padding:0.5em 1em;
}	

	
.post h2.heading::before {
  bottom: -20px; /* 線の位置 */
}	
	
	
	
	
	
}



h2.midashi{
	text-align: center;
	font-size: 20px;
	margin-bottom: 0.8em;
	color:blue;
}


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


.post.oshirase{
	background: #5ec5f2;
	margin-bottom: 0;
}

.post.oshirase .container{
	background: #fff;
	width: 90%;
	max-width: 800px;
	/*border-radius: 10px;*/
	height: 300px;
	overflow-y: scroll;
	padding-right: 30px;
	padding-left: 30px;
	
}























.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;
	padding: 1em 1em 0.2em;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
}
    
td {
    padding:0.1em 1em 0.7em;
    margin:0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

table.gaiyou{
	width: 100%;
	max-width: 800px;
	margin: 0px auto 10px;
	border: 1px solid #ccc;
	background: #fff;
}
/* PC用：768px以上の場合 */
@media(min-width:768px) {
table.info {
    max-width: 800px;
    margin: 0 auto;
	
    
}
table.info th {
    display: table-cell;
    width: 20%;
    padding:1em;
    border-bottom: 1px dashed #001a43;
}
table.info td {
    display: table-cell;
    padding: 0.5em;
	border-bottom: 1px dashed #001a43;
}
	
table.gaiyou {
	width: 100%;
    max-width: 800px;
    margin: 0 auto 10px;
}
	
	table.gaiyou th{
		display: table-cell;
		width: 25%;
		border: 1px solid #333;
		padding: 1em;
		background: #fff;
		
	}
	
	table.gaiyou td{
		width: 75%;
		display: table-cell;
		border: 1px solid #333;
		padding: 1em;
		background: #fff;
		
	}	
	
	
}











.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;
}	
	
}







@media print, screen and (min-width: 768px){
	

	
	
	
	
}

.conB .allow{
	display:none;
}

.conB .allow2{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px 0;
	color: #008cc5;
}

@media print, screen and (min-width: 768px){
	
.conB .allow{
	display: flex;
	align-items: center;
	color: #008cc5;
}
	
.conB .allow2{
	display:none;
	}	
	
	
}



.post-title-535, .post-title-402{
    color: #E5410A; /* 文字色をオレンジに */
    font-weight: bold;
}