/* 記事一覧A */
.listA h3 {
	text-align: center;
}

.listA .container {
	display: flex;
    background-color: #fff;
	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;
	color: inherit;
	text-decoration: none;
}

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

.listA .text {
	margin: 10px;
}

.listA h2 {
	font-size: 14px;
    text-align: center;
}

.listA p {
	font-size: 14px;
	opacity: 0.8;
}

/* 記事一覧B */
.listB h1 {
	text-align: center;
}

.listB .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	max-width: var(--large-width);
	margin: 30px auto;
}

.listB article {
	flex: 1 1 384px;
	display: flex;
}

.listB a {
	flex: 1;
	margin: 10px;
	display: flex;
    background-color: #4072B3;
	color: inherit;
	text-decoration: none;
}

.listB a:hover {
	opacity: 0.8;
}

.listB .photo {
	flex: 2;
	min-height: 0;
	background-position: center;
	background-size: cover;
}

.listB .text {
	flex: 3;
	margin: 5px auto 5px 60px;
}

.listB h2 {
	font-size: 16px;
    color:#fff;
}

.listB p {
	font-size: 14px;
	opacity: 0.8;
}

@media (max-width: 384px) {
	.listB .photo {
		flex: 1;
	}

	.listB p {
		display: none;
	}
}

/* contact */
.obi1 h2 {
	height: 60px;
    background: url(img/obi1.jpg) no-repeat;
    padding: 70px 0px 0px 50px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    letter-spacing: 0.5em;
}
/* privacy */
.obi2 h2 {
	height: 60px;
    background: url(img/obi2.jpg) no-repeat;
    padding: 70px 0px 0px 50px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    letter-spacing: 0.5em;
}
/* service */
.obi3 h2 {
	height: 60px;
    background: url(img/obi3.jpg) no-repeat;
    padding: 70px 0px 0px 50px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    letter-spacing: 0.5em;
}
/* about */
.obi4 h2 {
	height: 60px;
    background: url(img/obi4.jpg) no-repeat;
    padding: 70px 0px 0px 50px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    letter-spacing: 0.5em;
}
/* social */
.obi5 h2 {
	height: 60px;
    background: url(img/obi5.jpg) no-repeat;
    padding: 70px 0px 0px 50px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    letter-spacing: 0.1em;
}
/* greeting */
.obi6 h2 {
	height: 60px;
    background: url(img/obi6.jpg) no-repeat;
    padding: 70px 0px 0px 50px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    letter-spacing: 0.5em;
}


/* about代表挨拶 */
#wrapper {
  width: 1030px;
  padding: 10px;
  background-color: #fff;
  margin: 0 auto;
}
#boxA, #boxB {
  background-color: #fff;
  min-height: 200px;
  margin-bottom: 10px;
}
#boxA {
  width: 480px;
  float: left; /* 左フロート */
} 
#boxA h2 {
  text-align: left;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  padding: .5em;
  border-top: 2px solid #b0c4de;
  border-bottom: 2px solid #b0c4de;
}
#boxA p {
  text-align: left;
  padding: .5em;
  color: #000;
  font-size: 14px;
}
#boxB {
  width: 540px;
  text-align: center;
  float: right; /* 右フロート */
}
#boxC {
  width: 1000px;
  background-color: #fff;
  min-height: 1px;
  clear: both; /* 回り込みを解除 */
}

/* about代表挨拶 */
p {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
table {
  width:750px;
  margin: 0 auto;
}
.tbl-r1 th {
  background: #fff;
  padding: 50px;
  vertical-align: top;
}
.tbl-r1 td {
  background: #fff;
  padding: 10px;
  vertical-align: top;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
}
.tbl-r2 th {
  background: #fff;
}
.tbl-r2 td {
  background: #fff;
  text-align: right;
}

 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r01 {
    width: 80%;
  }
  .tbl-r01 th,
  .tbl-r01 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
}
 
