@charset "UTF-8";
/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-size: 14px;
color: #333333;
background-color: #fcfcfc;
}

.white-zone{
background-color: #FFFFFF;
margin-top: 100px;
}

.white-zone.news-index{
margin-top: 50px;
background-color: transparent;
}

.trading-title, .consulting-title, .sub-title, .subtitle ul li{
font-family: "garamond";
}


h4{
font-size: 13px;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration: none;
color: #000000;
}

.mask {
-webkit-clip-path: url(#svgPath);
clip-path: url(#svgPath);
}

/*change colours to suit your needs*/
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/*change colours to suit your needs*/
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs 
*/
hr {
display:block;
height:1px;
border:0; 
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

.bg-slider {
height: 100vh;
background-position:center center;
background-size: cover;
display: inherit;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

/*  line animation   */

#wrap {
position:initial;
top: 0;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
z-index: -1;
}

.line-reveal {
width: 100%;
height: 3px;
overflow: hidden;
position: absolute;
}
.line-reveal.show .overlay {
-webkit-animation: wipe 3s ease;
animation: wipe 3s ease;
/* -webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;*/
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-animation-delay: 3s;
animation-delay: 3s;
}

.line-reveal .overlay {
background: #fcfcfc;
height: 10px;
position: absolute;
top: -5px;
width: 100%;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}

.line-reveal .line {
border: 3px solid white;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

#line-a {
left: 0;
top: 60%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-54deg);
transform: rotate(-54deg);

}
#line-a .line {
border-color: #FFDF00;
}

#line-b {
left: 2px;
bottom: 5%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
#line-b .line {
border-color: #FFDF00;
}

#line-c {
right: 0;
bottom: 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotate(61deg);
transform: rotate(61deg);
}
#line-c .line {
border-color: #FFDF00;
}

@-webkit-keyframes wipe {
to {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}

@keyframes wipe {
to {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}


/*  parallax title   */

.para-title{
-webkit-transition: 4s;
transition: 4s;
opacity: 0;
-webkit-transform: translate(0,-80px); 
transform: translate(0,-80px); 
}

.para-titlein{
opacity: 1.0;
-webkit-transform: translate(0,0);
transform: translate(0,0); 
}

/*  parallax image   */

.para-image{
-webkit-transition: 4s;
transition: 4s;
opacity: 0;
-webkit-transform: translate(0,45px); 
transform: translate(0,45px); 
}

.para-imagein{
opacity: 1.0;
-webkit-transform: translate(0,0);
transform: translate(0,0); 
}

/*  parallax text   */

.para-text{
-webkit-transition: 4s;
transition: 4s;
opacity: 0;
-webkit-transform: translate(0,-30px); 
transform: translate(0,-30px); 
}

.para-textin{
opacity: 1.0;
-webkit-transform: translate(0,0);
transform: translate(0,0); 
}



/*  fade in   */

.fade{
-webkit-transition: 1s;
transition: 1s;
opacity: 0;
-webkit-transform: translate(0,30px); 
transform: translate(0,30px); 
}

.fadein{
opacity: 1.0;
-webkit-transform: translate(0,0);
transform: translate(0,0); 
}

.activeline{
	color:#cdcdcd;@import
}

/*  main PC   */

.mainSite {
overflow: hidden;
}

header, .cover-inner, #business, #news, #company, #group, footer{
width: 980px;
margin: 0 auto;
}

#loading-pc{
position: fixed;
width: 100%;
}

#loading-sp{
display: none;
}

header{
height: 115px;
}

.logo {
width: 180px;
float: left;
margin-top: 40px;
}

#top-sp{
display: none;
}

#top{
display: block;
}

.toggle, .global_nav{
display: none;
}

.header-nav ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: right;
margin-top: 5%;
}

.header-nav ul .nav-list{
font-family: 'Martel Sans', sans-serif;
letter-spacing: 1px;
}

.header-nav a {
position: relative;
display: inline-block;
text-decoration: none;
margin-left: 45px;
letter-spacing: 1px;
}

.header-nav a.language{
margin-left: 0;
}

.language-list{
	font-size: 12px;
	font-weight: 600;
	margin: 2px 0 0 40px;
}



.header-nav a::after {
position: absolute;
bottom: -6px;
left: 0;
content: '';
width: 98%;
height: 1px;
background: #333;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.header-nav a:hover::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}

.sp-menu{
display: none;
}

section#top{
width: 100%;
height: 100%;
position: relative;
}

