S@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



.body{
	font-family: 'Noto Sans Japanese','Noto Serif Japanese','Noto Sans','Open Sans','Lato','Roboto',sans-serif;
	min-width:1107px;
}

.centering{
	margin:0 auto;
}

.content690{
	width:690px;
}

.justify_width_to_window{
	width:100%;
}

.left{
	float:left;
}

.position_relative{
	position:relative;
}

.position_absolute{
	position:absolute;
}

.align_center{
	text-align:center;
}

.align_left{
	text-align:left;
}

.right{
	float:right;
}

.align_right{
	text-align:right;
}

.font25{
	font-size:25.21px;
}

.font30{
	font-size:30px;
}

.font24{
	font-size:24px;
}

.font20{
	font-size:20px;
}

.font18{
	font-size:18px;
}


.font16{
	font-size:16px;
}

.font14{
	font-size:14px;
}

.font12{
	font-size:12px;
}

.white{
	color:#FFF;
}

.black{
	color:#000;
}

.blue{
	color:#87AACF;
}

.gray80{
	color:#4C4C4C;
}

.gray50{
	color:#808080;
}

.inline_block{
	display:inline-block;
}

.cursor{
	cursor:pointer;
}

.no_link{
	pointer-events: none;
}


header{
	width:91%;
	background-color:#96b8d5;
	padding:0 0 0 9%;
	z-index:700;
}

.nav_logo{
	float:left;
	display:inline-block;
	padding-right:7%;
	width:15%;
	padding-top:11px;
}

.nav_menu{
	float:left;
	width:57%;
	margin:0 1% 0 0;
}

#gnav{
	width:100%;
}

.langu_menu{
	float:right;
	opacity:0.7;
	margin:0.5%;
}

.nav_link{
	text-decoration:none;
	color:#FFF;
	font-size:14px;
	padding-bottom:24px;
	display:inline-block;
	padding-top:24px;
	position:relative;
}

.lang_link{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}

nav{
	width:100%;
}

nav li{
	display:inline;
	color:#FFF;
	padding-left:8%;
}

a.nav_link::after{
	content:"";
	height:4px;
	background-color:#FFF;
	width:100%;
	display:block;
	position:absolute;
	bottom:0;

	transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	 -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);


	/*
	transition:all .3s ease;
	 -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s ease;
	*/
	}

a.nav_link:hover::after{
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform:scaleX(1);
}

a.navFixed_li::after{
	content:"";
	height:4px;
	background-color:#96B8D5;
	width:100%;
	display:block;
	position:absolute;
	bottom:0;

	transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	 -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	/*
	transition:all .3s ease;
	 -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s ease;
	*/
	}

a.navFixed_li:hover::after{
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform:scaleX(1);
}

#gnav li:first-child{
	padding-left:3%;
}


#gnav2 li{
	padding-left:5%;
}




nav ul{
	display:inline;
}

#language_menu{
	width:19%;
	margin-top:25px;
}


.fixed_nav{
	width:91%;
	background-color:#FFF;
	position:fixed;
	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
	padding:0 0 0 9%;
	min-width:861px;
	transition: all 2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navFixed_li{
	color:#96B8D5;
	text-decoration:none;
	font-size:14px;
	padding-bottom:24px;
	display:inline-block;
	padding-top:24px;
	position:relative;
}

.langFixed_li{
	text-decoration:none;
	color:#96B8D5;
	font-size:12px;
}

#top{
	text-align:center;
	z-index:600;
}

#top_content{
    width: 100%;
    height: 269px;
    top: 43%;
    left: 50%;
    margin-left: -50%;
    margin-top: -90px;
}

.top_word{
	font-size:48px;
	color:#FFF;
	margin-bottom:20px;
	font-family: 'Lato','Roboto',sans-serif;
	/*
	top:160px;
	left:400px;
	*/
}

.top_word_subtitle{
	font-size:28px;
	color:#FFF;
	font-weight:lighter;
	margin-bottom:10px;
	/*
	top:250px;
	left:555px;
	*/
}

.top_message{
	font-size:14px;
	font-weight: 100;
	color:#FFF;
	opacity:0.8;
	margin-bottom:35px;
	/*
	top:310px;
	left:350px;
	*/
	font-weight:100;
}

#top_i_icon{
	left:49%;
}

#down_arrow.icon_on_border{
	left:47%;
	bottom:-45px;
	z-index:700;
}

#scroll_downTo_Fmenu{
	width:auto;
	padding:0;
	margin:0;
	background:none;
	border:0;
	font-size:0;
	overflow:visible;
	cursor:pointer;
	line-height:0;
	position: absolute;
    left: 47%;
	outline:none;
}

