@charset "utf-8";

.non-img {
    width: 100%;
    float: left;
    position: relative;
	padding: 0 2.5%;
}

.non-img .img-head {
    position: relative;
    top: auto;
    transform: none;
    margin: 90px auto 60px;
}

img.messeage-top {
    margin: auto;
    display: block;
}

.lenfth-text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    color: #fff;
    top: -20px;
    right: 32%;
}

h2.bg-red span {
    background: #fc5b5b;
    padding: 10px 5px;
}

h2.bg-red {
    font-size: 28px;
}

.messeage-name {
    font-size: 28px;
    margin: 105px auto 0;
    padding: 0 20px 0 0;
	color: #555;
}

.messeage-name
 small {
    font-size: 16px;
}

img.message-vector {
    position: absolute;
    top: -240px;
    right: 16%;
    width: 19.3%;
}


.messeage-box {
    width: 100%;
    float: left;
    margin: 60px auto 0;
}

.messeage-01 {
    width: 100%;
    float: left;
    margin: 0 auto 30px;
}

h2.t-pink {
    color: #f9a9c4;
    font-size: 28px;
    line-height: 1.3;
}

ul.flow-list li {
    width: 100%;
    float: left;
	margin: 0 auto 40px;
}


.flow-list .half02 p,.flow-list .half01 p{
    text-align: left;
}

.top-name {
    font-size: 28px;
    font-family: 'Passion One', cursive;
    font-weight: 100;
    letter-spacing: 2px;
    color: #dedede;
    margin: 60px auto 0;
}

.top-name small {
    display: block;
    font-size: 10px;
}

.messeage-box strong {
    color: #ff4c88;
}

		    
@media (max-width: 1485px){
	.lenfth-text {
	  right: 26%;
 }
}

@media (max-width: 1355px){
.lenfth-text {
   right: 16%;
   top:-40px;
}

img.message-vector {
    right: 0;
    width: 25.3%;
}

}

@media (max-width: 991px){
 .non-img {
    margin: 50px auto 0;
}
}

@media (max-width: 800px){
.lenfth-text {
    top:-40px;
}
}

@media (max-width: 767px){
.non-img .img-head {
    margin: 60px auto 0px;
	z-index: 1;
}

img.message-vector {
    top: -140px;
    z-index: 0;
    width: 118px;
}

.messeage-box .half02 {
    margin: 0 auto 30px;
}

.text-center img{
  width: 50%;
  float: left;
  margin: 0 auto 0;
}

h2.t-pink {
    font-size: 24px;
}

}

@media (max-width: 500px){
.text-center img{
  width: auto;
  float: none;
}

.text-center img.m-10-0{
  margin: 10px auto 0;
}

}