.social_pc{
  display: none;
}
.social_sp{
  /*margin: 5px 0;*/
  display: block;
}
/*.social_sp p{
  padding-left: 5px;
  display: inline-block;
}*/
.hide_sp{
  display: none!important;
}
.hide_pc{
  display: block!important;
}
.container{
padding: 0;
margin: 0;
	max-width: 100%;
}
html{
    width: 100%;}
body{
width: 100%;}
div>img,
p>img,
a>img{
	max-width: 100%;
}
.ninja_onebutton>div{
  display: none;
}
.sec_sns div span{
  display: block;
  padding: 4px 8px; 
  text-align: left;
  font-size: 80%;
}
.sec_01 .row_01{
	background-size: 100%;
  height: auto;
}
.sec_01 .img_01{
  margin: -2px auto 0;
  width: 90px;
  display: table;
}
.sec_01 .img_01 a:first-child{
  display: table-cell;
  width: 42px;
}
.sec_01 .img_01 a:last-child{
  display: table-cell;
  width: 48px;
}
.sec_01 .img_01 a{
  display: table-cell;
}
.sec_01 .img_01 a img{
  width: 100%;
}
.sec_01 .img_02{
  margin: 9% 30% 40%;
  height: 7%;
}
.sec_01 .row_02 p {
  margin-bottom: 2%;
}
.sec_01 .img_02 img{
  width: 100%;
}
.sec_02 .row_01{
  padding: 10px 0;
}
.sec_02 .row_02{
  padding: 5%;
}
.sec_02 .row_02 p{
  padding-bottom: 4%;
}
.sec_02 .row_02 p:last-child{
  margin: 11% 0 11%;
}
.sec_03 .row_01 {
  background: url(../img//beams/bg_c04.png) 0 0 no-repeat;
  background-size: 100% 100%;
  height: 100%;
  padding-bottom: 100%;
  position: relative;
  margin-bottom: -5%;
}
.sec_03 .row_01 .img_01 {
  top: -5%;
  width: 80%;
  left: 5%;
}
.sec_03 .row_01 .img_02 {
  top: 20%;
  width: 28%;
  left: 5%;
}
.sec_03 .row_01 .img_03 {
  top: 20%;
  width: 70%;
  right: 5%;
}
.sec_03 .row_02 img{
  width: 40%;
  height: auto;
}
.sec_03 .row_03{
  /*display: table;*/
  display: block;
  /*top: -80%;*/
}
.sec_03 .row_03 p{
  display: inline-block;
  width: 48%;
  /*position: relative;   */
}
.sec_03 .row_03 p a{
  display: inline-block;
}
.sec_03 .row_03 p img{
  display: inline-block;
  width: 100%;
}
/*.sec_03 .row_03>p span {
  position: relative;
  margin-top: 0;
}
.sec_03 .row_03>p span img{
  width: 100%;
  height: auto;
}*/
.sec_03 .row_05{
  min-height: 340px;  
}
.sec_03 .row_05 p {
  font-size: 70%;
  margin: 3% 3% 90% 3%;
  padding: 0;
}
.sec_03 .row_06 p {
  position: absolute;
  left: 25%;
  bottom: 0;
  width: 50%;
}
.sec_03 .row_07 {
  padding: 15px 20%;
}
.sec_03 .row_07 img{
  width: 100%;
}
.sec_03 .row_09{
  font-size: 90%;
}
.sec_04 .row_01 {
  margin: 8% auto;
  background: #f2e6d2;
}
.sec_04 .flexslider {
  margin: 5% auto;
  width: 90%;
}
.sec_04 .flex-direction-nav{
  z-index: 100;
}
.sec_04 .flex-direction-nav a{
  z-index: 1000;
  top: 43%;
    /*bottom: 2%;*/
    overflow: hidden;
    height: 40px;
    width: 40px;
/*}*/}
.sec_04 .flex-direction-nav .flex-nav-prev a{
    left: -6%;
    text-indent: -3000px;
background: url(../img//beams/i_back.png) 0 0 no-repeat;
background-size: 100% 100%;  
}
.sec_04 .flex-direction-nav .flex-nav-next a{
    right: -6%;
    text-indent: 3000px;
background: url(../img//beams/i_next.png) 0 0 no-repeat; 
background-size: 100% 100%;   
}
.sec_04 .flex-viewport{
/*background: url(../img//beams/img_sp01.png) 0 100% no-repeat; */
/*background-size: 100% auto;*/
  /*padding: 0 0 29%;*/
}
.sec_05 .row_01 {
  margin-top: 5%;
}
.sec_05 .row_01 img{
  width: 30%;
}
#cboxLoadedContent .cboxPhoto{
  max-width: 90%;
  height: auto;
}
.sp_footer section>div:first-child{
  margin-bottom: 17px;
}