@media screen and (max-width: 414px) {
html{
  height:100%;
}
body {
  height:100%;
position: fixed;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  background-image:url("../img/about_bg.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:right top;
  background-color:#28211a;
}
  
#whitein{
  height:100%;
}



.m_text{
  margin-bottom:10%;
  height:1.3%;
}
  
.m_text_long{
  margin-bottom:10%;
  height:1.7%;
}

.m_logo{
  margin-top:15%;
  margin-bottom:30%;
  height:3%;
}

.tr{
width:22%;
height:100%;
z-index:3;
position:absolute;
cursor: pointer;
}
.sidemenu_close{
width:75%;
height:100%;
z-index:3;
position:absolute;
margin-left:22%;
}
/*ｺｸ･皈ﾋ･蝪ｼend*/
  
#content{
width:90%;
text-align:left;
letter-spacing: 0.5em;
z-index:4;
padding-top:7%;
margin-left:10%;
    position:absolute;
  z-index:90;
}
  
.sp1{
font-size:11px;
letter-spacing: 0.2em;
line-height:2em;
color:#000;
font-weight: normal;
margin-bottom: 10px;
}
  
.sp2{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#000;
padding: 10px 0 10px 0;
border-top: 1px dotted #000;
}
.image_photo{
width:300px;
margin:0 auto;
padding-bottom:10px;
}
  
.sp3{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#000;
padding: 10px 0 10px 0;
border-bottom: 1px dotted #000;
}
.sp3_end{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#000;
padding: 10px 0 10px 0;
}
.pc_right img{
width:300px;
margin: 0 auto;
}
.face{
margin: 5px auto;
width:160px;
}
.face2{
margin: 5px auto;
width:135px;
}
.inin{
background-color:#FFF;
padding:5px;
}
#iWrap{
    /*margin:0 auto;
    padding: 7px;
    width: 300px;
    border: 1px solid #333;*/
}
#iWrap h3{
    margin:10px auto;
    padding: 5px;
    background-color:#13224D;
    color:#FFF;
    cursor: pointer;
    width:200px;
font-weight: normal;
font-size: 10px;
text-align: center;
}
#iWrap h3:hover{
    background-color:#203C8B;
}
#iWrap div{
    padding:5px;
}
#iWrap div ul{
    margin:0 3px;
    padding:0;
}
#iWrap div li{
    line-height:1.2em;
    list-style:none;
}


.ttl{
/*  float:left;
height:78px;
width:154px;
background-image:url(http://img14.shop-pro.jp/PA01304/682/etc/ttl_about0.png?20150402214646);
background-size:154px 78px;
background-repeat:no-repeat;*/
}

.detail{
  width:90%;
  /*float:left;*/
  margin-left:10px;
  /*margin-top:35%;*/
  margin-bottom:90px;
}

.poli{
  text-align:left;
  letter-spacing: 0.2em;
  width:82%;
  background-color: rgba(255,255,255,0.5);
  padding:5%;
  margin-top:10%;
}

.poli h2{
  font-size:0.5em;
}

.sk_box{
  font-size:0.4em;
  letter-spacing: 0.1em;
}
}
@media screen and (min-width: 415px) {
html{
  height:100%;
}
body {
  height:auto;
  min-height: 100%;!important;
/*position:relative;*/
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  background-image:url("../img/about_bg.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:right bottom;
  background-color:#28211a;
animation-duration: 0.5s;
      animation-name: fade-in;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: fade-in;
}
  
#whitein{
  height:auto;
  min-height: 100%;
}
  
#whitein > #content {
height: auto;
}

.sidemenu1 > body {
height: auto;
}
  
#content{
width:75%;
min-width:520px;
margin-left:20%;
text-align:left;
letter-spacing: 0.5em;
z-index:4;
padding-top:7%;
position:absolute;
  z-index:90;
}

.ttl{
/*  float:left;
height:78px;
width:154px;
background-image:url(http://img14.shop-pro.jp/PA01304/682/etc/ttl_about02.png?20150402214718);
background-size:154px 78px;
background-repeat:no-repeat;
padding-right:50px;*/
}

.detail{
  /*width:52%;
  float:left;
  margin-left:210px;
  padding-top:9%;*/
  padding-bottom:90px;
}
  
#content > .detail {
height: auto;
}

.pc_left{
width: 52%;
float:left;
}
.pc_right{
padding-top: 50px;
margin-left: 20px;
float: left;
}
.pc_right img{
width:300px;
}
  
.sp1{
font-size:13px;
letter-spacing: 0.2em;
line-height:2em;
color:#000;
font-weight: normal;
margin-bottom:40px;
}
  
.sp2{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#000;
margin-top: 10px;
padding: 10px 0 10px 0;
border-top: 1px dotted #000;
}

.image_photo{
width:280px;
margin-left:10px;
}
  
.sp3{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#000;
padding: 10px 0 10px 0;
border-bottom: 1px dotted #000;
}
.sp3_end{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#000;
padding: 10px 0 10px 0;

}
.face{
float:left;
width:210px;
}
.face2{
float:left;
width: 135px;
margin: 0 38px;
}
.inin{
background-color:#FFF;
padding:10px;
}
.inin_end{
padding-left:200px;
}
#iWrap{
    /*margin:0 auto;
    padding: 7px;
    width: 300px;
    border: 1px solid #333;*/
}
#iWrap h3{
margin-left: 50px;
padding: 1px;
background-color: #13224D;
color: #FFF;
cursor: pointer;
width: 100px;
font-weight: normal;
font-size: 10px;
text-align: center;
}
#iWrap h3:hover{
    background-color:#203C8B;
}
#iWrap div{
    padding:5px;
}
#iWrap div ul{
    margin:0 3px;
    padding:0;
}
#iWrap div li{
    line-height:1.2em;
    list-style:none;
}


.poli{
  text-align:left;
  letter-spacing: 0.2em;
  width:82%;
  background-color: rgba(255,255,255,0.5);
  padding:5%;
  margin-top:10%;
}

.poli h2{
  font-size:0.5em;
}

.sk_box{
  font-size:0.4em;
  letter-spacing: 0.1em;
}
  



.m_text{
  margin-bottom:10%;
  height:1.3%;
}
  
.m_text_long{
  margin-bottom:10%;
  height:1.7%;
}

.m_logo{
  margin-top:15%;
  margin-bottom:30%;
  height:3%;
}

.tr{
width:22%;
height:100%;
z-index:3;
position:absolute;
cursor: pointer;
}
.sidemenu_close{
width:75%;
height:100%;
z-index:3;
position:absolute;
margin-left:22%;
}
  

}