.cover-image{
position: absolute;
right: 0;
z-index: -1;
mix-blend-mode: multiply;
}

.wrapper{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}

.wrapper .background-images{
height: 100vh;
background-image:none;
background-position: center;
background-repeat: no-repeat;
background-size: cover, 0 0, 0 0, 0 0;
}

.letters.letter-first{
cursor: auto;
-webkit-transition: all 0.6s ease;
-webkit-transition: all  0.6s ease;
transition: all  0.6s ease;
}

.letters.letter-second{
cursor: auto;
-webkit-transition: all 0.6s ease;
-webkit-transition: all  0.6s ease;
transition: all  0.6s ease;
}

.letters.letter-third{
cursor: auto;
-webkit-transition: all 0.6s ease;
-webkit-transition: all  0.6s ease;
transition: all  0.6s ease;
}

/* ボタンホバー時のスタイル */
.letters.letter-first:hover ~ .wrapper .background-images {
background-image: url(../img/top-image_02.jpg);
}

.letters.letter-second:hover ~ .wrapper .background-images {
background-image: url(../img/top-image_01.jpg);
}

.letters.letter-third:hover ~ .wrapper .background-images {
background-image: url(../img/top-image_03.jpg);
}

.bg-slider-sp {
display: none;
}

.cover-inner{
padding-top: 7%;
}

.cover-inner .subtitle p{
font-family: "Times New Roman", Times, "serif";
font-size: 4.3em;
letter-spacing: 5px;
line-height: 1.3em;
font-weight: 100;
}

.cover-inner .concept{
margin-top: 5%;
}

.subtitle{
padding-bottom: 50px;
}

.letters{
margin-top: 5%;
}

.text-consulting{
display: block;
background-image: url(../img/subtitle_01.png);
background-repeat: no-repeat;
background-size: contain;
width: 650px;
height: 115px;
cursor: auto;
-webkit-transition: all 0.6s ease;
-webkit-transition: all  0.6s ease;
transition: all  0.6s ease;
}

.text-consulting:hover{
background-image: url(../img/subtitle_01-hover.png);
}

.text-trading{
display: block;
background-image: url(../img/subtitle_02.png);
background-repeat: no-repeat;
background-size: contain;
width: 415px;
height: 115px;
cursor: auto;
-webkit-transition: all 0.6s ease;
-webkit-transition: all  0.6s ease;
transition: all  0.6s ease;
}

.text-trading:hover{
background-image: url(../img/subtitle_02-hover.png);
}

.text-beauty{
display: block;
background-image: url(../img/subtitle_03.png);
background-repeat: no-repeat;
background-size: contain;
width: 385px;
height: 110px;
cursor: auto;
-webkit-transition: all 0.6s ease;
-webkit-transition: all  0.6s ease;
transition: all  0.6s ease;
}

.text-beauty:hover{
background-image: url(../img/subtitle_03-hover.png);
}



.boader{
width: 40px;
border-bottom: solid 1px #dcdcdc;
display: block;
}

.concept .first-text{
font-size: 24px;
line-height: 42px;
padding-bottom: 20px;
}

.concept .second-text{
padding-bottom: 20px;
}

.concept p{
font-size: 14px;
letter-spacing: 1px;
line-height: 30px;
font-weight: 300;
}


#business{
margin-top: 30%;
}

.trading-wrapper{
position: relative;
}

.trading-title{
font-size: 80px;
letter-spacing: 5px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
left: -3.5%;
z-index: 9999;
}

.description-title h3{
font-size: 21px;
letter-spacing: 1.5px;
font-weight: lighter;
padding-top: 12px;
}

.trading-cont{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}

.trading-image{
position: relative;
left: -25%;
z-index: -9999;
}

.description{
width: 400px;
position: relative;
left: -17%;
}

.description a {
position: relative;
display: inline-block;
text-decoration: none;
}

