@charset "utf-8";

  
body #mainContent .sTitle {
  font-size:23px;
}
body #mainContent .user {
    color: #4e6a89;
  font-weight:bold;
}

.sttl{
  font-weight:bold;
  font-size: 14px;
  background: #ccc;
  color:#fff;
  padding:8px 8px 6px 12px;
}
@media only screen and (max-width:640px) {
  .sttl{
    font-size: 13px;
  }
}

/*------------
共通
-------------*/
.bttl{
  font-size: 14px;
  font-weight:bold;
  margin-top:30px;
}
/*image*/
.image{
  margin-top: 30px;
}

/*lineBox*/
.lineBox{
  border:solid 1px #f0f2f3;
  padding:30px; 
  margin-top: 30px;
}

/*clmBlock*/
.clmBlock{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content: space-between;
}
.clmBlock.change{
  -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction: row-reverse;
}
.clmBlock .clmBlock-text {
  width: 62.1162790698%;
}
.clmBlock .clmBlock-ph {
  width: 34.883720930232556%; 
  margin-left:3%;
}
.clmBlock.clm2 .clm{
  /*width: 48.837209302325576%;*/
}
.clmBlock.clm2 .clm:nth-child(n+2){
  /*margin-left: 2.3255813953%;*/
}
.clmBlock + .clmBlock{
  margin-top: 30px;
}
@media only screen and (max-width:640px) {
  .clmBlock{
    display: block;
  }
  .clmBlock .clmBlock-text  {
    width: 100%;
  }
  .clmBlock .clmBlock-ph {
    width: 100%;
    margin-left:0;
    margin-top: 20px;
  }
  .clmBlock.clm2 .clm{
    width: 100%;
  }
  .clmBlock.clm2 .clm:nth-child(n+2){
    margin-left: 0;
    margin-top: 20px;
  }
}



/*------------
section-01
-------------*/
.bukkenOutline table{
  width: 100%;
  background: #f0f2f3;
  margin-top: 20px;
  font-size: 13px;
}
.bukkenOutline table th,
.bukkenOutline table td{
  background: #fff;
  padding:5px 10px;
  box-sizing: border-box;
  text-align: center;
}
.bukkenOutline table th{
  background: #f9f9f9;
}
.bukkenOutline table td{
}
@media only screen and (max-width:640px) {
  .bukkenOutline table{
    font-size: 12px;
  }
}

/*------------
section-03
-------------*/
.section-03 .bukkenOutline table th,
.section-03 .bukkenOutline table td{
  text-align: left;
  padding:5px 15px;
}
@media only screen and (max-width:640px) {
  .section-03 .bukkenOutline table th,
  .section-03 .bukkenOutline table td{
    display: block;
    padding:10px 15px;
  }
}