@import url(////fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url(http://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family:AHelvetica, "Helvetica Neue", "Lucida Grande", Arial, "ヒラギノ叔ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	min-width:300px;
}
.global-nav {
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	z-index:100;
	background-color: rgba(255,255,255,0.95);
	border-bottom: 1px solid #CCCCCC;
}

.global-nav-top {
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	z-index:100;
	background-color: rgba(255,255,255,0.95);
}

.global-nav-main {
  display:block;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  padding: 5px;
}
.global-nav-main>span {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
  border-width: 1px;
}
.global-nav-main>span.selected {
  text-decoration: line-through;
  font-weight: 500;
}
.contents {
   display: block;
   width: 100%;
   max-width: 630px;
   margin: 0px auto;
   padding: 10px 0px 30px 0px;
}
.headline {
  display:block;
  width: 100%;
}
.headline>span {
  text-align: left;
  font-weight: 500;
  font-size: 20px;
}
.story {
  display:block;
  width: 100%;
  margin-top:10px;
}
.btn_hamburger>div {
    margin: 0 auto 2em !important;
    width: 18px;
    position:absolute;
    top:18px;
    left:15px;
}
.btn_hamburger a {
    position: relative;
    display: block;
    height: 18px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
}
.btn_hamburger span {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: black;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
}
.btn_hamburger span:nth-of-type(1) {
    top: 0;
}
.btn_hamburger span:nth-of-type(2) {
    top: 7px;
}
.btn_hamburger span:nth-of-type(3) {
    bottom: 0;
}
.btn_hamburger span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: black;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.btn_hamburger .active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn_hamburger .active span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.btn_hamburger .active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);
}
.btn_hamburger .active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    -ms-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0);
}
html {
    height: 100%;
}
.menue {
    position:fixed;
    display:block;
    width: 300px;
    color: gray;
    background-color:#fff;
    background-color:#DE7682;
}
.menue>div {
    display:block;
    margin-top:10px;
    margin-left:10px;
    margin-bottom: 10px;
}
.menue>div>select {
    width:90%;
    margin:auto;
}
.display_selectedItem {
    width: 250px;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
    padding: 5px 10px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.select_box {
    width: 250px;
    border: 1px solid #c5c5c5;
    list-style: none;
    text-align: left;
    padding-left:10px;
    position: absolute;
    z-index: 10;
    background-color: white;
}
.select_box li {
    cursor: default;
    box-sizing: border-box;
    padding: 5px 10px;
}
.no_select {
	color: #c5c5c5;
}
li.selected {
	text-decoration: underline;
}
.story>div {
  display:block;
  width:50%;
  float:left;
}
.help-icon {
	width:35px;
	height: 35px;
	position:absolute;
	top:10px;
	left:12%;
	padding:8px;
}
.mypage-icon {
	width:115px;
	height: 35px;
	position:absolute;
	top:10px;
	right:12%;
	padding:8px;
	color:#fff;
}
.home-icon {
	width:115px;
	height: 35px;
	position:absolute;
	top:10px;
	right:10px;
	padding:8px;
	color:#fff;
}
.test-border {
	border:1px;
	border-style:solid;
	border-color:red;
}
.user-status span {
	position:fixed;
	top:20px;
	left:92%;
	color: white;
}

.user-status .profilePic {
	width:40px;
	height: 40px;
	position:fixed;
	top:10px;
	left:88%;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}

.global-nav-title>span {
	display:block;
	width: 100%;
	margin:0;
	padding:0px;
	text-align:center;
	background-color:black;
}
.service-name-home {
	font-family: SignPainter;
	font-size:36px;
	height:60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.service-name {
	font-family: SignPainter;
	font-size:18px;
	height:20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.brand-name {
	height:40px;
	font-size:36px;
}
.hidden {
	display:none;
}
.trim {
	object-fit: cover;
	object-position: center top;
	font-family: 'object-fit: cover; object-position: center top';
}
.trim-left {
	object-fit: cover;
	object-position: left top;
	font-family: 'object-fit: cover; object-position: left top';
}
.feature {
	margin-top:50px;
}
.feature-title {
	background: linear-gradient(transparent 60%, #e5c6c9 0%);
}
.brand-logo {
  padding:10px;
  margin:auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  width:100vw;
  -webkit-justify-content: center;
  justify-content:center;
}
.cell.is-empty {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.brand-logo img {
	width:140px;
	border:1px solid #ccc;
	margin:4px 5px 4px 5px;
	display:inline-block;
}
.menu-brand-logo {
  padding:10px;
  margin:0 auto;
}
.menu-brand-logo img {
	width:80px;
	border:1px solid #ccc;
	margin:2px 2px 2px 2px;
	display:inline-block;
}
.insta-link {
	position:relative;
	width:100vw;
	height:auto;
}
.link {
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-sĩ
}
.brand-navi {
	width:100%;
	z-index:100;
	background-color: rgba(255,255,255,0.95);
	transform: translate3d(0, 0, 0);
}
.brand-navi>div>h2 {
   font-family:  “ヒラギノ明朝 Pro W6”, “ＭＳ Ｐ明朝”, serif; font-weight: 700;
}
.menu-center>div>p {
	color:#ccc
}
.menu-center>div>p.selected {
	color:#000
}
.fixed {
	position:fixed;
	top:0px;
	left:0px;
}
.border-slanting:before {
    content: '';
    width: 20px;
    height: 30px;
    top: -12px;
    left: -19px;
    position: absolute;
	border-bottom:1px solid #ccc;
}
.border-slanting:before{
	-webkit-transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	-o-transform:rotate(-60deg);
	-ms-transform:rotate(-60deg);
	transform:rotate(-60deg);
}
/*giang nguyen coment*/
.row .text-align{
	text-align: center;
	font-size: 16px;
}

.menu-center{
	width: 320px;
	margin:0 auto;
}
.top-30{
	margin-top:30px;
}
.top-15{
	margin-top:15px;
}
.main-content{
	max-width: 714px;
	margin: 0 auto;
}
.text-bottom{
	font-size: 12px;
}
.bottom-50{
	margin-bottom: 50px;
}

#menue {
	z-index:11;
	display:none;
	position:fixed ;
	top:50px;
	left:0;
	height:100%;
	overflow: scroll;
	background-color:#fff;
}
#modal-overlay {
	z-index:10;
	display:none;
	position:fixed ;
	top:50px;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.5);
}
.pic-title {
	font-size: calc(112.5% + 0.5vw);
	text-shadow: 0px 0px 2px #565656;
	font-weight: bold;
}
.text-title{
	text-shadow: none;
	font-size: 27px;
	font-family: “Noto Sans”, “Noto Sans CJK JP”, sans-serif;
}
.top-pic-shadow {
	text-shadow: 0px 0px 2px #565656;	
}
@media screen and (max-width: 699px) {
	.top-pic-title-h1 {
		font-size: calc(25.5% + 3.5vw);
	}
	.top-pic-title-h2 {
		font-size: calc(100.5% + 1.0vw);
	}
	.top-pic-title-h3 {
		font-size: calc(80.5% + 0vw);
	}
	.top-pic-title-h4 {
		font-size: calc(50.5% + 1.0vw); 
	}
	.pic-title {
		font-size: calc(112.5% + 0.5vw);
	}
	.modal-font-title {
		font-size: calc(152.5% + 0.5vw);
	}
	.modal-font-large {
		font-size: calc(102.5% + 0.5vw);
	}
	.modal-font-middle {
		font-size: calc(80% + 0.5vw);
	}
	.modal-font-small {
		font-size: calc(70% + 0.5vw);
	}
	.row .text-align{
		font-size: 20px;
	}
	.top-menue-icon {
		display:block;
		width: 32px;
		height: 32px;
		padding:8px;
		top:10px;
		position:relative;
	}
	.btn_hamburger div {
		display:block;
	}
	.top-menue-text {
		display:none;
	}
	.help-icon {
		width:32px;
		height: 32px;
		position:absolute;
		top:10px;
		left:12%;
		padding:8px;
		display:none;
	}
	.mypage-icon {
		width:32px;
		height: 32px;
		position:absolute;
		top:10px;
		right:12%;
		padding:8px;
	}
	.home-icon {
		width:32px;
		height: 32px;
		position:absolute;
		top:10px;
		right:10px;
		padding:8px;
	}
	.btn_hamburger div {
	    margin: 0 auto 2em !important;
	    width: 18px;
	    height: 15px;
	    position:absolute;
	    top:20px;
	    left:15px;
	}
}
@media screen and (min-width: 700px) {
	.top-pic-title-h1 {
		font-size:15px;
	}
	.top-pic-title-h2 {
		font-size: 50px;
	}
	.top-pic-title-h3 {
		font-size: 25px;
	}
	.top-pic-title-h4 {
		font-size: 15px;
	}
	.pic-title {
		font-size: 30px;
	}
	.modal-font-title {
		font-size: 23px;
	}
	.modal-font-large {
		font-size: 20px;
	}
	.modal-font-middle {
		font-size: 18px;
	}
	.modal-font-small {
		font-size: 15px;
	}
	.row .text-align{
		font-size: 36px;
	}
	.btn_hamburger div {
		display:none;
	}
	.top-menue-icon {
		display:none;
	}
	.top-menue-text {
		font-size: 14px;
		line-height: 50px;
		color:#000;
		display:block;
	}
	.help-icon {
		width:50px;
		height: 35px;
		position:absolute;
		top:10px;
		left:12%;
		padding:8px;
	}
	.mypage-icon {
		width:90px;
		height: 35px;
		position:absolute;
		top:10px;
		right:12%;
		padding:8px;
	}
	.home-icon {
		width:80px;
		height: 35px;
		position:absolute;
		top:10px;
		right:10px;
		padding:8px;
	}
}
body {
	font-size: calc(112.5% + 0.5vw);
}
.interview-navi {
	color:#eb947c;
}
.color-white{
	color:white;
}
.menue-help p {
 display:inline-block;
 vertical-align:middle;
 margin:0px;
}
.menue-help {
	background-color:#d87ba5;
	color:black;
	padding:13px;
	margin:0px !important;
	height:60px;
	z-index:2;
}
.menue-color {
	background-color:#d87ba5;
}
.detail-size {
	font-size: 1.0em;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-size:14px;
	}
	.detail-size {
		font-size: 14px;
	}
}

.text-title2{
	text-shadow: none;
	font-size: 30px;
}

.box-black {
    background: rgba(0,0,0,0.7);
}
.title {
	color:white;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}
.title p {
	width:100%;
	padding:0 15px 0 15px;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
.menu-center>div>a {
	color:#ccc;
	text-decoration-color:#ccc;
}
.global-nav>div>div>div>a {
	text-decoration-color:#ccc;
}
.menu-center>div>a>p.selected {
	color:#000;
	text-decoration-color:#000;
}
.talking_about_the_abstraction{
   font-family:  “ヒラギノ明朝 Pro W6”, “ＭＳ Ｐ明朝”, serif !important;
   font-weight: 700 !important;
}   
.lamarck_tokyo{
	font-family: “Noto Sans”, “Noto Sans CJK JP”, sans-serif !important;
	font-weight: 400 !important;
	letter-spacing:1em !important;
}
.manofmoods{
	font-family:  “ヒラギノ明朝 Pro W6”, “ＭＳ Ｐ明朝”, serif !important;
	font-weight: 400 !important;
}
.atsushinakashima{
    font-family:  “Noto Sans”, “Noto Sans CJK JP”, sans-serif !important;
    font-weight: 600 !important;
}