@charset "utf-8";

.kaijo h4{
  border-left:15px solid #0092C4;
  border-bottom:3px solid #0092C4;
  color:#0092C4;
  margin:0 0 5px 0;
  padding:5px 5px 5px 16px;
  font-size:1.6em;
}
h5{
  color:#ff8a00;
  margin:0 0 5px 0;
  font-size:15px;
}

.flexbox-area {
margin:auto;
}
.flexbox-group {
margin:auto;
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
      -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
    -webkit-align-content: space-around; /* Safari */
  align-content:         space-around;
    -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}


/* voice‚ */
.box-ttl-voice {
background-size :contain;
width:100%;
max-width:1960px;
height:320px;
max-height:320px;
font-size:3em;
margin:0 auto;
padding:0;
box-shadow:none;
}
.box-ttl-voice-title {
border-radius:0;
}

.voice-area-inner {
padding:0;
width:100%;
position:relative;
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
    -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  -webkit-align-content: flex-start; /* Safari */
  align-content:         flex-start;
    -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
.card {
background:url(http://www.k-kyobunsha.jp/wp-content/themes/sample/common/img/2016voice-bg.jpg) top right no-repeat;
background-size :contain;
  margin:10px;
  width: 350px;
  border-radius: 5px;
  border:dotted 3px #f5a;
  box-shadow: 0 2px 5px #ccc;
}
.card-img {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content {
  padding: 20px;
   text-align: left;
}
.card-title {
  border-left:3px #5af solid;
  padding-left:10px;
  font-size: 20px;
  margin-bottom: 65px;
  text-align: left;
  color: #333;
    text-shadow: 1px 1px 0px #fff;
}
.card-name {
  font-size:1.2em;
  color:#5af;
  }
.card-text {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
}
.card-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 20px;
}
.card-link a {
  text-decoration: none;
  color: #0bd;
  margin: 0 10px;
}
.card-link a:hover {
  color: #0090aa;
}
.post-meta-key {
display:none;
}
@media only screen and (max-width: 480px) {
 .box-ttl-voice-title {
 font-size:0.8em;
 }
 .card {
 margin:5px 0;
 }
 .box-ttl-voice {
 background-size :cover;
 }
}


/*info*/
.info-wrap {
margin-left:10%;
width:90%;
}
  .info-top {
  padding-top:0;
   width:100%;
  max-width:1920px;
  height:auto;
  position:relative;
  }
  .info-ttl {
    padding:10px 0;
    width:480px;
    border:solid #fff 1px;
    text-align:center;
    }

  .info-top-inner{
  font-size:1.2em;
  padding: 100px 8% 0px;
  color:#fff;
    width:100%;
    height:450px;
    position:relative;
    background-size: cover; 
    text-align:left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  }
  
    @media only screen and (min-width: 1280px) {
    .info-top-inner{
    height:600px;
    }
      
}     
  @media only screen and (max-width: 480px) {
  
  .info-ttl {
    width:340px;
    }
    
    .info-top-inner{
    padding: 200px 4% 0px;
    font-size:0.9em;
    height:300px;
    }
}
.info-content {
text-align:left;
margin-top:50px;
}
.info-content h3 {

    border-bottom: 3px solid #f5a;
    padding: 10px 5px 5px 16px;
    color: #666;
    background: #fff;
    margin: 0 0 10px 0;
    font-size: 19px;

}
.info-content h4 {
    border-left: 15px solid #f5a;
    border-bottom: 3px solid #f5a;
    color: #666;
    margin: 0 0 5px 0;
    padding: 5px 5px 5px 16px;
    font-size: 17px;
}
.info-koukou {
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display: -webkit-flex; /* Safari */
display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
    -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
}
@media only screen and (max-width: 481px) {
.info-koukou {
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display: -webkit-flex; /* Safari */
display: flex;
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
 }
}
.ul-koukou li {
width:100%;
padding:5px 20px;
}
.ul-koukou li a {
color:#112b4c;
}
.ul-koukou li a:hover {
color:#f5a;
}
.ul-koukou li:nth-child(2n+1) {  
   background-color: #fff;
}
.ul-koukou li:nth-child(2n) {    
   background-color: #fbfbfb;
}
.high-s-link {
font-size:0.8em;
padding:20px 0;
}

.kaijo table{
width:100%;
margin-bottom: 50px;
}
.kaijo tr {
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display: -webkit-flex; /* Safari */
display: flex;
    -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
      padding: .5em 0 .7em 2em;
      border-bottom: 1px solid #eee;
}
.kaijo th{
width:100%;
border:none;
padding:5px 0 0 0;
font-size: 1.2em;
}
.kaijo td{
border:none;
padding:5px 0 0 0;
}
.kaijo {
color:#333;
margin:0 auto;
text-align:left;
font-size:0.9em;
}

@media only screen and (min-width: 1280px) {
 .kaijo {
font-size:1em;
 }
}

@media only screen and (max-width: 481px) {
 .kaijo {
  font-size:0.8em;
 width:100%;
 padding-left:0%;
 }
}