.description a::after {
position: absolute;
bottom: -6px;
left: 0;
content: '';
width: 98%;
height: 1px;
background: #333;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.description a:hover::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}


.description p{
margin: 30px 0 40px 0;
line-height: 26px;
}

.description a{
font-size: 12px;
font-family: "Martel Sans";
}


.sub-title{
letter-spacing: 1px;
}

.description-title{
height: 55px;
padding-left: 20px;
padding-top: 5px;
border-left: solid 1px #dcdcdc;
}

.consulting{
margin-top: 120px;
}

.consulting-wrapper{
position: relative;
}

.consulting-title{
font-size: 80px;
letter-spacing: 5px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
right: -4.5%;
/*  変更箇所 20180619  */
z-index: 9999;
}

.consulting-cont{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}

.consulting-image{
position: relative;
right: -12%;
z-index: -1;
}

.consulting-image.sp{
display: none;
}

.description.right{
width: 400px;
position: relative;
left: inherit;
right: -4%;
}

.news-title h3{
font-family: "Martel Sans";
font-size: 16px;
letter-spacing: 1.5px;
font-weight: 600;
}

.news-wrapper{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 80px;
padding-bottom: 40px;
}

#news{
border-bottom: solid 1px #cdcdcd;
}

.news-index .news-wrapper{
border-bottom: none;
}

.news-nav{
margin-left: 195px;
}

.news-img a{
-webkit-transition: 1.0s ;
transition: 1.0s ;
}

.news-img a:hover{
opacity:0.5;
}

.news-text a{
-webkit-transition: 0.7s ;
transition: 0.7s ;
}

.news-text a:hover{
opacity:0.5;
}


.news-nav ul li{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-bottom: 38px;
}

.news-text{
margin-left: 45px;
}

.news-text{
font-size: 13px;
}

.date{
font-family: "Martel Sans";
font-size: 13px;
letter-spacing: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 15px;
}

.company-title h3{
font-family: "Martel Sans";
font-size: 16px;
letter-spacing: 1.5px;
font-weight: 600;
}

.company-wrapper{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 80px 0 60px 0;
}

.company-nav{
margin-left: 155px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.company-nav ul li{
line-height: 36px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.company-nav a{
-webkit-transition: 0.7s ;
transition: 0.7s ;
}

.company-nav a:hover{
opacity:0.5;
}


.company-nav ul li h4{
font-size: 14px;
font-weight: lighter;
letter-spacing: 1.25px;
width: 135px;
padding-right: 100px;
}

.company-nav ul li p{
font-size: 14px;
letter-spacing: 1.25px;
font-weight: lighter;
}


.group-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 120px 0 100px 0;
}

.group-title h3 {
font-family: "Martel Sans";
font-size: 16px;
letter-spacing: 1.5px;
font-weight: 600;
line-height: 1.5;
}

.group-info{
padding-left: 100px;
}

.group-category h4 {
font-size: 18px;
font-weight: lighter;
letter-spacing: 1.25px;
}

.group-company{
padding-top: 40px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.group-company-image img{
	width: 165px;
}

.group-company-nav{
padding-left: 40px;
}

.group-company-nav ul li{
font-size: 13px;
font-weight: lighter;
letter-spacing: 1.25px;
line-height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.item{
width: 65px;
}

.name{
padding-bottom: 5px;
}

.upper{
margin-top:  60px;
}


section.contact{
width: 100%;
background-color: #222;
text-align: center;
/*transition: background-color 2s;
-webkit-transition: background-color 2s;*/
}

section.contact:hover {
background-color: #666;
}

section.contact a h3{
font-family: "Martel Sans";
font-size: 16px;
letter-spacing: 1.5px;
width: 100%;
color: #FFFFFF;
padding: 83px 0;
}

section.contact a:hover h3{
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.map-wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}


footer{
height: 120px;
padding: 70px 0 90px 0;
text-align: center;
}

.footer-nav{
padding-bottom: 65px;
}

.footer-nav ul li{
font-size: 12px;
font-weight: lighter;
letter-spacing: 1.25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-right: 40px;
}

.footer-nav ul li a {
position: relative;
display: inline-block;
text-decoration: none;
}

.footer-nav ul li a::after {
position: absolute;
bottom: -6px;
left: 0;
content: '';
width: 98%;
height: 1px;
background: #333;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.footer-nav ul li a:hover::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}


.english-text{
font-family: "Martel Sans";
}

.footer-nav ul .last{
padding-right: 0px;
}

.footer-logo{
width: 120px;
margin: 0 auto;
padding-bottom: 20px;
}

small{
font-family: "Martel Sans";
font-size: 10px;
letter-spacing: 1.5px;
}


/*   subpage   */

#subpage{
width: 100%;
}

#subpage .subpage-top-image img{
width: 100%;
}

.pc-image{
display: block;
}

.sp-image{
display: none;
}


#subpage .subpage-wrapper{
width: 780px;
margin: 0 auto;
background-color: #fcfcfc;
position: relative;
top: -120px;
}

#subpage .subpage-wrapper .description-wrapper{
width: 100%;
}

