.e-e{padding-right:4px;}
.b-b{padding-right:16px;}
.msgs-update{
  font-size:14px;
  color:#ccc;
}
.msgs-t{
  font-size:34px;
  padding:0 0 10px 0 !important;
}
.msgs-text1{
  font-size:26px;
  color:#333;
}

.msgs002 {
  /*background: url(../images/messages/001.jpg)no-repeat top center;
  height: 470px;*/
  background-size: cover;
}
.msgs003 {
  background: url(../images/messages/003.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs004 {
  background: url(../images/messages/004.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs005 {
  background: url(../images/messages/005.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs006 {
  background: url(../images/messages/16-02.png)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs007 {
  background: url(../images/messages/007.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs008 {
  background: url(../images/messages/008.png)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs009 {
  background: url(../images/messages/009.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs010 {
  background: url(../images/messages/010.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs011 {
  background: url(../images/messages/011.png)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs012 {
  background: url(../images/messages/012.png)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs013 {
  background: url(../images/messages/013.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs014 {
  background: url(../images/messages/014.png)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs015 {
  background: url(../images/messages/014.png)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs016 {
  background: url(../images/messages/016.png)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs017 {
  background: url(../images/messages/017.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}
.msgs018 {
  background: url(../images/messages/015-2.jpg)no-repeat top center;
  height: 600px;
  background-size: cover;
}

.msgs-kakomi{
  margin: 70px 0;
  padding: 3px;
  border: none;
  background: url(../images/bg-outside.gif);
}
.msgs-kakomi2{
  padding: 100px;
  background-color: #fcfcfc;
}

.msgs-box_l01 {
  float:left;
  width:30%;
}
.msgs-box_r01 {
  float:right;
  width:69%;
}
.msgs-name {
  font-size:14px;
  font-weight:bold;
}
.msgs-menu li{
    width: 280px;
    height: 420px;
    overflow: hidden;
    position: relative;
    float: left;
    border: 5px solid #fff;
    background: #eee;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin: 0 4px 20px 0;
    -webkit-transition: all 1200ms linear;
    -moz-transition: all 1200ms linear;
    -o-transition: all 1200ms linear;
    -ms-transition: all 1200ms linear;
    transition: all 1200ms linear;
}
.msgs-menu li:last-child{
    margin-right: 0px;
}
.msgs-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.msgs-icon{
    font-family: 'WebSymbolsRegular', cursive;
    color: #c5e4f4;
    font-size: 90px;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.7);
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 1600ms linear;
    -moz-transition: all 1600ms linear;
    -o-transition: all 1600ms linear;
    -ms-transition: all 1600ms linear;
    transition: all 1600ms linear;
}
.msgs-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 68%;
}
.msgs-main{
    font-size: 12px;
    color: #333;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;
}
.msgs-sub{
    text-align:center;
    font-size: 14px;
    color: #666;
    opacity: 0.8;
    -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;
}
.msgs-img{
  width:100%;
}
.msgs-staffname{
  font-size:16px;
  margin: 0;
  text-align:center;
}
.msgs-cs{
  font-size:28px;
  margin-bottom: 30px;
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #d71718;/*上線*/
  border-bottom: solid 3px #d71718;/*下線*/
}
h6.msgs-t6 {
  font-size:22px;
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin-bottom: 60px;
}

h6.msgs-t6:before, h6.msgs-t6:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
h6.msgs-t6:before {
  left:0;
}
h6.msgs-t6:after {
  right: 0;
}
h7 {
  font-size: 20px;
  color: #333333;
  margin: 10px 0 15px 0;
  position: relative;
  padding-left: 5px;
  padding-bottom: 10px;
}
h7:before {
    border-bottom: solid 3px #CD0601;
    width: 30%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    content: "";
}
h7:after {
  border-bottom: solid 3px #999999;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
}

.msgs-menu li:hover{
    background-color: #fff;
}
.msgs-menu li:hover .msgs-icon{
    text-shadow: 0px 0px 20px #c5e4f4;
    color: transparent;
    -webkit-animation: moveFromTop 1600ms ease;
    -moz-animation: moveFromTop 1600ms ease;
    -ms-animation: moveFromTop 1600ms ease;
}
.msgs-menu li:hover .msgs-main{
    color: #000;
    -webkit-animation: moveFromTop 1200ms ease;
    -moz-animation: moveFromTop 1200ms ease;
    -ms-animation: moveFromTop 1200ms ease;
}
.msgs-menu li:hover .msgs-sub{
    color: #000;
    -webkit-animation: moveFromBottom 1000ms ease;
    -moz-animation: moveFromBottom 1000ms ease;
    -ms-animation: moveFromBottom 1000ms ease;
}
@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-300%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-300%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-300%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}



/* PC用モニター幅9660px以上*/
@media only screen and (min-width:660px){
.msgs001 {
  margin-top: -100px;
  width: 100%;
  min-width: 1180px;
}
}
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* スマホ縦(ポートレート)モニター幅480px以下
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media only screen and (max-width:480px){
#wrapper{padding:0;}
#content{padding:0;}
.pico_body {
  margin: 0;
  padding:0;
}
#messages_body {
  padding: 0 10px;
}
.msgs001 {
  margin-top: 0;
  max-width: 1180px;
}
.msgs002 {
  background-size: contain;
  height: 200px;
}
.msgs003,.msgs004,.msgs005,.msgs006,.msgs007,.msgs008,.msgs009,.msgs010,.msgs011,.msgs012,.msgs013 {
  background-size: contain;
  height: 160px;
}
.msgs-box_l01,.msgs-box_l01 {
  float: none;
  width: 100%;
  text-align: center;
}
.msgs-box_r01 {
  float: none;
  width: 100%;
}
.msgs-menu li{
  width: 100%;
  height: 490px;
}
.msgs-content {
  top: 75%;
}
.msgs-t {
  font-size: 24px;
}
.msgs-text1 {
  font-size: 18px;
}
.msgs-kakomi2 {
  padding: 15px;
}
.msgs-menu li{
  height: 430px;
}
.msgs-content {
  top: 72%;
}
.msgs-img {
  width: 300px;
}

}