@charset "utf-8";

/* --- BASE --- */
body {
 margin: 0;
 padding: 0;
 overflow: visible;
}
/* LIGHT BOX */
html {box-sizing: border-box;}*,:after,:before{box-sizing: inherit;}
img {height:auto;max-width:100%}
/* End LIGHT BOX */
/* HEADING FONT */
.entry-content h1,h1 {
 color: #000; 
 font-size: 112em;
 line-height: 1.2;
}
.entry-content h2,h2 {
 color: #000; 
 font-size: 1.7em;
 line-height: 1.3;
}
.entry-content h3,h3 {
 color: #000; 
 font-size: 30px;
 line-height: 300%;
}
.entry-content h4,h4 {
 color: #000; 
 line-height: 1.5;
 font-size: 1.3em;
}
.entry-content h5,h5 {
 color: #000; 
 line-height: 1.6;
 font-size: 1.2em;
}
.entry-content h6,h6 {
 color: #000; 
 line-height: 1.7;
 font-size: 1.1em;
}
/* End HEADING FONT */
/* End BASE */

/* HEADER */
.header {
              z-index: 777;
 width: 100%;
 height: 100vh;
 display: flex;  /* フレックスボックスにする */
 flex-wrap: wrap;  /* 子要素　折り返す */
 /*
 justify-content: center;
 子要素　横並び　右揃え・中央揃え・均等に配置など　横方向の配置位置 */
 flex-direction: row;  /* 子要素　上下左右　並ぶ方向を指定 */
}
/* End HEADER */

/* LOGO */
.flex_logo-item {
 z-index: 777;
 position: fixed;
 left: 5%;
 text-align: left;
 margin: 0px 0% 0%0%;
 padding: 0px 0% 0% 0%;
 width: 80px;
 height: 80px;
 display: block;
 background: no-repeat url("../image/logo.svg");
 background-position: center;
 background-size: 70%;
}
.logo-link {
text-align: left;
justify-content: left;
align-items: left;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0% 0%;
}
/* EndLOGO */

/* NAV CONTAINER */
.navtext-container {
              z-index: 7777;
 width: 90%;
 height: 80px;
 top: 0;
 position: fixed;
 box-sizing: border-box;  /* 子要素　width・heightにpaddingやborderのサイズを含む */   
 justify-content: center;
 align-items: center;  /* 子要素　上揃え・真ん中揃えなど　縦位置 */   
 align-content: center;  /* 子要素　align-itemsの複数行バージョン　縦方向についても、位置やバランスを調整 */   
}
/* End NAV CONTAINER */

/* NAV TEXT */
.navtext {
              z-index: 7777;
 position: fixed;
 top: 25px;
 text-transform: uppercase;  /* テキストにおける英数字の大文字、小文字の表示を指定 */   
 text-align: left;
 color: #000;
 right: 10%;
 letter-spacing: 2px;
 font-size: 16px;
 font-weight: normal;
 font-family: Allrounder Monument,"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}
/* End NAV TEXT */

/* MENU PC */
.flex_menu_pc-item {
 left: 2%;
 position: fixed;
 z-index: 0;
 width: 300px;
 margin: 0px 5% 0% 5%;
 padding: 0px 0% 0% 0%;
 bottom: 13%;
 }
.menu_pc ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.menu_pc ul li a {
 text-decoration: none;
 display: block;
 font-weight: normal;
 letter-spacing: 1px;
 font-size: 18px;
 color: #000;
 text-align: left;
 padding: 10px 0px 10px 0px;
 text-transform: capitalize;
 transition: 0.5s;
 font-family: Allrounder Monument,"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}
.menu_pc ul li a:hover {
 color: #eee;
}
.menu_span {
 text-decoration: none;
 display: block;
 font-weight: normal;
 letter-spacing: 1px;
 font-size: 18px;
 color: #000;
 text-align: left;
 padding: 10px 0px 10px 0px;
 transition: 0.5s;
 white-space: nowrap;
 background: no-repeat url("../image/menu_bar.svg");
 background-position: left -100px top 19px;
 font-family: Allrounder Monument,"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}
.portfolio_span {
 opacity: 0;
}
/* End MENU PC */

/* MENU INSTAGRAM */
.flex_instagram_pc-item {
 z-index: 0;
 margin: 0px 0% 0% 0px;
 padding: 0px 0% 0% 0%;
 width: 30px;
 height: 30px;
 display: block;
 background: no-repeat url("../image/instagram_icon.svg");
 background-position: left top;
 background-size: 50%;
 text-align: left;
 justify-content: left;
 align-items: left;
 }
.instagram_pc-link {
text-align: left;
justify-content: left;
align-items: left;
margin: 9px 0% 0% 0px;
padding: 0px 0% 0% 0%;
}
.language_span {
 text-decoration: none;
 font-weight: normal;
 color: #000;
}
/* End MENU INSTAGRAM */

/* PORTFOLIO */
.flex_portfolio_pc-item {
 z-index: 0;
 right: 5%;
 position: fixed;
 display: block;
 bottom: 5%;
 width: 100%;
 margin: 0px 0% 0% 0%;
 padding: 0px 0% 0% 0%;
 font-size: 32px;
 text-decoration: none;
 font-weight: normal;
 letter-spacing: 1px;
 color: #000;
 text-align: right;
 font-family: Allrounder Monument,"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
 }
/* End PORTFOLIO */