.subpage-title{
padding-top: 60px;
}

.subpage-text-wrapper{
width: 570px;
margin: 0 auto;
}

.subpage-title h3{
font-size: 28px;
letter-spacing: 1.5px;
font-weight: lighter;
padding: 20px 0 40px 0;
}

.subpage-title .news-detail-title{
font-size: 30px;
	line-height: 1.4;

}

.subpage-en-title{
font-size: 18px;
font-family: "garamond";
letter-spacing: 1px;
}

.news-detail-date{
font-size: 16px;
}

.subpage-boarder{
width: 20px;
border-bottom: solid 1px #dcdcdc;
display: block;
}

.subpage-first-text{
font-size: 18px;
letter-spacing: 1.5px;
font-weight: lighter;
line-height: 28px;
padding: 40px 0 55px 0;
text-align: justify;
}

/*.subpage-first-text.contact-text{
padding: 0 0 30px 0;
}*/

.subpage-other-text{
line-height: 26px;
padding-bottom: 80px;
text-align: justify;
}

.form .subpage-other-text{
padding-bottom: 60px;
}

.form-area p{
font-size: 12px;
letter-spacing: 1.5px;
font-weight: lighter;
line-height: 22px;
padding-bottom: 10px;
}

.required{
font-size: 10px;
color: #ff233c;
}

.form-contents{
padding-bottom: 20px;
}

.form-contents.submit{
margin-top: 40px;
padding-bottom: 0;
}

input{
width: 570px;
height: 35px;
border: solid 1px #dcdcdc;
}

.personal input{
width: 15px;
height: 19px;
margin-right: 15px;
}

.submit input{
width: 570px;
height: 40px;
background-color: #333;
border: solid 1px #333;
color: #fff;
font-size: 14px;
cursor: pointer;
}


textarea{
width: 570px;
border: solid 1px #dcdcdc;
}

.subpage-other-text.last-text{
padding-bottom: 0;
}

.subpage-image{
padding-bottom: 40px;
}

.phone-number{
font-family: "Martel Sans";
font-size: 18px;
letter-spacing: 1.5px;
padding: 0 0 30px 0;
}

.privacy{
padding-top: 40px;
}

/*  sub-menu   */

/*.header-nav {
overflow: hidden;
}

.header-nav li a {
display: block;
padding-left: 35px;
height: 40px;
color: #333;
font-size: 14px;
line-height: 2.8;
text-decoration: none;
box-sizing: border-box;
overflow: hidden;
}

.header-nav li ul {
width: 150px;
display: none;
position: absolute;
}

.header-nav li .sub-menu{
margin-top: 0;
height: 60px;

}*/

/*  main tablet   */

@media screen and (min-width:600px) and ( max-width:1080px) {	

.mainSite {
overflow: hidden;
}	

#top-sp{
display: block;
position: relative;
}


#loading-pc{
display: none;
}

#loading-sp{
display: block;
position: fixed;
width: 100%;
}

#top{
display: none;
}

#top-sp .subtitle ul li {
font-size: 7em;
letter-spacing: 1px;
line-height: 1.25;
}

.bg-slider-sp {
height: 80vh;
background-position:center center;
background-size: cover;
display: block;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.language-list {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
    font-size: inherit;
    font-weight: inherit;
    margin: auto;
}

.activeline {
    font-size: 1.7em;
}

#line-c {
bottom: 70%;
}	

#line-b {
bottom: 40%;
}

#line-a {
top: 25%;
}

header, .cover-inner,  #news, #company, #group, footer {
width: 80%;
}

nav.header-nav{
display: none;
}


.logo {
width: 200px;
margin-top: 37px;
}

.cover-inner {
padding-top: 0px;
position: relative;
top: -200px;
}

.cover-inner .subtitle p {
font-size: 3.3em;
}

.cover-inner  .concept .first-text {
font-size: 24px;
line-height: 42px;
padding-bottom: 20px;
}

.cover-inner .concept p {
font-size: 13px;
line-height: 24px;
}	

.toggle, .global_nav {
display: block;
}

