@charset "UTF-8";

/*メインイラスト*/

.mainIlust{
    position: relative;
	margin-bottom:1.5rem;
}
.point1{
    width: 25%;
    position: absolute;
    top: 38.666666666666664%;
    left:9.3751%;
}
.point2{
    width: 25%;
    position: absolute;
    top:10.25%;
    left: 37.34375%;
}
.point3{
    width: 25%;
    position: absolute;
    top: 44%;
    left: 65.625%;
}
.point4{
    width: 25%;
    position: absolute;
    top: 71.46666666666667%;
    left: 37.34375%;
}


/*コンテンツナビゲーション*/

.contentsTab {
    width: 87.5%;
    padding: 0 6.25%;
    display: -webkit-box; /* Android 2~4 */
    -webkit-box-orient: horizontal; /* Android 2~4 */
    -webkit-box-pack: justify; /* Android 2~4 */
    -webkit-box-lines: single; /* Android 2~4 */
    -webkit-box-align: center; /* Android 2~4 */
    display: -webkit-flex; /*Old Safari*/
    -webkit-flex-direction:row; /*Old Safari*/
    -webkit-flex-wrap: nowrap; /*Old Safari*/
    -webkit-justify-content: space-between; /*Old Safari*/
    -webkit-align-items: center; /*Old Safari*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
	margin-bottom:1.5rem;
}
.contentsMenu{
    width: 23.392857142857142%;
	height: 0;
    margin-right:1.875%;
	text-indent: -9999px; /* テキストをふっとばす */  
text-decoration: none;  
display: block;   
padding-top:20%;
}
.contentsMenu:last-child{margin-right:0;}

.contentsMenu--1{background: url(../images/work/main_tab1.png) no-repeat ;background-size:100%;}
.contentsMenu--2{background: url(../images/work/main_tab2.png) no-repeat ;background-size:100%;}
.contentsMenu--3{background: url(../images/work/main_tab3.png) no-repeat ;background-size:100%;}
.contentsMenu--4{background: url(../images/work/main_tab4.png) no-repeat ;background-size:100%;}

.contentsTab div.contentsMenu--1.active{background: url(../images/work/main_tab1_active.png) no-repeat ;background-size:100%;}
.contentsTab div.contentsMenu--2.active{background: url(../images/work/main_tab2_active.png) no-repeat ;background-size:100%;}
.contentsTab div.contentsMenu--3.active{background: url(../images/work/main_tab3_active.png) no-repeat ;background-size:100%;}
.contentsTab div.contentsMenu--4.active{background: url(../images/work/main_tab4_active.png) no-repeat ;background-size:100%;}


/*タブコンテンツ*/

.profileSet {
    display: -webkit-box; /* Android 2~4 */
    -webkit-box-lines: multiple; /* Android 2~4 */
    -webkit-box-pack: justify; /* Android 2~4 */
    -webkit-box-align: center; /* Android 2~4 */
    display: -webkit-flex; /*Old Safari*/
    -webkit-flex-wrap: wrap; /*Old Safari*/
    -webkit-justify-content: center; /*Old Safari*/
    -webkit-align-items: center; /*Old Safari*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
	margin-bottom:1.5rem;

}
.photo{
    width: 41%;
}
.profile{
    display: -webkit-box; /* Android 2~4 */
    -webkit-box-orient: vertical; /* Android 2~4 */
    -webkit-box-pack: justify; /* Android 2~4 */
    display: -webkit-flex; /*Old Safari*/
    -webkit-flex-direction: column; /*Old Safari*/
    -webkit-justify-content: center; /*Old Safari*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 52%;
}
.name{
    margin-bottom: 0.5em;
    font-size: 1.4rem;
    font-weight: bold;
}
.post{
    font-size: 0.83rem;
}

.staff--name--green{color:#8ebe79;}
.staff--name--blue{color:#5fbec1;}
.staff--name--purple{color:#bb86c5;}
.staff--name--green2{color:#5fc192;}
.staff--spec{font-size:85%;color:#666;}

.staff--p{margin-bottom:2rem;}


section.tabContents {
    clear: both;
    display: none;
}
section.active {
    display: block;
}