#our_service{
	margin: 0 auto;
	text-align:center;
	background-color:#eff2f4;
}

.service_left{
	float:left;
	width:64%;
	padding-top:6%;
}

.service_right{
	float:right;
	width:36%;
	padding-top:6%;
}



.service_concept_wrap{
	margin-top:11%;
	/*margin-right:18%;*/
	left:-20%;
	text-align:left;
}

.service_concepts{
	vertical-align:middle;
	margin-bottom:2%;
}

.service_title_wrap{
	margin-bottom:19%;
}

.service_title_wrap_en{
	margin-bottom:9%;
}

.service_concept_topics{
	margin-bottom:14%;
}

.service_concept_topics_en{
	margin-bottom:11%;
}

.service_icons_left{
	float:left;
}

.service_message_right{
	/*
	float:right;
	*/
	margin-left:4%;
}

.service_title{
	font-size:30px;
	color:#87AACF;
}

.service_subtitle{
	font-size:14px;
	color:#B2BDCD;
}

.service_message{
	font-size:16px;
	color:#000;
}

.service_txt{
	font-size:12px;
	color:#4C4C4C;
	font-weight:100;
	line-height:1.8;
	min-width:346px;
}

.service_txt_en{
	font-size:12px;
	color:#4C4C4C;
	font-weight:100;
	line-height:1.8;
	min-width:346px;
	max-width: 350px;
}

.release_message_wrap{
	background-color:#FFF;
	padding:6%;
}

.release_message{
	font-size:30px;
	color:#4C4C4C;
	padding-bottom:1.2%;
}

.release_submessage{
	font-size:12px;
	color:#4C4C4C;
}

#i_icon_orange.icon_on_border{
	left:20%;
	top:-45px;
}

#release_info.position_absolute{
	width:100%;
	left:50%;
	margin-left:-50%;
	bottom:25%;
}

#fmenu_icon.mb{
	margin-bottom:1%;
}

#release_date.font_style{
	font-size:20px;
	color:#FFF;
}

#members{
	background-color:#FFF;
	margin: 0 auto;
	text-align:center;
	padding:5%;
}

#members_profile_for_1.div_style{
	margin:0 29%;

}

#members_title.font_style{
	font-size:30px;
	color:#87AACF;
	margin-bottom:1.5%;
}

#members_subtitle.font_style{
	font-size:16px;
	color:#4C4C4C;
	margin-bottom:4%;
}

#members_name.font_style{
	font-size:14px;
	color:#000;
	margin-top:8%;
}

#members_position.font_style{
	font-size:14px;
	color:#000;
	margin-top:0.5%;
}

#members_history.font_style{
	font-size:12px;
	color:#4C4C4C;
	margin-top:3%;
}

#members_sns.icon_style{
	margin-top:4%;
}

#members_sns_icon.margin{
	margin-right:4%;
}

#future_plan{
	margin: 0 auto;
	text-align:center;
}

#future_plan_message{
	top:13%;
	margin:0 33%;
	left:50%;
	margin-left: -215px;
}

#future_plan_message p:first-child{
	margin-bottom:5%;
}

#future_plan_message p:nth-child(2){
	line-height:1.8;
}

#globe_back_img img{
	width:100%;
	min-width: 960px;
}

#future_title{
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

#future_subtitle{
	min-width:430px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

#blue_i_icon.icon_on_border{
	right:20%;
	bottom:-48px;
}

#corporate_profile{
	background-color:#FFF;
	margin: 0 auto;
	text-align:center;
}

#corporate_profile_wrap{
	padding:10%;
}


#corporate_title{
	width:50%;
}

#corporate_profiles{
	width:50%;
    margin-top:-5.8%;
}


#corpo_data dt{
	width:20%;
	margin-top:3%;
	min-width:95px;
}

#corpo_data dd{
	width:75%;
	margin-top:3%;
}

#corpo_data_en dt{
	width:20%;
	margin-top:3%;
	min-width:95px;
}

#corpo_data_en dd{
	width:70%;
	margin-top:3%;
}

#corpo_data dt:first-child{
	margin-top:0;
}

#corpo_data dt:first-child + dd{
	margin-top:0;
}

#corpo_data dd ul li {
    list-style: inside;
}

#map {
  font-size: 0;
}

#map iframe {
  width: 100%;
  height: 400px;
}

/*
.gmap_api{
	width:100%;
	height:400px;
}

#map img:nth-child(2){
	top:50%;
	left:50%;
	margin-top:-78px;
	margin-left:-38px;
}
*/

#business_contents,
#business_contents_ch {
	margin: 0 auto;
	text-align:center;
}