#business {
margin-top: 5%;
}

.trading-cont, .trading-image, .description,.description.right, .consulting-cont, .consulting-image, .news-wrapper , .company-wrapper, .group-wrapper{
position: initial;
display: initial;
}

#business{
width: 100%;
}

.trading-title {
left: -2.5%;
}

.consulting-title {
right: -8%;
}

.description-title {
margin: 7% 10% 0 10%;
padding-left: 10px;
padding-top: 0;
}

.description p {
margin: 2% 10% 0 10%;
line-height: 22px;
}

.description a {
margin: 5% 10% 0 10%;
display:block;
text-decoration: underline;
}

.news-title h3, .company-title h3, .group-title h3{
font-size: 21px;
text-align: center;
padding: 10% 0 8% 0;
font-weight: lighter;
}

.consulting-image.sp{
display: initial;
}

.consulting-image.pc{
display: none;
}


.consulting-image img {
width: 90%;
}

.company-nav {
margin-left: 25%;
margin-bottom: 10%;
}

.group-info {
padding-left: 0; 
margin-bottom: 10%;
}

.news-nav {
margin-left: 0;
}

section.contact a h3{
padding: 10% 0;
}

footer {
height: 90px;
padding-top: 50px;
}

/*************************************
* ハンバーガーメニュー
*************************************/

/***** クリック前のボタン *****/
.toggle {
/* display:none; */ /* 通常時は非表示 */
position: fixed;
right: 5%;
top: 4%;
display: block;
width: 45px;
height: 40px;
cursor: pointer;
z-index: 3;
}
.toggle span {
display: block;
position: absolute; /* .toggleに対して */
width: 70%;
border-bottom: solid 1px #333;
-webkit-transition: .35s ease-in-out;
transition: .35s ease-in-out;
padding-top: 5px;
right: 7px;
}
.toggle span:nth-child(1) {
top: 3px;
}
.toggle span:nth-child(2) {
top: 13px;
}
.toggle span:nth-child(3) {
top: 23px;
}
.toggle span:nth-child(4) {
border: none;
top: 28px;
left: 5px;
font-size: 12px;
font-weight: bold;
}

/***** クリック後のボタン *****/
/* 最初のspanをマイナス45度にする */
.toggle.active span:nth-child(1) {
top: 15px;
left: 4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度にする */
.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
top: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



/*************************************
* グローバルメニュー
*************************************/
/* .global_nav */
.global_nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
z-index: 2;
padding-top: 20%;
text-align: center;
color: #000;
background: #fcfcfc;
-webkit-transition: all 0.8s;
transition: all 0.8s;
overflow: hidden;
}

.global_nav li{
/*width: 100%;*/
padding: 7% 0;
list-style-type: none;
}

.global_nav a {
display: block;
color: #333;
font-family: 'Martel Sans', sans-serif;
font-size: 1.7em;
letter-spacing: 1px;
}

	.language-list{
		font-size: inherit;
		font-weight: normal;
	}

/* .global_navに.activeが追加 */
.global_nav.active {
-webkit-transform: none;
transform: none;
}


/*  fade in   */

.fade{
-webkit-transition: 1s;
transition: 1s;
opacity: 0;
-webkit-transform: translate(0,20px); 
transform: translate(0,20px); 
}

.fadein{
opacity: 1.0;
-webkit-transform: translate(0,0);
transform: translate(0,0); 
}

/*  parallax title   */

.para-title{
/*  変更箇所 20180619  */
/*-webkit-transition: none;
transition: none;*/
}

/*  parallax image   */

.para-image{
/*  変更箇所 20180619  */
/*-webkit-transition: none;
transition: none;*/
}

/*  parallax text   */

.para-text{
-webkit-transition: none;
transition: none;
}

/*  sp-fade   */

.sp-fade{
-webkit-transition: 1s;
transition: 1s;
opacity: 0;
-webkit-transform: translate(0,30px); 
transform: translate(0,30px); 
}

.sp-fadein{
opacity: 1.0;
-webkit-transform: translate(0,0);
transform: translate(0,0); 
}



}

/*  main SP   */

@media screen and (max-width:600px)  {

/*  変更箇所 20180619  */
.mainSite {
overflow: hidden;
}

header, .cover-inner,  #news, #company, #group, footer {
width: 90%;
}	

#loading-pc{
display: none;
}

