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

/*image*/
.image{
  margin-top: 30px;
}

/*------------
section-01
-------------*/

@media only screen and (max-width:640px) {
}
/*------------
section-02
-------------*/
@media only screen and (max-width:640px) {
}

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

/*clmBlock*/
.clmBlock{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
}
.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;
  }
}