@charset "utf-8";

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


/*logoBox*/
.logoBox{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
  -webkit-align-items: center; /* Safari */
  align-items: center;
}
.logoBox li{
  line-height:1;
}
.logoBox li:nth-child(n+2){
  margin-left:25px;
}
.logoBox li:nth-child(n+2):before{
  content:'×';
  font-size:22px;
  padding-right:25px;  
  line-height: 2;
}
@media only screen and (max-width:640px) {
  .logoBox{
    display: block;
  }
  .logoBox li{
    text-align:center;
    position:relative; 
  }
  #clmContent .logoBox li:first-child img{
    width:150px;
  }
  #clmContent .logoBox li:nth-child(2) img{
    width:132px;
  }
  #clmContent .logoBox li:last-child img{
    width:143px;
  }
  .logoBox li:nth-child(n+2){
    margin-left:0;
    padding-top:40px;
  }
  .logoBox li:nth-child(n+2):before{
    padding-right:0;
    position:absolute;
    left:0;
    right:0;
    top:0;
    margin:auto;
  }
}

/*mainVis*/
.mainVis .bBox{
  margin-bottom:40px;
}
.section-01 .clmBlock{
  -webkit-justify-content: flex-start; /* Safari */
  justify-content: flex-start;
  margin:20px 0 50px;
}
.section-01 .clmBlock .clm:nth-child(n+2){
  margin-left:35px
}
.section-01 .clmBlock .clm p{
  font-size:13px;
}
.section-01 .address{
  margin-top:40px;
}
@media only screen and (max-width:640px) {
  .section-01 .clmBlock .clm:nth-child(n+2){
    margin-left:0;
    margin-top: 20px;
  }
  .section-01 .clmBlock .clm{
    width:100%;
    height:100px;
    position: relative;
    overflow: hidden;
  }
  .section-01 .clmBlock .clm img{
    position: absolute;
    top:50%; /* または200px(heightの半分) */
    left: 50%; /* この値を変更すると左右に位置をずらせる */
    transform: translate(-50%, -50%);
  }
}


/*clmBlock*/
.clmBlock{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
  -webkit-align-items: center; /* Safari */
  align-items: center;
}
.clmBlock.change{
  -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction: row-reverse;
}
.clmBlock .clmBlock-text {
  width: 68%;
}
.clmBlock .clmBlock-ph {
  width: 29%; 
  margin-right:3%;
}
@media only screen and (max-width:640px) {
  .clmBlock{
    display: block;
  }
  .clmBlock .clmBlock-text  {
    width: 100%;
  }
  .clmBlock .clmBlock-ph {
    width: 100%;
    margin-right:0;
    margin-bottom: 20px;
  }
  .section-02{
    margin-bottom: 50px;
  }
}

/*bgGray*/
.bgGray{
  background:#f0f2f3;
  padding:20px;
  box-sizing:border-box;
}