#loading-sp{
display: block;
position: fixed;
width: 100%;
}

	
.language-list{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.language-list {
    font-size: inherit;
    font-weight: inherit;
    margin: auto;
}

	
.toggle, .global_nav {
display: block;
}

.pc-loarding{
display: none;
}

.sp-loarding{
display: block;
}


#top-sp{
display: block;
position: relative;
}

#wrap {
position: relative;
width: 100%;
}

#line-a {
left: -5;
top: -130px;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-70deg);
transform: rotate(-70deg);
}

#line-b {
left: 0;
bottom: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}

#line-c {
right: 0;
bottom: 155px;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}


#top{
display: none;
}

#top-sp .subtitle ul li {
font-size: 54px;
letter-spacing: 1px;
line-height: 1.25;
padding-top: 0;
}

.bg-slider-sp {
height: 60vh;
background-position:center center;
background-size: cover;
display: block;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}


.line-reveal {
width: 100%;
height: 3px;
overflow: hidden;
position: absolute;
}


h3{
font-size: 14px;
}

h4{
font-size: 12px;
}

header {
height: 80px;
}

.logo {
width: 50%;
margin-top: 8%;
}

nav.header-nav{
display: none;
}

.subtitle ul li img{
width: 80%;
}

.cover-inner {
padding-top: 0;
position: relative;
top: -110px;
}

.boader {
width: 30px;
}

.cover-inner .concept {
margin-top: 10%;
}

.subtitle {
padding-bottom: 10%;
}

br.spbr{
display: none;
}

.cover-inner .subtitle p {
font-size: 2.3em;
line-height: 1.2em;
}

.concept p {
font-size: 12px;
line-height: 20px;
letter-spacing: 0.5px;
}

.concept .first-text {
font-size: 19px;
line-height: 36px;
padding-bottom: 20px;
}

header, .cover-inner, .company, footer {
width: 90%;
}

#business {
width: 100%;
margin-top: 0;
}

.trading-cont, .trading-image, .description,.description.right, .consulting-cont, .consulting-image, .news-wrapper , .company-wrapper, .group-wrapper, .group-company{
position: initial;
display: initial;
}


.trading-title, .consulting-title {
font-size: 45px;
}

.trading-image img {
width: 90%;
}

.description-title {
margin: 15% 5% 0 5%;
padding-left: 10px;
padding-top: 0;
}

.description p {
font-size: 12px;
margin: 5% 5% 0 5%;
line-height: 22px;
}

.description a {
margin: 10% 5% 0 5%;
display:block;
text-decoration: underline;
}

.consulting-image img {
width: 90%;
}

.consulting-image.sp{
display: initial;
z-index: -9999;
}

.consulting-image.pc{
display: none;
}

.consulting {
margin-top: 30%;
}

.white-zone {
background-color: #FFFFFF;
margin-top: 30%;
}
	
.white-zone.news-index {
    margin-top: 10%;
}

.news-nav, .company-nav{
margin-left: 0;
}

.news-title h3, .company-title h3, .group-title h3{
text-align: center;
padding: 20% 0 15% 0;
font-weight: lighter;
}

.news-img img{
width: 100%;
}

.news-text {
margin-left: 5%;
line-height: 20px;
}

.date {
font-size: 10px;
padding-bottom: 0%;
}

.company-nav ul li h4 {
font-size: 12px;
width: 40%;
padding-right: 0;
}

.company-nav ul li p {
font-size: 12px;
width: 70%;
}

#company{
margin-bottom: 20%;
}


#group{
margin-bottom: 20%;
}

.group-company-image{
margin-top: 15%;
}

.group-company-image img{
width: 45%;
}

.item {
font-size: 12px;
width: 25%;
padding-right: 0;
font-weight: lighter;
letter-spacing: 1.25px;
}

.name {
padding-bottom: 0;
}

.group-info, .group-company-nav ul li p{
font-size: 12px;
width: 100%;
letter-spacing: 1.25px;
font-weight: lighter;
}

.upper {
margin-top: 35%;
}

.group-info, .group-company-nav{
padding-left: 0;
margin-top: 5%;
}

section.contact a h3{
font-size: 14px;
padding: 8% 0;
}

.footer-nav{
display: none;
}

footer {
height: auto;
padding: 15% 0 25% 0;
}



/*    subpage    */

.pc-image{
display: none;
}

.sp-image{
display: block;
}

