@media screen and (max-width: 750px){
  .gr3-header .sns-wrap {
    bottom: 999999px;
   
  }
  .gr3-header .sns-wrap.fixed{
    bottom: 999999px;
  }
}
@media screen and (max-width: 750px) {
  .only-pc {
    display: none !important; }

  .only-spi {
    display: inline-block !important; } }
@media screen and (min-width: 751px) {
  .only-sp {
    display: none !important; }

  .only-spi {
    display: none !important; } }
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  clear: both; }
.section03 .con p a{
  color:#fff !important;
}
.content-wrap {
  background: #5c5b59 !important; }


@media screen and (max-width: 750px){
  #main{
    padding:0px 0;
  }
  #main .rim-tpl-inner-wrap{
    padding:10px;
  }
}

#main .main-inner .page-title{
  font-size: 60px;
  text-align: center;
  margin:0px 0 30px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
}
#main .main-inner .page-title strong{
  font-weight: 400;
}
@media screen and (max-width: 750px){
  #main .main-inner .page-title{
      font-size: 8.6666vw;
      margin:0px 0 15px;
  }
}

#main .main-inner .section{
  padding-top: 120px;
  padding-bottom: 180px;
  /*border-bottom: 2px solid #ccc;*/
  margin-bottom: 5px;
  /*background:url("../img/bg-section.png") no-repeat center top;*/
}
#main .main-inner .section .con {
  padding-top: 50px;
 }
@media screen and (max-width: 750px) {
  #main .main-inner .section{
    padding-bottom: 20px;
     padding-top: 80px;
     background:url("../img/bg-section.png") no-repeat center top;
     background-size: 160%;
  }
  #main .main-inner .section .con {
    padding-top: 8vw;
    padding-bottom: 8vw;
    }
}

@media screen and (min-width: 751px){
  #main .main-inner .section .con ul{
    display: -webkit-flex;
    display: flex;
    /*-webkit-flex-wrap: wrap;
    flex-wrap: wrap;*/
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
#main .main-inner .section .con ul li{
  float: left;
  width: 310px;
}
#main .main-inner .section .con ul li a img{
  width: 100%;
}
@media screen and (max-width: 750px){
  #main .main-inner .section .con ul li{
    width: 100%;
    margin-bottom: 30px;
  }
  #main .main-inner .section .con ul li.first{
    width: 100%;
  }
}
#main .main-inner .section .con ul li .txt{
  /*word-break: break-all;*/
  overflow-wrap: break-word;
  word-wrap: break-word;
  letter-spacing: 0.05em;
}

#main .main-inner .section .con .logo{
  
  display: inline-block;
  margin-left:auto;
  margin-right:auto;
  margin-top: 15px;
  margin-bottom: 15px;

}
#main .main-inner .section .con .logo-txt{

  font-size: 22px;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
}
#main .main-inner .section .con .logo .new{
  color: #00a0c9;
  font-size: 14px;
}
#main .main-inner .section .con .logo img{
    width: auto;
  margin-bottom: 8px;
  margin-top: 5px;
  height: 22px
}
@media screen and (max-width: 750px){
  #main .main-inner .section .con .logo{
    width:84%;
    margin-bottom: 10px;
    font-size: 9vw;
    height: auto;


  }
  #main .main-inner .section .con .logo-txt{
    width: 100%;
    text-align: left;
  }
  #main .main-inner .section .con .logo img{
    width:100%;
    height: auto;
  }
  #main .main-inner .section .con .logo .new{
    font-size: 12px;
  }
}
.section .con .txt{
  font-size: 15px;
  text-align: left;
}
.section .con .note{
  display: inline-block;
  margin-top: 5px;
  font-size: 12px !important;
  text-align: left;
}
#main .main-inner{
  padding-top:0px;
  padding-bottom: 30px;
}
@media screen and (max-width: 751px){
  #main .main-inner{
  padding-top:0px;
  padding-bottom: 4vw;
} 
}