@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Cardo|Lato|Bitter);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);


/*スタイルリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size: 100%;
}
.clear{ clear:both;}
li {list-style-type: none;}
/*clearfix*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {display:inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	font:16px/1.6 'Cardo', serif;
	*font-size:small;
	*font:x-small;
	font/*\**/: 16px/1.7\9;
	vertical-align:baseline;
	font-style: normal;
	letter-spacing: normal;
	color: #1d1b3d;
	}



/* リンク指定
----------------------------------------------- */
a:link {color: #1d1b3d; text-decoration: none;}
a:visited {color: #1d1b3d;text-decoration: none;}
a:hover {color: #431D18; text-decoration: underline;}
.maincont  a:link, .maincont-1 a:link {color: #0068d4; text-decoration: underline;}
.maincont a:visited, .maincont-1 a:visited {color: #0068d4;text-decoration: underline;}

a img{ border: none;}
.new::before{font-family: 'Fjalla One', sans-serif; font-size: 8px; color: #FFF; background: #b7282e; content: "NEW!"; border-radius: 50%; line-height: 28px;  height: 28px; width: 28px; text-align: center; display: block; float: left; padding: 0.1em; vertical-align: middle; margin: 0 6px 0 -18px; }
a.red:link,a.red:visited{color: #fb1752;}

.btn a{ text-align: center; display: block; padding: 0.3em 1.0em; background: #2c3a5f; width: 10.0em; margin: auto; color: #FFF; border-radius: 6px; letter-spacing: 0.1em; font-size: 1.8em;}
.btn a:hover{ text-decoration: none; background: #5974bb; color: #2c3a5f;}
.btns a{ text-align: center; display: block; padding: 0.6em 1.0em; background: #2c3a5f; width: 20.0em; margin: 2.0em auto; color: #FFF; border-radius: 6px; letter-spacing: 0.06em; font-size: 1.0rem;}
.btns a:link,.btns a:visited{color: #FFF; text-decoration: none;}
.btns a:hover{ text-decoration: none; background: #5974bb; color: #2c3a5f;;}

.todetail{ clear:both; text-align: right;}
.todetail::after{ content: "\f101";font-family: FontAwesome; padding: 0 0 0 0.3em;}
.cautions{ border: 2px solid #957913; padding: 0.3em 1.0em; margin: 2.0em auto; color: #957913; }



/* HEADER & FOOTER
----------------------------------------------- */
header{ border-top: 9px solid #2c3a5f; padding:0 0 0 0;  transition-duration:0.4s;}
header .content{position: relative;}
#nav{ display: flex; justify-content: space-around; padding: 12px 0; clear: both;}
#nav li{ text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 0.10em;}
#sub {display: flex; justify-content: space-around; width: 200px; position: absolute; right: 200px; padding: 24px 0 0 0;}
#sub li{}
#nav li a:link,#nav li a:visited,#nav li a:hover{color: #08107c; text-decoration: none;}
#nav li a:hover{opacity: 0.3;  transition-duration:0.6s; /*border-bottom: 1px solid #08107c; padding-bottom: 0.2em;*/}
#sub li a:link,#sub li a:visited{color: #08107c; text-decoration: none;}
#toportal {position: relative;  }
#toportal a{ position: absolute; top: 0px; right: 0; width: 163px; height: 50px; background: #2c3a5f; display: block; text-align: center; border-radius: 0 0 6px 6px; font-size: 18px; line-height: 1.0em; letter-spacing: 0.03em;}
#toportal a:link,#toportal a:visited,#toportal a:hover{ color: #FFF; text-decoration: none;}
#logo{ margin:28px 0 0 0; float: left}

header.fixed{ position: fixed; top: -84px;width: 100%; z-index: 9999; background: #FFF; transition-duration:1s;transition-timing-function:ease-out; box-shadow:0px 1px 5px 0px #afafb0;}

/**

.cl-effect-3 li a {
	display: inline-block;
	outline: none;
	padding: 8px 0;
}

.cl-effect-3 li a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #2c3a5f;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3  li a:hover::after,
.cl-effect-3  li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
*/

footer{ background:  url(../img2/bg.png) #2c3a5f;padding: 86px 0 21px;color: #FFF;}
footer a:link,footer a:visited{ color: #FFF;}
footer a:hover{ text-decoration: none;}
.f-navi1{ display: flex; justify-content: space-between;}
.f-navi1 li{ width: 31%; margin: 0 0 0.8em 0;}
.f-navi1 h5{ text-align: center; font-size: 1.4em;font-weight: normal; letter-spacing: 0.06em }
.f-navi1 li ul li{ font-size: 0.9em; width: 100%;}
.f-navi2{ display: flex; justify-content: space-around; width: 80%; margin: 48px auto 0;}
.f-navi3{ text-align: center; margin: auto}
.f-navi3 li{display: inline; margin: 0 2.0em}
#credit{ text-align: center; margin: 1.0em 0; font-size: 0.9rem;}
#cont-navi2::before{}
#cont-navi2{background: #f3f3f3; padding: 86px 0;margin: 48px 0 0;clear: both; }
#cont-navi2 ul{ display: flex; justify-content: space-around; margin: 0 0 70px 0; font-size: 1.6em}
#cont-navi2 ul li{ border-top: 14px solid #2c3a5f; width: 16%; text-align: center; padding: 0.6em 0 0 0; letter-spacing: 0.02em }
#cont-navi2 ul li a:link,#cont-navi2 ul li a:visited{ color: #2c3a5f;}
#cont-navi2 ul li a:hover{ text-decoration: none; color: #5974bb;}


/* COMMON LAYOUT
----------------------------------------------- */
.content{ width: 98%; max-width: 1200px; margin: auto; padding: 0 1%; }
#main{ padding: 18px 0 0;}
#page-top{ position: fixed; bottom: 24px; right: 24px; color: #EEE; z-index: 999;}
.pageheader{ height: 490px; width: 100%; max-width: 1600px; margin: auto;}
.pageheader h1{ text-align: center; font-size: 2.0em; letter-spacing: 0.08em; padding: 180px 0 0; color: #2c3a5f;}
.pageheader h1::after{ display: block; margin: 24px auto; width: 160px; height: 4px; background: #2c3a5f; content: " "; }
#topicpath{clear: both; padding: 1.0em 0; font-weight: normal;}
#topicpath ul li{ display: inline; padding: 0 0.3em 0 0;}
#topicpath ul li::after{content: "\f105";font-family: FontAwesome; padding: 0 0 0 0.3em; }
#topicpath ul li:last-child::after{content: "";padding: 0; }
.maincont,.maincont-1{padding: 0 0 80px 0;font-size: 1.1em; clear: both;}
.maincont{ margin: 0 0 0 0; max-width:800px; width: 75%; float: right; }
.maincont-1{ margin: 0 auto; max-width:960px; width: 90%; }
#sidemenu{ max-width: 400px; width: 22%; margin: 48px 3% 60px 0; float: left;}
#sidemenu::after{ }
#sidemenu h4,#sidemenu h5{color: #FFF; padding: 12px 12px 12px 28px;}
#sidemenu h4 a:link,#sidemenu h4 a:visited,#sidemenu h5 a:link,#sidemenu h5 a:visited{ color: #FFF;}
#sidemenu h4::before,#sidemenu h5::before{content: "\f101";font-family: FontAwesome; padding: 0 0 0 0.3em; margin: 0 0 0 -18px; }
#sidemenu h4{ background: #2c3a5f;}
#sidemenu h5{ background: #4c5c88; margin: 1.0em 0 0 0;}/*4848b3,42669e*/
#sidemenu ul{}
#sidemenu ul li{ background: #f4f1e9; border-bottom: 1px solid #CCC; padding: 20px 12px; font-size: 0.9em;}
#sidemenu ul li:last-child{border-bottom: none;}
#sidemenu ul li ul li{ border-bottom: none; padding: 6px 8px;}
#sidemenu ul li ul li::before{content:"-"; padding: 0 0.3em 0 0;}


.firsth{ font-weight: normal; text-align: center; padding: 0 0 0.3em; border-bottom: 4px solid #2c3a5f; font-size: 1.6em; }
h1.firsth,h2.firsth,h3.firsth{margin: 0 0 1.0em 0;}
.eachcont{ margin: -20px 0; padding: 80px 0 0;}
.eachcont p{margin: 0 0 1.8em;}
.eachcont ul,.eachcont ol{margin: 0.8em 0 4.0em 1.8em;;}
.eachcont ul li,.maincont .eachcont ol li{margin: 0 0 0.8em; line-height: 1.4em;}

.eachcont ul li{list-style: outside disc; }
.eachcont ol li{list-style: outside upper-latin; }
.eachcont .red1{color: #6a550b; margin: 0 0 2.0em 2.0em;}
.eachcont .red1 li{ list-style: decimal; }
.eachcont .linkred{ text-align: right; }
.eachcont .linkred li{list-style: outside none;}
.eachcont .linkred a:link,.eachcont .linkred a:visited{color: #957913;}
.eachcont .linkred a::after{content: "\f101";font-family: FontAwesome; padding: 0 0 0 0.3em;}

table.col3,table.col2{ border: 1px solid #CCC; border-collapse: collapse; font-size: 0.9em; margin: 1.8em 0; }
table.col3 .title2 th,table.col2 .title2 th{ background: #f1f1f1; }
table.col3 th,table.col2 th{ background: #fafafa; }
table.col3 tr th:first-child,table.col2 tr th:first-child{width: 28%;}
/*table.col3 tr:nth-child( n+2 ) th:first-child,table.col2 tr:nth-child( n+2 ) th:first-child{ background: #fafafa; }*/
table.col3 td,table.col2 td,table.col3 th,table.col2 th{ padding: 0.5em;border: 1px solid #CCC; }

.eachcont .flow{ background: #f1f1f1; padding: 3% 3% 3% 6%; width: 87%; margin: 2.0em auto;}
.eachcont .flow li{list-style: decimal;  font-weight: bold; }
.flow li::after{ content: "\f063";font-family: FontAwesome; display: block; text-align: left; margin: auto; padding: 0 0 0 2.0em;}
.flow li:last-child::after{ content: "";}
.flow li p{font-weight: normal;margin: 0 0 0em;}
.note span{ background: #b2eeff;  font-style: italic; padding: 0 0.4em;}
.eachcont  .answer{ margin: 0 0 4.0em 3.0em; }


/* TOP
----------------------------------------------- */
#hero{ background: url(../img2/main.jpg) no-repeat center center; background-size: cover; height: 490px; width: 100%; max-width: 1600px; margin: auto;}
#hero h1{color: #FFF; text-align: center; padding: 180px 2% 0; font-size: 2.0em; text-align: right; }
.lead1{ width: 90%; max-width: 960px; margin: 48px auto;}
.lead1 p{ font-size: 1.36em; letter-spacing: 0.03em; margin: 0 0 1.4em 0;}
.lead1 a{ color: #957913;}
.contindex{ background: #f3f3f3; padding: 86px 0; }
#sumarry-index { display: flex; justify-content: space-around; text-align: center;}
#sumarry-index h3{ font-size: 1.8em;}
#summary{width: 90%; max-width: 960px; margin: 48px auto;}
#summary h2{ font-size: 2.4em; letter-spacing: 0.04em; line-height: 1.3em;font-weight: normal; padding: 80px 0 0.2em 0.2em; margin: -60px 0 0 0px; }
#summary h3{font-size: 1.4em; letter-spacing: 0.04em;font-weight: normal;padding: 0.2em 0 0 0;border-top: 1px solid #08107c; margin: 0 0 0 90px; }
#summary ul { margin: 2.0em 0 00px 10%;}
#summary ul li{ font-size: 1.1em; margin: 0 0 0.4em 0.6em; letter-spacing: 0.06em}
#summary ul li a:before{content:" "; display:inline-block; width: 5px; height: 5px; background: url(../img2/icon_arrow.png) no-repeat; background-size: contain; vertical-align: middle; padding: 0 3px 0 0; margin: 0 0 0 -0.6em;}
#summary ul li ul{margin: 0 0 0 1.0em;}
#summary ul li ul li{margin: 0 0 0 0;}
#summary ul li ul li::before{ content: "-"; padding: 0 0.3em 0 0;  }
#summary ul li ul li a::before{background: none;}
#top-visa:before,#top-business:before,#top-consulting:before{content:" "; display:block; width: 82px; height: 82px;  vertical-align: middle; padding: 0 3px 0 0; float: left; margin: 0 0 0 0px;}
#top-visa:before{background: url(../img2/icon_visa.png) no-repeat; background-size: contain;}
#top-business:before{background: url(../img2/icon_startup.png) no-repeat; background-size: contain; }
#top-consulting:before{background: url(../img2/icon_consulting.png) no-repeat; background-size: contain; }
#summary .todetail{ margin: 0 0 80px 0; text-align: right;}


/* HERO
----------------------------------------------- */
#hero-visa{background: url(../img2/hero-visa.jpg) no-repeat center center; background-size: cover; }
#hero-business{background: url(../img2/hero-business.jpg) no-repeat center center; background-size: cover; }
#hero-consulting{background: url(../img2/hero-consulting.jpg) no-repeat center center; background-size: cover; }
#hero-aboutus{background: url(../img2/hero-aboutus.jpg) no-repeat center center; background-size: cover; }
#hero-services{background: url(../img2/hero-services.jpg) no-repeat center center; background-size: cover; }
#hero-testimonials{background: url(../img2/hero-testimonials.jpg) no-repeat center center; background-size: cover; }
#hero-contact{background: url(../img2/hero-contact.jpg) no-repeat center center; background-size: cover; }

/* PROFILE
----------------------------------------------- */
.eachprofile{margin: 120px 0 60px;}
.eachprofile p{margin: 0 0 1.0em 0;}
.p-left{}
.p-right{}
.eachprofile .thum img{ border-radius: 50%;}
.p-left .thum{float: left; margin: 0 48px 0 0;}
.p-right .thum{float: right; margin: 0 0 0 48px;}
.profile-cont{ overflow: hidden;}
.eachprofile h3,.eachprofile h4{letter-spacing: 0.04em; line-height: 1.1em;font-weight: normal;}
.eachprofile h3{ font-size: 2.0em; margin: 0 0 0.1em 0; }
.eachprofile h4{ border-bottom: 3px solid #333366;font-size: 1.10em; margin: 0 0 2.0em 0; padding: 0 0 0.2em 0;}
.p-left .summary{ margin: 0 10% 0 0;}
.p-right .summary{ margin: 0 10% 0 0;}
.box1{ border: 2px solid #333366; padding: 4%;}
.box1 h5{ font-size: 2.0em; font-weight: normal; margin: 0 0 0.8em 0; letter-spacing: 0.02em;}
.box1 p{ margin-bottom: 1.0em}
#media{ background: #f2f1ec; padding: 48px 0;}
#media h4{ color: #2c3a5f; font-size: 2.4em; text-align: center;letter-spacing: 0.06em; font-weight: normal; }
#media h4::after{ display: block; margin: 4px auto; width: 160px; height: 4px; background: #2c3a5f; content: " "; }
#media ul { text-align: center; margin: 36px auto; }
#media ul li{ display: inline; margin: 0 36px; padding: 8px 0; }
#media .mediacase{ display: flex; flex-wrap: wrap; justify-content: space-around; margin: 48px 0;}
#media .mediacase li{ width: 36%; margin-bottom: 24px; text-align: left;}
#media .mediacase li img{ float: left; margin: 0 18px 0 0;}

.jp .eachprofile h3{ font-size: 1.6em; margin: 0 0 0.1em 0; }
.jp .eachprofile h4{ font-size: 1.1em; margin: 0.3em 0 2.0em 0; }
.jp .summary{ font-size: 0.90em;}
.jp .box1{ font-size: 0.8em}
.jp .box1 h5{font-size: 1.4em}
.memo{ font-size: 0.85em;}

/* TESTIMONIALS
----------------------------------------------- */
.testimonials{}
.testimonials blockquote{ background: #faf8f2; box-shadow:0px 1px 6px 0px #c0c0c0; margin: 48px 5% 80px; padding: 48px 10% 24px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; position: relative;}
.testimonials blockquote p:first-of-type:first-letter{font-size: 3.6em; float: left; margin: -0.3em 0.1em 0 0;}
.testimonials blockquote::before,.testimonials blockquote::after{font-size:120px;font-family: 'Bitter', serif; opacity: 0.3;position:absolute; }
.testimonials blockquote::before{content:"“";left:2%;top:-24px;}
.testimonials blockquote::after{content:"”";right:2%;bottom:-60px;}
.photo-r{ float: right; margin: 0 0 0.6em 1.0em;}


/* CONTACT
----------------------------------------------- */
.mailform{ border-collapse: collapse; width: 90%; margin: auto;}
.mailform th,.mailform td{ padding: 0.6em 1.0em;vertical-align: top; }
.mailform tr:nth-child(even) th,.mailform tr:nth-child(even) td{background: #eee;}
.mailform th{ text-align: right; font-weight: bold;}
.mailform textarea,.mailform input[type=text],.mailform select,.mailform input[type=email],.mailform input[type=tel]{ padding: 0.3em; width: 20.0em; border: 1px solid #DDD; border-radius: 3px;}
.mailform input[type=text]{ }
.mailform textarea:focus,.mailform input[type=text]:focus{ border: 1px solid #f2e180}
.mailform select{-webkit-appearance: none;-moz-appearance: none;appearance: none; font-size: 1.0em;}
.require{ color: #ff0000;}
.submitarea{ text-align: center; margin: 1.0em auto;}
.submitarea input[type=submit],.submitarea input[type=reset]{-webkit-appearance: none;-moz-appearance: none;appearance: none; padding: 0.7em 1.0em; width: 18.0em; margin: auto 1.0em; background:  #1d1b3d; color: #FFF; border: none; cursor: pointer; border-radius: 6px}
.submitarea input[type=reset]{ background: #94afff}
.g-recaptcha { padding: 2.0em 0;}
.g-recaptcha div{ margin: auto;}
#recaptcha-form input[type="submit"][disabled]{background:  #adc2ef; cursor:not-allowed;}

/* LINKS
----------------------------------------------- */
h2.title2,h3title2{ border-bottom: 1px solid #2c3a5f; padding: 0 0 0.2em;font-size: 1.2em; }
.eachlink{ margin: 1.0em auto 2.0em;}
.eachlink h3{}
.eachlink p{ margin: 0 0 0 1.0em;}
.eachlink .address,.eachlink .phoneno,.eachlink .web{ }
.eachlink .address{}
.eachlink .phoneno{}
.eachlink .web{word-break: break-all;}
.eachlink .address::before,.eachlink .phoneno::before,.eachlink .web::before{padding: 0 1.0em 0 0;}
.eachlink .address::before{ content: "Address:"; }
.eachlink .phoneno::before{ content: "TEL:";}
.eachlink .web::before{ content: "WEB:";}
.eachlink2{ margin:  0 0 0 0;}
.eachlink2 h3{ margin: 1.6em auto 0.2em;}


@media screen and (max-width : 960px){
	#nav li{ text-align: center; font-size: 17px; font-weight: bold; letter-spacing: 0.1em;}
	
}

@media screen and (max-width : 768px){
	img{ max-width: 100%; height: auto;}
	div,section,article{max-width: 100%;}
	
	.maincont .btns a{ width: auto;}
	.btns a{ width: 68%; max-width: 20.0em}
	#toportal {display: none; }
	#logo{ margin:14px 0 0 8px; float: left; max-width: 60%;}
	#nav{ display: block;}
	#sub {display: block; width: auto; position: relative; right:  auto; padding: 0 0 0 0;}
	header{ padding:0 0 18px 0;  }
	header::after{clear: both; height: 0; content: ""; display: block;}
	footer{ }
	.f-navi1{ flex-wrap: wrap; margin: 0 2%;}
	.f-navi1 li{ margin: 0 0 48px 0; width: 100%;}
	.f-navi1 li ul li{margin: 0;}
	.f-navi2{ flex-wrap: wrap; width: 96%; }
	
	/* NAVIGATION
	----------------------------------------------- */
	header.fixed{ position: fixed; top: 0; padding: 0 0 8px 0;border-top: 6px solid #2c3a5f; }
	header.fixed #logo{ margin:8px 0 0 8px; float: left; max-width: 40%;}
	header.fixed .mobile-header-nav{top: 44px;}
	header.fixed .hamburger-menu {padding: 10px 16px; }
	
	.mobile-header-nav{ z-index: 999; width: 100%; position: absolute; margin: 0; display: none; top: 64px; left: 0; padding:  0;background: #FFF; }
	.mobile-header-nav ul{ flex-wrap: wrap; padding: 36px 0 24px;}
	.mobile-header-nav li{ text-align: center; height: auto; padding-bottom: 0.1em; width: 100%;font-size: 1.2em; line-height: 2.0em;}
	.hamburger-menu {z-index: 9999;display: inline-block;height: 80px;padding: 16px 16px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: absolute;  top: 0; right: 0;}
	.hamburger-menu:hover {cursor: pointer;}
	.hamburger-menu .menu-item {background: #2c3a5f;display: block;height: 2px;width: 36px;margin: 0 0 10px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
	.hamburger-menu.open .menu-item {margin: 0 0 5px;}
	.hamburger-menu.open .menu-item:first-child {-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 8px;transform-origin: 8px;}
	.hamburger-menu.open .menu-item:nth-child(2) {opacity: 0;}
	.hamburger-menu.open .menu-item:nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 8px;transform-origin: 8px;}	
	
	#cont-navi2 ul{ flex-wrap: wrap;}
	#cont-navi2 ul li{ width: 90%;}

	/* COMMON LAYOUT
	----------------------------------------------- */
	.pageheader{ height: 60vh;}
	.pageheader h1{ padding: 20vh 0 0 0; font-size: 1.7em; letter-spacing: 0.04em;  }
	
	#sidemenu h4,#sidemenu h5{color: #FFF; padding: 12px 12px 12px 6px; font-size: 0.76em;letter-spacing: -0.02em}
	#sidemenu h4::before,#sidemenu h5::before{content: "";padding: 0; margin: 0; }
	#sidemenu ul li{ padding: 20px 3px; font-size: 0.75em;}
	
	.table-container{ overflow: scroll; height: auto; }
	.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
	.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
	table.col3 { width: auto; position: relative;  overflow-x: scroll; }
	table.col3 th,table.col3 td,table.col3 tr th:first-child{ }
	table.col2{ border: none; margin: 1.8em auto  ;}
	table.col2 th,table.col2 td,table.col2 tr th:first-child{ display: block; width: 92%; padding: 0.5em 2%; }
	table.col2 th{border-bottom: none;}
	table.col2 tr:nth-child(n+2) th{ border-top: none;}
	
	.eachcont .flow{ padding: 3% 3% 3% 14%; width: 81%; margin: 2.0em 1%;}
	.eachcont .flow li{list-style: decimal;  font-weight: bold; }
	.eachcont  .answer{ margin: 0.6em 0 4.0em 2.0em; }
	
	/* TOP
	----------------------------------------------- */
	#hero{ height: 60vh;}
	#hero h1{text-align: center; padding: 20vh 0 0 0; font-size: 1.7em; }
	.lead1 p{ font-size: 1.16em; letter-spacing: 0.01em; }
	#sumarry-index{}
	#sumarry-index li{ width: 29%; font-size: 0.9em;line-height: 1.2em;  margin: 0 2%}
	#sumarry-index li img{ max-width: 80%; }
	#sumarry-index h3{ font-size: 1.2em; height: 2.4em;}
	#summary h2{ line-height: 1.0em;overflow: hidden; font-size: 2.0em;}
	#summary h3{margin: 0 0 0 70px; line-height: 1.0em}
	#summary ul { margin: 2.0em 0 00px 5%;}
	#top-visa:before,#top-business:before,#top-consulting:before{content:" "; display:block; width: 62px; height: 62px;float: left; margin: 0 0 0x 0px;}
	
	/* PROFILE
	----------------------------------------------- */
	.p-left .thum,.p-right .thum{float:none; margin: 0 auto; text-align: center;}
	.p-left .summary,.p-right .summary{ margin: 0;}
	.profile-cont h3, .profile-cont h4{ text-align: center;}
	.kana{ font-size: 0.76em; letter-spacing: -0.02em}
	#media ul li{ display: inline-block; margin: 0 8px; padding: 8px 0; }
	
	
	/* TESTIMONIALS
	----------------------------------------------- */
	.testimonials blockquote{ margin: 48px 1% 80px; padding: 48px 5% 12px; }
	.testimonials blockquote::before,.testimonials blockquote::after{font-size:120px;width: 98%;}
	.testimonials blockquote::before{content:"“";left:1%;top:-32px;}
	.testimonials blockquote::after{content:"”";right:1%;bottom:-92px; text-align: right; padding: 0 18px 0 0;}
	
	/* CONTACT
	----------------------------------------------- */
	.mailform{ overflow: hidden; width: 90%;}
	.mailform th,.mailform td{ display: block; text-align: left;  width: 96%;padding: 0.2em 2%;}
	.mailform th{  }
	.mailform td{ overflow: hidden; padding-bottom: 0.4em; }
	.mailform textarea,.mailform input[type=text],.mailform select{width: 90%; }
	.submitarea input[type=submit],.submitarea input[type=reset]{ margin: 0.2em auto;}
}

@media screen and (max-width : 414px){
	/* TOP
	----------------------------------------------- */
	#top-visa:before,#top-business:before,#top-consulting:before{width: 54px; height: 54px;margin: 0 0 48px 0;}
	#top-business:before,#top-consulting:before{margin: 0 0 0 0;}
	
}

@media screen and (max-width : 320px){
	.kana{ font-size: 0.60em; }
	
}