@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
#wrapper{
    width:100%;
    margin: 0 auto;
    position: relative;
    }

header{
    position:relative;
    width:100%;
    }

/*ここからページトップボタン*/
#PageTopBtn{
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99999;
    width:50px;
    height: 50px;
    cursor:pointer;
}
/*ここまでページトップボタン*/

/*ここからGナビ（ページトップ時）*/
.logo{
    float: left;
    width: 120px;
    margin: 10px 50px 10px 10px;
}
.ul_menu{
    margin-right:20px;
}
.menu{
    float: right;
    width: 80px;
    height:45px;
    margin: 20px 5px 0px 5px;
    color:white;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
}
.menu a{
    color:white;
    text-decoration:none;
    }
.menu a:hover{
    color:orange;
    }
.head_no_link{color:#777;}
/*ここまでGナビ（ページトップ時）*/

/*ここから本章*/
#sec1{
    background: url("images/portfolio_file.jpg") no-repeat;
    background-size:cover;
    background-attachment: fixed;
    background-position: center;
    height:600px;
    z-index: 9;
    }
#page_title{
    text-align: center;
    padding-top: 140px;
    font-size: 32px;
    color: #73ebcf;
    line-height: 60px;
    }
.folio_lead{
    color:#fff;
    text-align:center;
    padding-top:100px;
    }

/*ここからページ内リンク*/
.link{
    width:320px;
    margin:42px auto;
}
.link li{
    line-height:1.5rem;
    text-align:center;
}
.link li a{
    color:#73ebcf;
}



/*ここからベタ*/
.naname{
    position: absolute;
    top:550px;
    width:0;
    height:0;
    border: solid 50px ;
    border-color: transparent transparent transparent #73ebcf;
    transform-origin: left top;
    transform: scale(3,1);
    z-index:999;
}
.sec1_beta{
    position:absolute;
    top:600px;
    width: 100%;
    height:4000px;
    background: #73ebcf;
}

/*ここからポートフォリオのブロック*/

