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



a.btn{
	text-align:center;
	border-radius:50px;
	background-color:rgba(0,160,160,1);
	width:9em;
	margin:10px;
	padding:10px;
	color:#fff;
	font-size:110%;
	font-weight:bolder;
	display: inline-block;
}
a.btn:link, a.btn:visited, a.btn:active {
    color: #fff;
}
a.btn:hover{
	background-color:rgba(0,132,132,0.5);
}
@media screen and (max-width: 800px) {
.inc{
display: flex;
flex-flow: row wrap;
 justify-content:center;
}
.inc a{
width:5em;
}
a.btn{
	margin:5px;
}
}
/* -------------------記事のメイン-------------------------------- */

.mainimg{
position: relative;
background: #00a8a9;
padding:1em;
min-height:120px;
overflow:hidden;
}


.mainimg h2{
text-align:center;
color:#fff;
font-size:3em;

position: absolute;
top: 57%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width:98%;
}
@media screen and (max-width: 800px) {
.mainimg h2{
	font-size:1.9em;
}
}
@media screen and (max-width: 600px) {
.mainimg{
min-height:70px;
position:static;
}
.mainimg h2{
font-size: 1.7em;
clear:both;
transform: none;
position:static;
padding-top:10px;
}
ul.breadcrumbs{
position:static !important;
overflow:hidden;
}
}




/* --------------------------------------------------- */
/* NEWS　エリア*/
/* --------------------------------------------------- */
/*---新着情報-----*/

.newsbox{
	margin:50px auto;
	width:80%;
}

.newsbox .tab{
	background-color:#00a8a9;
	padding:2px 5px;
	width:6em;
	color:#fff;
	display:inline-block;
	text-align:center;
}

.newsbox ul{
	display:table;
	margin-bottom:15px;
	width:100%;
}
.newsbox ul li{
display: table;
width: 100%;
margin-bottom:20px;
padding-bottom:20px;
border-bottom: 1px #ccc solid;
}

.newsbox ul li:first-child{
padding-top:20px;
border-top: 1px #ccc solid;
}

.newsbox ul li a,
.newsbox ul li span{
display: table-cell;
vertical-align:top;
margin-right:1.5em;
text-align:left;
float:left;
}
.newsbox ul li span.data{
width:7em;
text-align:left;
}
.newsbox ul li a{
	width:64%;
	width : calc(100% - 19em) ;
}

.newsbox ul li a.linknon:hover{
	color:#444;
}

.newsbox02{
	margin:50px auto;
	width:80%;
}
.newsbox02 p{
margin-bottom: 0.65em;
}

@media screen and (max-width: 800px) {
	
.newsbox{
	width:100%;
}
.newsbox02{
	width:100%;
	padding: 10px;
}
.newsbox ul{
	display:block;
}
.newsbox ul li span{
	display: inline-block;
	margin-bottom:10px;
}
.newsbox ul li a{
	display:block;
	width:100%;
}
}


/* --------------------------------------------------- */
/* entry 記事　エリア*/
/* --------------------------------------------------- */

.entrybox{
	width:90%;
	padding:20px 15px;
	margin:20px auto!important;
	background-color:#fff;
	padding:30px;
}
.entrybox a{
	text-decoration:underline;
}

.entrybox p{
	margin-bottom:0.7em;
}
.entrybox p.mb00{margin-bottom:0;}
.entrybox p.mb05{margin-bottom:5px;}
.entrybox p.mb10{	margin-bottom:10px;}
.entrybox p.mb15{	margin-bottom:15px;}
.entrybox p.mb20{	margin-bottom:20px;}


.entrybox table{
	margin:5px 0;
}

.entrybox table.tbl01{
	max-width:100%;
	width:auto;
	background-color:#fff;
}
.entrybox table.tbl01 th,
.entrybox table.tbl01 td{
	padding:5px 10px;
	border:solid 1px #ccc;
	border-collapse:collapse;
}
.entrybox table.tbl01 th{
	background-color:#def3f4;
}

.entrybox a[target="_blank"]{
padding-right: 1.2em
}


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

/*tabel横スクロール*/
.scroll-table {
	background-color:#eee;
	padding:5px;
	/*
	overflow:auto; 
-webkit-overflow-scrolling:touch;*/
}
.scroll-table::before {
content: '→ SCROLL RIGHT';
display: block;
margin-bottom: 10px;
color: #777;
}
.scroll-table table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

}
.ml1em{margin-left:1em;}
.ml2em{margin-left:2em;}
.ml3em{margin-left:3em;}
.ti_1{
	text-indent: -1em;
	padding-left: 1em;
}


.flexbox {
		flex-wrap: wrap;
justify-content: center;
}



/* --------------------------------------------------- */
/* flexbox*/
/* --------------------------------------------------- */

.flexbox{
flex-wrap: wrap;
justify-content: center;
display: flex;
justify-content:space-between;
}
.flexbox div img{
width:100%;
margin-bottom:5px;
}
.flexbox.clm3 div{
width:30%;
margin:1.5%;
}
.flexbox::after {
display: block;
content:"";
width: 30%;
}

@media print, screen and (max-width:770px) {
.flexbox.clm3 div{
width:47%;
margin:1.5%;
}
.flexbox::after {
width:47%;
}
}
@media only screen and (max-width: 559px) {
.flexbox.clm3 div{
width:100%;
margin:10px 0;
}
}

/* --- パートナーロゴ --- */
.flexbox.partner_logo {
  align-items: center;
}
.flexbox.partner_logo div {
  width: 42%;
  margin: 0;
}
.flexbox.partner_logo div:nth-child(2) {
  width: 7%; /* 左右の1/4サイズ */
  margin: 0;
		border: none;
}
.flexbox.partner_logo::after {
  display: none;
}

/* --- スマホ用の設定（画面幅767px以下） --- */
@media screen and (max-width: 767px) {
  .flexbox.partner_logo {
    flex-direction: column; /* 縦並びに変更 */
    align-items: center;     /* 全て中央揃えにする */
    gap: 15px;              /* 縦に並んだときの画像同士の隙間 */
  }

  /* 縦並びのとき、左右の画像は横幅いっぱいに広げる */
  .flexbox.partner_logo div {
    width: 100%; 
  }

  /* 真ん中の画像だけ、横幅を25%（1/4サイズ）に縮める */
  .flexbox.partner_logo div:nth-child(2) {
    width: 20%; 
  }
}















#video {
top:0;
width: 100%;
height: auto;
background: #000;/*背景を黒で表示*/
}

.w100In{ width:100%!important;}