/* ------------------------------------------------------------------------
    loader
------------------------------------------------------------------------  */
.loader_character{
  right: 0;
  top: 15vw;
  display: block;
}
.loader_text{
  bottom: 16vh;
  display: block;
  top: auto;
  right: 0;
  left: 0;
  margin: auto;
}
@keyframes loader_text {
  0% {
    width: 20vw;
    transform:rotate(0);
    opacity: 1;    
  }

  100%{
    width: 73vw;
    transform:rotate(360deg);    
    opacity: 1;
  }
}
@keyframes loader_character {
  0% {
    width: 30vw;
    right: -30vw;
    opacity: 0;
  }
  100%{
    width: 102vw;
    right: 0;    
    top: 3vw;
    opacity: 1;
  }
}


/* ------------------------------------------------------------------------
    01 main image
------------------------------------------------------------------------  */

/* ------------------------------------------------------------------------
    02_1 about hello
------------------------------------------------------------------------  */
#about_hello > .content {
    padding-top: 45px;
    padding-bottom: 45px;
}

#about_hello ul {
    margin: auto;
    width: 290px;
}
#about_hello li {
    float: none;
    padding-left: 0;
    padding-bottom: 20px;
}

#about_hello .image {
    float: none;
    margin-left: 0;
    width: auto;
}

#about_hello .title {
    padding-top: 20px;
}

#about_hello .sample_link {
    padding-top: 0;
    margin-top: -20px;
}

/* ------------------------------------------------------------------------
    03_1 about team
------------------------------------------------------------------------  */
#about_team > .content {
    padding-top: 45px;
    padding-bottom: 45px;
}

.common_section#about_team section {
    padding: 0;
    margin-bottom: 40px;
}

.common_section#about_team .avatar {
    position: relative;
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    margin-bottom: 20px;
}

.common_section#about_team .avatar .img {
    width: 110px;
    border-radius: 55px;
}

.common_section#about_team .team h3 {
    margin-left: 140px;
    padding-top: 20px;
}

.common_section#about_team .team .post {
    margin-left: 140px;
}

.common_section#about_team .team .post br{
    display: none;
}

.common_section#about_team .team .title {
    clear: left;
    position: static;
    margin-left: 0;
    padding-left: 0;
}

/*------------------------------------------------------------------------
    04_2 about works
------------------------------------------------------------------------  */


.common_section#about_works h2 { 
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: left; 
    padding-bottom: 50px;
}

.common_section#about_works .prev_button,
.common_section#about_works .next_button {
    display: none;
}

.common_section#about_works .slide　{
	width:100%;
}

.common_section#about_works .slide li {
    width: 100%;
    padding: 10px;
}

.common_section#about_works .slide ul {
    width: 100%; /*(work幅300 + padding 30) * 作品数*/
}

.common_section#about_works .slide .title {
    color: #66C4D0;
    padding: 20px 0 10px 0;
}

.common_section#about_works .awards {
    margin-top: 1em;
    font-size: 10px;
    color: #999999;
}


/* ------------------------------------------------------------------------
    05_2 inquiry
------------------------------------------------------------------------  */
.common_section#about_inquiry { 
    background-image: url('../img/05_2_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
}

.common_section#about_inquiry > .content {
    height: auto;
	width: 90%;
	margin: 0;
}

.common_section#about_inquiry .mail_button {
    position: static;
}

.common_section#about_inquiry .title {
    position: static;
    padding-bottom: 40px;
}
.common_section .inquiry_text{
	margin-top: 20px;
}

/* ------------------------------------------------------------------------
    06 about recruit
------------------------------------------------------------------------  */
.common_section#about_recruit { 
    background-image: url('../img/06_2_bg_s.jpg');
	background-size: auto;
}
.common_section#about_recruit dl dd {
	margin-left: -10px;
}

.common_section#about_recruit .event_text {
    width: 90%;
	margin: auto;
	text-align: left;
}


/* ------------------------------------------------------------------------
    topへ戻るボタン
------------------------------------------------------------------------  */

#page_top{
  right: 0;
  bottom: 0;
}