/*Terms of service*/
.mb15 {
    margin-bottom: 15px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb15 h3,.mb30 h3,.beginner h3{
    color: #e9537d;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 14px;
}
/*END OF TERMS OD SERVICE*/

/*WELCOME TO METAMORPHOSE*/
.beginner {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #F3ACC8;
}

.beginner ul li::before {
    content: " ● ";
    color: rgb(244, 205, 217);
    text-decoration: none;
}

.beginner ul li.circle {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.beginner .concept {
    padding: 10px 2%;
    border: 1px solid #e9537d;
}

.beginner .design {
    line-height: 1.8em;
}
.mb10 {
    margin-bottom: 10px !important;
}

.beginner .design>.fl {
    width: 40%;
}

.beginner .design>.fr {
    width: 60%;
}

.fl {
    float: left;
    margin: 0px;
    width: 50%;
    padding-right: 2%;
}

.fr {
    float: right;
    margin: 0px;
    width: 50%;
    padding-right: 2%;
}

.beginner .design .metamo {
    background: url(https://s3.ap-northeast-1.amazonaws.com/metamorphbucket/stg/s3fs-public/basic_page/beginner/meta_frame.png) 0 0 no-repeat,#fff;
    background-size: contain;
    background-position: center;
    padding: 10px;
    border: 1px solid #F3ACC8;
}

.beginner .design .cl {
    background: url(https://s3.ap-northeast-1.amazonaws.com/metamorphbucket/stg/s3fs-public/basic_page/beginner/cl_frame.png) 0 0 no-repeat,#fff;
    background-size: contain;
    background-position: center;
    padding: 10px;
    border: 1px solid #F3ACC8;
}

#history dt {
    display: inline-block;
    float: left;
    width: 20%;
}

#history dd {
    display: inline-block;
    overflow: hidden;
    width: 80%;
}

.fav_img{
	width: 31%;
    margin-right: 2%;
}

#contest dt {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 30%;
}
#contest dd {
    display: inline-block;
    overflow: hidden;
    width: 70%;
    margin-bottom: 10px;
}
/*END OF METAMORPHOSE*/

/*COMPANY*/
#company .clearfix {
    margin-bottom: 20px;
    line-height: 1.5em;
}
#company .txt_center {
    text-align: center;
    padding-bottom: 30px;
}


#company .fl {
    width: 20%;
}


#company .fr {
    width: 76%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: solid #f4cdd9 2px;
}

#company .character {
    float: left;
    width: 48%;
    padding: 0 1%;
    text-align: justify;
}
/*END OF COMPANY*/

/*ABOUT LINK */
#p_line{
    padding-top: 30px;
    border-top: solid #f4cdd9 3px;
}
/*END ABOUT LINK*/

/*PRIVACY*/
.direct_mail_title{
    color: #e9537d;
    font-weight: bold;
    margin-bottom: 10px;
    font-size:14px;
}

/*END OF PRIVACY*/



/* MOBILE beginner */

@media (max-width: 768px){
  #page-title h1 {
    padding: 5px 0 0 35px;
    margin: 0 auto;
  }
 .beginner .design .fl , .beginner .design .fr {
  width: 100%;
  margin-bottom: 10px;
 }

 /* 2014 contest entry */
 .contest_entry .aw{
   width: 33.33%;
 }
}