#subpage .subpage-wrapper {
width: 100%;
background: none;
top: -80px;
}

.subpage-text-wrapper {
width: 75%;
padding: 0 7%;
background-color: #fcfcfc;
}

.subpage-first-text {
font-size: 1.2em;
padding: 10% 0 15% 0;
line-height: 30px;
}

.subpage-first-text.contact-text {
padding: 10% 0 10% 0;
}

.phone-number {
font-size: 1.2em;
padding: 0 0 10% 0;
}

.subpage-other-text {
font-size: 0.8em;
line-height: 22px;
padding-bottom: 15%;
}

.subpage-first-text br{
display: none;
}

.subpage-title {
padding-top: 10%;
}

.subpage-en-title {
font-size: 14px;
}

.subpage-title h3 {
font-size: 22px;
padding: 5% 0 10% 0px;
}

.subpage-title .news-detail-title {
    font-size: 24px;
}	

.subpage-image img{
width: 100%;
}

.form .subpage-other-text {
padding-bottom: 10%;
}

.form-contents {
padding-bottom: 10%;
}

.form-area p {
font-size: 0.8em;
padding-bottom: 5%;
}

input{
width: 100%;
height: 30px;
}

.personal input{
}

.submit input{
width: 100%;
height: 30px;
font-size: 14px;
}

.form-contents.submit {
margin-top: 10%;
}

textarea{
width: 100%;
}


/*************************************
* ハンバーガーメニュー
*************************************/

/***** クリック前のボタン *****/
.toggle {
/* display:none; */ /* 通常時は非表示 */
position: fixed;
right: 5%;
top: 4%;
display: block;
width: 45px;
height: 40px;
cursor: pointer;
z-index: 3;
}
.toggle span {
display: block;
position: absolute; /* .toggleに対して */
width: 70%;
border-bottom: solid 1px #333;
-webkit-transition: .35s ease-in-out;
transition: .35s ease-in-out;
padding-top: 5px;
right: 7px;
}
.toggle span:nth-child(1) {
top: 3px;
}
.toggle span:nth-child(2) {
top: 13px;
}
.toggle span:nth-child(3) {
top: 23px;
}
.toggle span:nth-child(4) {
border: none;
top: 28px;
left: 5px;
font-size: 12px;
font-weight: bold;
}

/***** クリック後のボタン *****/
/* 最初のspanをマイナス45度にする */
.toggle.active span:nth-child(1) {
top: 15px;
left: 4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度にする */
.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
top: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



/*************************************
* グローバルメニュー
*************************************/
/* .global_nav */
.global_nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
z-index: 2;
padding-top: 50%;
text-align: center;
color: #000;
background: #fcfcfc;
-webkit-transition: all 0.8s;
transition: all 0.8s;  
}
.global_nav .nav_li {
width: 100%;
padding: 7% 0;
list-style-type: none;
font-family: 'Martel Sans', sans-serif;
}
.global_nav .nav_li a {
display: block;
color: #333;
font-family: 'Martel Sans', sans-serif;
font-size: 14px;
letter-spacing: 1px;
}

.global_nav li{
padding-bottom: 10%;
}


/* .global_navに.activeが追加 */
.global_nav.active {
-webkit-transform: none;
transform: none;
}

/*  fade in   */

.fade{
-webkit-transition: 1s;
transition: 1s;
opacity: 0;
-webkit-transform: translate(0,20px); 
transform: translate(0,20px); 
}

.fadein{
opacity: 1.0;
-webkit-transform: translate(0,0);
transform: translate(0,0); 
}

/*  parallax title   */

/*  parallax title   */

.para-title{
/*  変更箇所 20180619  */
/*-webkit-transition: none;
transition: none;*/
}

/*  parallax image   */

.para-image{
/*  変更箇所 20180619  */
/*-webkit-transition: none;
transition: none;*/
}

/*  parallax text   */

.para-text{
-webkit-transition: none;
transition: none;
}

/*  sp-fade   */

.sp-fade{
-webkit-transition: 1s;
transition: 1s;
opacity: 0;
-webkit-transform: translate(0,30px); 
transform: translate(0,30px); 
}

.sp-fadein{
opacity: 1.0;
-webkit-transform: translate(0,0);
transform: translate(0,0); 
}

}

/*  20180529   */

.news-img img {
	width: 120px;
	height: 120px;
	-o-object-fit: cover;
	object-fit: cover;
}