#business_contents_en{
	margin: 0 auto;
	text-align:center;
}

#business_contents_box div{
	top:50%;
	margin-top: -182px;
	left:50%;
	margin-left:-252px;
}

#business_contents_box > #business_contents_en {
	top:50%;
	left: 50%;
	margin-top: -192px;
	margin-left: -238px;
}

#business_contents_box > #business_contents_ch {
	top:50%;
	left: 50%;
	margin-top: -192px;
	margin-left: -100px;
}

#business_contents p,
#business_contents_ch p{
	margin-bottom:18%;
}

#business_contents_en p{
	margin-bottom:6%;
}

#QA_form{
	background-color:#E4EAEF;
	margin: 0 auto;
	text-align:center;
	padding:9% 16% 6% 13%;
}

#QA_table{
	margin-top:-7%;
}

#QA_form img{
	top:-45px;
	left:20%;
}

#QA_title{
	text-align:left;
	margin-left:13%;
}

#QA_table{
	margin-bottom:3%;
	width:100%;
}

#items{
	padding-top:8%;
	width:28%;
}

#input_box{
	padding-top:8%;
	padding-left:10%;
	width:70%;
	height:
}

#required{
	padding-top:8%;
	width:5%;
}

#req_txt{
	background-color:#F00;
	padding:0 2px;
}

#input_box input{
	width:107%;
	border:none;
}

.height2em{
	height:2em;
}

.last_box{
	height:12em;
}

#privacy_policy_txt{
	padding-top:3%;
}

/* --- ボックス --- */
div.privacy_policy {
width:74%; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
height:10.6em;
text-align:left;
margin:0 auto;
}

/* --- 見出し --- */
div.privacy_policy h3 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
text-align:center;
}

/* --- 本文領域 --- */
div.privacy_policy div.textArea {
height: 8em; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域内の段落 --- */
div.privacy_policy div.textArea p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}


#confirm_checkbox{
	padding-top:2%;
	padding-bottom:5%;
}

#for_check{
	cursor:pointer;
}

#admit_btn{
	-moz-transform:	scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

#submit_btn{
	color:#FFF;
	background-color:#9CA7AF;
	padding:1%;
	width:30%;
	font-weight:bolder;
	border:none;
	margin:0 auto;
}

#contact_title{
	font-size:18px;
}

#contact{
	background-color:#FFF;
	margin: 0 auto;
	text-align:center;
	padding:0 18%;
	padding-bottom:7%;
	min-width:724px;
	width:100%;
	box-sizing:border-box;
}

#contact_num div{
	padding:0 11%;
}

#contact_num{
	min-width:734px;
}

#tel_num_subtitle{
	margin-bottom:-5%;
}

#contact p:first-child{
	padding:4%;
}

#contact_right{
	border-left:1px solid #CCC;
}

#banner {
    background-color:#fff;
    margin: 0 auto;
    text-align:center;
    padding:80px 18% 80px;
    min-width:724px;
    width:100%;
    box-sizing:border-box;
}

#banner_title {
    font-weight: 600;
    margin-bottom: 20px;
}

#banner_title + p {
    font-size: 16px;
    margin-bottom: 20px;
}

#banner_title + p span {
    font-size: 12px;
    color: #bbb;
}

#banner a {
    width: 724px;
    height: 140px;
}

#banner a > img {
    width: 100%;
    box-shadow:0px 5px 13px -3px rgba(0,0,0,0.12);
}



footer{
	background-color:#38383F;
	margin: 0 auto;
	text-align:center;
}

footer li{
	display:inline;
	padding:5%;
	padding-top:0;
	padding-bottom:0;
	border-left:solid #7C7C82 1px;
}

footer li:first-child{
	padding-left:inherit;
	border-left:none;
}

footer li:last-child{
	padding-right:inherit;
}

#footer01_wrap{
	padding: 5% 10% 6% 16%;
	text-align:left;
}

#footer_left{
	width:65%;
	text-align:left;
}

#footer_right{
	width:30%;
	text-align:center;
	vertical-align:middle;
}

#sitemap{
	padding-bottom:10%;
}

#sitemap a{
	color:#7C7C82;
}

#footer_company_info{
	padding-bottom:10%;
	color:#7C7C82;
}

#footer_company_info p:first-child{
	padding-bottom:2%;
}

#footer_icon_wrap{
	vertical-align:middle;
	padding-top:33%;
}

#footer_icon_wrap img{
	padding:4%;
}

#footer_copy{
	color:#7C7C82;
}

#pagetop_icon{
	left:100%;
	margin-left:-23%;
	top:-13%;
}