.folio_block{
    width:809px;
    margin: 0px auto 0px;
    text-align: center;
    position: relative;
}
.janru_p{
    line-height: 32px;
    padding-top:50px;
}
.janru_eigo{
    font-family: "游明朝", "ＭＳ Ｐ明朝", "serif";
    font-style: italic;
    font-size: 32px;
    font-weight: bold;
    color:#333;
}
.janru_nihongo{
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "sans-serif";
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

/*ここから画像とキャプション*/
.gazou_txt_area{
    position: relative;
}
.folio_block p{
    color:#333;
    font-size:14px;
}

/*ここからキャッチコピー*/
.kyou_toku{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 280px;
    height: auto;
}
.kyou_toku_txt{
    position: absolute;
    top: 210px;
    left: 10px;
}

.kaumon{
    position: absolute;
    top: 10px;
    left: 320px;
    width: 220px;
    height: auto;
}
.kaumon_txt{
    position: absolute;
    top: 325px;
    left: 320px;
}

.cosme{
    position: absolute;
    top: 10px;
    left: 575px;
    width: 220px;
    height: auto;
}
.cosme_txt{
    position: absolute;
    top: 325px;
    left: 575px;
    text-align: left;
}

.henshin_b_bai{
    position: absolute;
    top: 380px;
    left: 10px;
    width: 300px;
    height: auto;
}
.henshin_b_bai_txt{
    position: absolute;
    top: 585px;
    left: 10px;
    text-align: left;
}

.daihenshin{
    position: absolute;
    top: 380px;
    left: 348px;
    width: 143px;
    height: auto;
}
.daihenshin_txt{
    position: absolute;
    top: 585px;
    left: 350px;
    text-align: left;
}

.urawa{
    position: absolute;
    top: 380px;
    left: 530px;
    width: 255px;
    height: auto;
}
.urawa_txt{
    position: absolute;
    top: 585px;
    left: 530px;
    text-align: left;
}

/*ここから編集ライティング*/

.jouhoushi{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 450px;
    height: auto;
}
.jouhoushi_txt{
    position: absolute;
    top: 235px;
    left: 10px;
    }

.tsuuhan{
    position: absolute;
    top: 10px;
    left: 498px;
    width: 300px;
    height: auto;
}
.tsuuhan_txt{
    position: absolute;
    top: 197px;
    left: 500px;
    }

.pcn{
    position: absolute;
    top: 285px;
    left: 10px;
    width: 580px;
    height: auto;
}
.pcn_txt{
    position: absolute;
    top: 455px;
    left: 595px;
    text-align: left;
}

/*ここからインタビュー*/
.shouko{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 550px;
    height: auto;
}
.shouko_txt{
    position: absolute;
    top: 260px;
    left: 565px;
    text-align: left;
}

.sankei{
    position: absolute;
    top: 310px;
    left: 10px;
    width: 190px;
    height: auto;
}
.sankei_txt{
    position: absolute;
    top: 560px;
    left:205px;
    text-align: left;
}

.doubutsu{
    position: absolute;
    top: 310px;
    left: 420px;
    width: 360px;
    height: auto;
}
.doubutsu_txt{
    position: absolute;
    top: 570px;
    left: 540px;
    text-align: left;
}

/*ここからグラフィック*/
.dental{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 200px;
    height: auto;
}
.dental_txt{
    position: absolute;
    top: 298px;
    left: 10px;
    text-align: left;
}

.android{
    position: absolute;
    top: 10px;
    left: 238px;
    width: 220px;
    height: auto;
}
.android_txt{
    position: absolute;
    top: 262px;
    left: 238px;
    text-align: left;
}

.paris{
    position: absolute;
    top: 10px;
    left: 486px;
    width: 300px;
    height: auto;
}
.paris_txt{
    position: absolute;
    top: 165px;
    left: 486px;
    text-align: left;
}

.hokkaido{
    position: absolute;
    top: 210px;
    left: 486px;
    width: 300px;
    height: auto;
}
.hokkaido_txt{
    position: absolute;
    top: 378px;
    left: 486px;
    text-align: left;
}

/*ここからWEB系*/
.plaone{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 240px;
    height: auto;
    }
.plaone_txt{
    position: absolute;
    top: 333px;
    left: 10px;
    text-align: left;
}

.pan{
    position: absolute;
    top: 10px;
    left: 275px;
    width: 520px;
    height: auto;
    }
.pan_txt{
    position: absolute;
    top: 333px;
    left: 275px;
    text-align: left;
}

.tou_site{
    position: absolute;
    top: 380px;
    left: 10px;
    width: 170px;
    height: auto;
    }
.tou_txt{
    position: absolute;
    top: 473px;
    left: 185px;
    text-align: left;
}



/*ここから動画*/
.shiki{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 350px;
    height: auto;
    }
.shiki_txt{
    position: absolute;
    top: 210px;
    left: 10px;
    text-align: left;
}

.keimou{
    position: absolute;
    top: 10px;
    left: 370px;
    width: 250px;
    height: auto;
    }
.keimou_txt{
    position: absolute;
    top: 135px;
    left: 620px;
    text-align: left;
}

.star{
    position: absolute;
    top: 175px;
    left: 370px;
    width: 250px;
    height: auto;
    }
.star_txt{
    position: absolute;
    top: 270px;
    left: 620px;
    text-align: left;
}













.folio_table{
    width:809px;
    margin:10px auto 0;
    background: rgba(255,255,255,0.5);
}
.folio_td{
    width:100px;
    height:100px;
    border:1px solid rgba(255,255,255,1);
}





#sec4{
    background: url("images/cat.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    height:330px;
    width:100%;
    position:absolute;
    top:4600px;
}
.footer{
    width: 500px;
    margin: 100px auto 0px;
    color: white;
    font-weight:bold;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}
.toiawase{
    font-size:12px;
    color:white;
    text-align:center;
}
.toiawase a{
    color:white;
}