#company main > section {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
}
#company.index main{margin-bottom:200px;}
#company.index .sec2{
    max-width:1040px;
    margin-top:218px;
}
#company.index .sec2 .img{
    width:100%;
    height:auto;
    overflow:hidden;
    border-radius:8px;
    margin-bottom:180px;
}
#company.index .sec2 .img img{
    width:100%;
    height:auto;
}
#company.index .sec2 .title{text-align:left;}
#company.index .sec2 .title span{font-size:2rem; font-weight: 400;}
#company.index .sec2 .title small{color:#66c166;}
#company.index .sec2 .title small:before,
#company.index .sec2 .title small:after{content:none;}
#company.index .sec2 > div{
    margin-top:46px;
}
#company.index .sec2 div  dl{
    display:flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#company.index .sec2 > div  dl *{line-height:1.9rem;}
#company.index .sec2 > div > dl{
    padding:30px 0;
    border-bottom:1px solid #9c9c9c;
}
#company.index .sec2 > div > dl > dt{
    width: 100%;
    font-size:1rem;
}
#company.index .sec2 > div > dl > dd{
    width: 100%;
    font-size:1rem;
}
#company.index .sec2 > div > dl dl{
    padding-bottom:18px;
    margin-bottom:18px;
    border-bottom:1px dotted #acacac;
}
#company.index .sec2 > div > dl dl dt{
    width: 100%;
}
#company.index .sec2 > div > dl dl dd{
    width: 100%;
}
#company.index .sec2 div  dl a.flex{
    padding: 18px 0 18px 0;
    border-bottom: 1px dotted #acacac;
}
#company.index .sec2 div  dl a.flex.ill:before,
#company.index .sec2 div  dl a.flex.ill:after{
    top:67%;
}
#company.index .sec2 div  dl a.flex span{display:block;}
#company.index .sec2 div  dl a.flex:first-of-type{padding-top:0px;}
#company.index .sec2 div  dl a.flex:last-of-type{border:none;padding-bottom:0;}
#company.index .sec2 div  dl a.flex span:nth-child(1){
    width: 100%;
    font-size: 1rem;
}
#company.index .sec2 div  dl a.flex span:nth-child(2){
    width: 100%;
    font-size: 1rem;
    padding-right:3rem;
}

#company.index .sec2 > div > dl dl:last-of-type{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

#company.index .sec2 > div > dl dl dd span{
    position:relative;
}
#company.index .sec2 > div > dl dl dd span:after{
    content: "";
    width: 100%;
    height: 0;
    border-top: 1px solid #acacac;
    display: inline;
    bottom: 0;
    position: absolute;
    left: 0;
}

#company.index .sec3 {margin-top:180px;max-width:1040px;}
#company.index .sec3 .title{text-align:left;}
#company.index .sec3 .title span{font-size:2rem;}
#company.index .sec3 .title small{color:#66c166;}
#company.index .sec3 .title small:before,
#company.index .sec3 .title small:after{content:none;}
#company.index .sec3 div{
    position:relative;
    margin-top:75px;
}
#company.index .sec3 div dl{
    display:flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom:27px;
}

#company.index .sec3 div dl * {line-height:1.9rem;}

#company.index .sec4 {margin-top:180px;max-width:1040px;}
#company.index .sec4 .title{text-align:left;}
#company.index .sec4 .title span{font-size:2rem;}
#company.index .sec4 .title small{color:#66c166;}
#company.index .sec4 .title small:before,
#company.index .sec4 .title small:after{content:none;}
#company.index .sec4 > div:last-child{
    width:82%;
    height:0;
    padding-bottom:100%;
    background-image:url(/img1.svg);
    background-size:contain;
}
#company.index .sec5{max-width:950px;margin-top:200px;}
#company #view.anc{top:-150px;}



#company.access main{
    margin-bottom:200px;
}
#company.access .sec2{margin-top:222px;
    max-width:1027px!important;
}
#company.access .sec2 > div{
    border-bottom:1px solid #9c9c9c;;
    padding-bottom:57px;
   margin-bottom:57px;
}
#company.access .sec2 > div:last-child{border:none;}
#company.access .sec2 > div .left{width:45%;}
#company.access .sec2 > div .left p{margin-top:18px;font-size:1.1rem;}
#company.access .sec2 > div .left span{display:block;margin-top:30px;line-height:1.9;font-size:1.1rem;;}
#company.access .sec2 > div .right{width:48%;}
#company.access .sec2 > div .right iframe{
    width:100%;
    max-width:494px;
    height:270px;
    border:none;
}


#company.philosophy .sec2{margin-top:220px;}
#company.philosophy h2{width:100%;}
#company.philosophy h2 span{width:100%;text-align:center;}
#company.philosophy h2 small{width:100%;text-align:center;}

#company.philosophy .sec2 > div{margin:73px auto 0 auto;;max-width:1027px;}
#company.philosophy .sec2 > div:before,
#company.philosophy .sec2 > div:after{
    content:"";
    width:0px;
    height:80%;
    border-right:1px solid #ececec;
    top:50%;
    transform:translateY(-50%);
    display:block;
    position:absolute;
}
#company.philosophy .sec2 > div:before{
    left:31.5%;
}
#company.philosophy .sec2 > div:after{
    right:31.5%;
}

#company.philosophy .sec2 > div div{width:28%;position:relative;}
#company.philosophy .sec2 > div div h3{text-align:center;font-size:1.5rem;color:#0092c9;}
#company.philosophy .sec2 > div div img{
    width:100%;
    max-width:206px;
    height:auto;
    position: relative;
    display: block;
    margin-top: 57px;
}

#company.philosophy main{margin-bottom:200px;}
#company.philosophy .sec2 > div div p{font-size:1rem;line-height:1.9em;margin-top: 50px;text-align:justify;}
#company.philosophy .sec3{
    margin-top:100px;
    padding-top:1px;
    padding-bottom:216px;
}
#company.philosophy .sec3 > div{margin-top:120px;max-width:1027px;}
#company.philosophy .sec3 > div .bg{
    margin-top:100px;
    height:0;
    background-image:url(/images/company/philosophy/figure.svg);
    padding-bottom:79%;
    background-size:contain;    
}
#company.philosophy .sec4{
    padding-top:1px;
    margin-top:160px;
}
#company.philosophy .sec4 > div{
    max-width:1030px;
}
#company.philosophy .sec4 > div h2{
    text-align: left;
    margin-top: 112px;
}
#company.philosophy .sec4 > div p{
    font-size: 2.6rem;
    line-height: 1.9;
    margin-top: 95px;
    padding-bottom:426px;
}
#company.philosophy .sec4 > div div{
    width: 100%;
    margin-left: 0%;
    margin-top: 12%;
    height: auto;
    position: absolute;
    display: block;
}
#company.philosophy .sec4 > div div img{
    width:100%;
    height:auto;
}
#company.philosophy .sec5 {margin-top:175px;padding:0 7%;}
#company.philosophy .sec5 h2{text-align:left;}
#company.philosophy .sec5 .items > div{width:49%;}
#company.philosophy .sec5 .items > div div{width:73%;}
#company.philosophy .sec5 .items > div div img{
    display:block;
    position:relative;
    width:82%;
    margin:0 auto;
}
#company.philosophy .sec5 .items > div span{
    display:block;
    color:#0092c9;
    text-align:center;
    font-size:1.5rem;
    margin-top:45px;
}
#company.philosophy .sec5 .items > div p{
    text-align:center;
    font-size:1.05rem;
    margin-top:24px;
}
#company.philosophy .sec6{
    max-width:990px;
    margin-top:200px;
}
#company.en .heading{height:160px;}
#company.en .sec2{margin-top:0;}
#company.en .sec2 > div > dl > dt {
    width: 20%;
    font-size: 1rem;
}
#company.en .sec2 > div > dl > dd {
    width: 70%;
    font-size: 1rem;
}
#company.en .sec2 > div > dl > dd > a{
padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px dotted #acacac;
}
#company.en .sec2 > div > dl > dd > a:last-child{
    border:none;
    padding-bottom:0;
    margin-bottom:0;
}
#company.en .sec3 div dl {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom: 1px dotted #acacac;
}
#company.en .sec3 div:after {
    content: none;
}


#company.en .sec3 > a{margin-top: 200px;}

#company.group main{margin-bottom:200px;}
#company.group .sec2{
    margin-top:213px;
    max-width:1027px;
}
#company.group .sec2 h2{
    font-size:1.5rem;
    padding-bottom:50px;
    border-bottom: 1px solid gray;
}
#company.group .sec2 > div{
        margin-bottom: 34px;
    padding-top: 58px;
    border-bottom: 1px dotted gray;
    padding-bottom: 66px;
}

#company.group .sec2 > div > div{width:48%;}
#company.group .sec2 > div > div:nth-of-type(1) img{width:80%;max-width:280px;position:relative;display:block;left:50%;transform:translateX(-50%);}
#company.group .sec2 > div > div:nth-of-type(2) h3{top: -0.2em;position: relative;}
#company.group .sec2 > div > div:nth-of-type(2) h3{font-size:1.5rem;}
#company.group .sec2 > div > div:nth-of-type(2) span{display:block;margin-top:5px;line-height:1.9em;}
#company.group .sec2 > div > div:nth-of-type(2) span.green{
    margin:0.6rem 0 1.5rem 0;
}
#company.group .sec2 > div > div:nth-of-type(2) a{left:0;transform:none;margin-top:24px;padding: 12px 53px;}
#company.group .sec2 > div > div:nth-of-type(3) {margin-top:55px;}
#company.group .sec2 > div > div:nth-of-type(3) span{margin-bottom:6px;width:100%;font-size:1rem;;}
#company.group .sec2 > div > div:nth-of-type(4){margin-top: 54px;}
#company.group .sec2 > div > div:nth-of-type(4) dt{width:16%;font-size:1rem;line-height:1.9rem;}
#company.group .sec2 > div > div:nth-of-type(4) dd{width:79%;font-size:1rem;line-height:1.9rem;}
#company.group .sec2 > div > div:nth-of-type(4) dl:nth-of-type(n+2){margin-top:30px;}

#company.group .sec2 > div:nth-of-type(n+2) > div:nth-of-type(4) dt{width:10%;}
#company.group .sec2 > div:nth-of-type(n+2) > div:nth-of-type(4) dd{width:85%;}


#company.group .sec2 > a {
    display: inline-block;
    margin-top: 55px;
    font-size: 1rem;
}


#company a {
  background-color: transparent;
}

#company a:active,
#company a:hover {
  outline: 0;
}


#company abbr[title] {
  border-bottom: 1px dotted;
}
#company b,
#company strong {
  font-weight: bold;
}

#company dfn {
  font-style: italic;
}
#company h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
#company mark {
  background: #ff0;
  color: #000;
}
#company small {
  font-size: 80%;
}
#company sub,
#company sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

#company sup {
  top: -0.5em;
}

#company sub {
  bottom: -0.25em;
}
#company img {
  border: 0;
}
#company svg:not(:root) {
  overflow: hidden;
}
#company figure {
  margin: 1em 40px;
}
#company hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
#company pre {
  overflow: auto;
}
#company code,
#company kbd,
#company pre,
#company samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
#company button,
#company input,
#company optgroup,
#company select,
#company textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
#company button {
  overflow: visible;
	background: none;
    border: none;
	outline: none;
}
#company button,
#company select {
  text-transform: none;
}
#company button,
#company html input[type="button"], /* 1 */
#company input[type="reset"],
#company input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
#company button[disabled],
#company html input[disabled] {
  cursor: default;
}
#company button::-moz-focus-inner,
#company input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
#company input {
  line-height: normal;
}
#company input[type="checkbox"],
#company input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
#company input[type="number"]::-webkit-inner-spin-button,
#company input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
#company input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
#company input[type="search"]::-webkit-search-cancel-button,
#company input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

#company fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
#company legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
#company textarea {
  overflow: auto;
}

#company optgroup {
  font-weight: bold;
}
#company table {
  border-collapse: collapse;
  border-spacing: 0;
}

#company td,
#company th {
  padding: 0;
}

*{
	text-decoration: none;
	box-sizing:border-box;
	}
    #company h1,
    #company h2,
    #company h3,
    #company h4,
    #company div,
    #company dl,
    #company dt,
    #company dd,
    #company ul,
    #company li,
    #company img,
    #company a,
    #company p,
    #company span,
    #company iframe,
    #company small,
    #company strong,
    #company figure,
    #company address{
        list-style:none;
        margin:0;
        padding:0;
        color:inherit;
        font-style:inherit;
	}
    #company h1,
    #company h2,
    #company h3,
    #company h4{
        -webkit-font-smoothing:antialiased;
        letter-spacing: 0.04em;
	}
    #company select{
	height:26px;
	margin-top:-2px;
	outline:none;
	font-size:12px;
	}
    #company input{
	margin-top:-2px;
	}
    #company p{
	line-height:1.5rem;
	letter-spacing:0.02em;
	}
    #company a, #company span{
	color:inherit;
	font-size:inherit;
	outline:none;
	}


#company h1,
#company h2,
#company h3,
#company h4,
#company h5,
#company .futo,
#company .title > small,
#company .title2 > small{font-family:a-otf-futo-go-b101-pr6n , sans-serif;}
#company time,#company .title > span , #company .title2 > span{font-family: 'DIN Next LT W01 Light' , sans-serif;}
#company .din_r{font-family: 'DIN Next LT W01 Regular' , sans-serif;}
#company .din_l{font-family: 'DIN Next LT W01 Light' , sans-serif;}

#company html{font-size:16px;}
#company p{line-height:1.9em;}
#company a{position:relative;display:block;letter-spacing:1px;}
#company a > img{width:100%;height:auto;}

#company img {width:auto;height:100%;}
#company .center_x{
  position:relative;
  display:block;
  left:50%;
  transform:translateX(-50%);
}
#company .center_y{
  position:absolute;
  display:block;
  top:50%;
  transform:translateY(-50%);
}
#company .center_xy{
  position:absolute;
  display:block;
  left:50%;
  top:50%;
  transform:translate(-50% , -50%);
}

#company .margin_center{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:autoe
}
#company .wfull{min-width:1100px;}
#company .wfull{width:100%;}
#company .wdef{max-width:1260px;}
#company .w1300,#company .w1070,#company .w1000,#company .w1100,#company .w750,#company .w915{width:100%;}
#company .red{color:red;}
#company .green{color:#66c166;}
#company #_sample{display:none;;transition:opacity .5s;}
#company #_sample.on{display:block;opacity:0.65;}
#company #_sample img ,#_sample{width:2000px;height:auto;}
#company #_sample{position:absolute;top:0;left:50%;transform:translateX(-50%);}

@media all and (min-width:751px) {#company .sp{display:none;}}
#company .pc{display:block;}

#company .flex{
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}


#company .bg{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
#company .bg_gray{
    background-color:#f8f8f8;
    width:100%;
}
#company .marimo {
    display: flex;
    padding-left: 3.7em;
    text-indent: -2em;
    padding-bottom: 0.8rem;
    position: relative;
}
#company .marimo:hover {
    text-decoration: none;
}
#company .marimo span {
    width: 56%;
    white-space: pre;
}
#company .marimo small {
    color: #66c166;
    font-size: 1rem;
}
#company .marimo:before{
    position:absolute;
    display:inline-block;
    content:"";
    width: 20px;
    height: 20px;
    top:0.15em;
    left: 0;
    /* margin-right:0.85em; */
    background-image: url(https://www.future-s.com/images/common/marimo_rot.svg);
    background-repeat:no-repeat;
    background-position:center;
}
#company .marimo.rot:before{
    background-image: url(https://www.future-s.com/images/common/marimo.svg);
}
#company .tail{
    display:inline-block;
    padding-left: 2em;
    text-indent: -2em;
}
#company .tail:before{
    position:relative;
    display:inline-block;
    content:"";
    width:0.9em;
    height:0.9em;
    top:0.15em;
    margin-right:1em;
    border:1px solid black;
    background-color:#0092c9;
}
#company .delta{position:relative;}
#company .delta:after{
    content: "";
    display: block;
    position:absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 11px solid #0092c9;
    top:50%;
    transform:translatey(-50%);
    right:5%;
    transition:all .5s;
}

#company .soft{
    background: rgba(255,255,255,1);
    border: 1px solid #e0e0e0;
    border-radius: 9px;
}
#company .title{
    font-weight:100;
    text-align:center;
}
#company .title {font-size:15px;}
#company .title span{display:block;font-size:2.7rem;}
#company .title small{
    position:relative;
    display:block;
    font-size:0.95rem;
    margin-top:10px;
    display:inline-block;
    z-index:1;
}
#company .title small:before,
#company .title small:after{
    content:"";
    background-color:#66c166;
    position:absolute;
    display:block;
    border-radius:5px;
    z-index:-1;
}
#company .title small:before{
    height:0.5em;
    width:4px;
    left:-0.1em;;
    bottom:0.2em;
}
#company .title small:after{
    width:100%;
    height:4px;
    left:0;
    bottom:0.2em;
}

#company .title2{
    font-weight:100;
    display:inline-block;
    text-align:left;
}
#company .title2 span{display:block;font-size:1.95rem;}
#company .title2 small{
    position:relative;
    display:inline-block;
    font-size:0.95rem;
    margin-top:10px;
    display:inline-block;
    color:#66c166;
}



#company .heading{
    max-width:1040px;
    height:260px;
}
#company .heading > h1{
    position:absolute;
    left:0;
    bottom:0;
    text-align:left!important;
}
#company .heading > h1 span{
    font-size: 2.9rem;
    letter-spacing: 0.2rem;
}
#company .heading > h1 small{
    margin-top:10px;
    display:inline-block;
}

#company a.deco1,#company a.deco2{
    font-family: 'DIN Next LT W01 Light' , sans-serif;
    position: relative;
    font-size:0.85rem;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    border: solid 1px #000028;
    border-radius: 4px;
    padding: 10px 45px;
    transition:all .5s;
}
#company a.deco1:hover,#company a.deco2:hover{
    background-color:#66c166;
    color:white;
    border-color:#66c166;
}
#company a.deco3{
    font-family: 'DIN Next LT W01 Light' , sans-serif;
    color:#acacac !important;
    position: relative;
    font-size:0.85rem;
    display: inline-block;
    font-size:1.1em;
    font-weight: 400;
    transition:color .5s;
}
#company a.deco3:before,#company a.deco3:after{
    content:"";
    display:inline-block;
    position:relative;
}
#company a.deco3:before{
    height:1rem;
    width:0;
    top:0.05rem;
    border-left:1px solid #acacac;
    margin:0 0.7em;
    transition:all .5s;
}
#company a.deco3:after{
    content: "";
    display: block;
    position:absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 11px solid #acacac;
    top:49%;
    transform:translatey(-50%);
    right:-1.5rem;
    transition:all .5s;
}
#company a.deco3:hover{
    color:#777;
}
#company a.deco3:hover:before{
    border-left:1px solid #777;
    color:#777;
}
#company a.deco3:hover:after{
    border-left: 11px solid #0092c9;
}

#company a.deco4{
    padding-right:3rem;
    transition:color 0.5s;
    position: relative;
}
#company a.deco4:hover {
    text-decoration: none;
    color: #aaa !important;
}
#company a.deco4:before,
#company a.deco4:after{
    content:"";
    display:inline-block;
    position:absolute;
    width:1.3rem;
    height:1.3rem;
    top:50%;
    transform:translateY(-50%);
    right:0.5rem;;
    margin-left:0.3rem;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}
#company a.deco4:before{
    background: url(/blank_g.svg);
    background-repeat: no-repeat;
}
#company a.deco4:after{
    background-image:url(/blank.svg);
    opacity:0;
    transition:opacity 0.5s;
}
#company a.deco4:hover{
    color:#aaa;
}
#company a.deco4:hover:after{
    opacity:1;
}
#company a.deco5{
    text-align:center;
    background: rgba(255,255,255,0.8);
    border: 1px solid #e0e0e0;
    border-radius: 9px;
}
#company a.deco6{
    font-family: 'DIN Next LT W01 Light' , sans-serif;
    position: relative;
    font-size:0.85rem;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    border: 1px solid #000028;
    padding: 12px 62px;
}
#company a.deco7:after{
    content: "";
    display: block;
    position:absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 11px solid #acacac;
    bottom:0.4em;;
    right:-7%;
    transition:all .5s;
}



#company .hover_anim2,
#company .hover_anim {
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#company .hover_anim2 > a,
#company .hover_anim > a {
    position: relative;
    width: 100%;
    padding:100px 0;
    z-index:1;
}
#company .hover_anim > a:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    z-index:-1;
    background-color: rgba(255,255,255,1);
    border: 1px solid #e0e0e0;
    border-radius: 9px;
    transition:all .5s;
}
#company .hover_anim2 > a h5,
#company .hover_anim > a h5{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    margin:0;
}
#company .hover_anim2 > a span,
#company .hover_anim > a span{line-height: 1.3em;font-size:2rem;font-family: 'DIN Next LT W01 Light' , sans-serif;}
#company .hover_anim2 > a small,
#company .hover_anim > a small{margin-top:23px;z-index:1;}

#company .hover_anim2 .p3,
#company .hover_anim .p3{
    width:33.3%;
}
#company .hover_anim2 .p4{width:25%;}
#company .hover_anim .p4{width:25%;}

#company .hover_anim2 .p2,
#company .hover_anim .p2{
    width: 100%;
}
#company .hover_anim:hover > a:before{
    background-color: rgba(255,255,255,.8);
    width:92%;
    height:70%;
}
#company .hover_anim:hover > a:after{right:8%;}
#company .hover_anim:hover > .p3:before{width:80%;}
#company .hover_anim:hover > .p3:after{right:15%;}

#company .anc{width:0;
height:0;
position:relative;
top:-80px;
}
#company .hover_anim2 > a{
    border: 1px solid #e0e0e0;
    border-radius: 9px;
    transition:all .5s;
    background:white;
}
#company .hover_anim2 > a:hover{
    transform:translate(-10px,-10px);
    filter: drop-shadow(10px 10px 0 #aaa);
    z-index:1;
}

#company main > h1{line-height:40px;width:88px;}
#company main > h1 span:first-child{
  font-size:20px;
  letter-spacing:2px;
}



/*     animation       */
#company  .popup , #company  .popupall > * {
    opacity:0;
    transform:translateY(30px);
}
#company  .popup2 , #company  .popupall2 > * , #company  .heading {
    /* opacity:0; */
    transform:translateY(0);
}
#company  .popup.up , #company  .popupall > .up , #company  .popup2.up, #company  .popupall2 > .up , #company  .heading.up{
    transition:all 1s;
    opacity:1;
    transform:translateY(0)!important;
}
#company .popup3{transition:all 1s;}

/* 03-08 */
#company .sp_nav {
    margin-bottom: 10vw;
}
.ftco_navbar {
    top: 0;
}
#company.index .sec3 div dt {
    width: 100%;
    font-weight: 400;
}
#company.index .sec3 div dd {
    width: 100%;
}
#company .sec2 .title small {
    color: #000 !important;
    position: relative;
    font-weight: 400;
}
#company.index .sec2 .title small::before,
#company.index .sec2 .title small::after {
    content: '';
    background-color: #66c166;
    position: absolute;
    display: block;
    border-radius: 5px;
    z-index: -1;
}
#company.index .sec2 .title small::before {
    height: 0.5em;
    width: 4px;
    left: -0.1em;
    bottom: 0.2em;
}
#company.index .sec2 .title small::after {
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0.2em;
}
/*
@media (min-width:1200px) {
    #company main > section {
        padding: 0;
    }
}
*/
/*
@media (min-width:768px) {
    #company.index .sec3 div:after{
        position: absolute;
        content: "";
        height: 100%;
        width: 0;
        border-right: 1px solid #acacac;
        left: 9.3%;
        top: 0;
        display: block;
    }
    #company.index .sec3 div dt {
        width: 9%;
        font-size: 1.1rem;
    }
    #company.index .sec3 div dd {
        width:86.5%;font-size:1rem;
    }
    #company.index .sec2 div dl a.flex span:nth-child(1) {
        width: 25%;
    }
    #company.index .sec2 div  dl a.flex span:nth-child(2) {
        width: 71%;
    }
    #company.index .sec2 > div > dl dl dt{
        width:25%;
    }
    #company.index .sec2 > div > dl dl dd{
        width:71%;
    }
    #company.index .sec2 > div > dl > dt{
        width:11%;
    }
    #company.index .sec2 > div > dl > dd{
        width: 86.5%;
    }
    #company .hover_anim2 .p2,
    #company .hover_anim .p2{
        width:50%;
    }
    #company .hover_anim2 > a,
    #company .hover_anim > a {
        padding: 140px 0;
    }
}
*/
/* 03-08 */



/* Privacy CSS */
.content-policy {
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
#privacy p {
    font-size: 1rem;
    line-height: 1.9em;
    letter-spacing: 0.02em;
}
#privacy ul li {
    font-size: 1rem;
    line-height: 1.9em;
    letter-spacing: 0.02em;
}
#privacy .content-policy h1 {
    font-size: 2.9rem;
    letter-spacing: 0.2rem;
}
#privacy .sub-title-policy:before {
    height: 0.5em;
    width: 4px;
    left: -0.1em;
    bottom: 0.2em;
}
#privacy .sub-title-policy {
    position: relative;
    display: block;
    font-size: 0.95rem;
    margin-top: 10px;
    display: inline-block;
    z-index: 1;
}
#privacy .sub-title-policy:before, .sub-title-policy:after {
    content: "";
    background-color: #66c166;
    position: absolute;
    display: block;
    border-radius: 5px;
    z-index: -1;
}
#privacy .sub-title-policy:after {
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0.2em;
}
#privacy .sub-title-policy:before, .sub-title-policy:after {
    content: "";
    background-color: #66c166;
    position: absolute;
    display: block;
    border-radius: 5px;
    z-index: -1;
}
#privacy .sec2-p p {
    margin-bottom: 1.9rem;
}
#privacy .sec2-row {
    margin-top: 54px;
    padding-bottom: 71px;
    border-bottom: 1px solid gray;
}
#privacy .sec2 {
    margin-top: 213px;
    border-bottom: 1px solid gray;
    padding-bottom: 97px;
}
#privacy .mt-80 {
    margin-top: 80px;
}
#privacy .sec2-bor-bot {
    border-bottom: 1px dotted gray;
    padding-bottom: 37px;
    margin-bottom: 23px;
}
#privacy .green {
    color: #66c166;
}
#privacy .logo-right {
    text-align: right;
    margin: 30px 0;
}
#privacy .sec3 {
    margin-top: 83px;
    border-bottom: 1px solid gray;
    padding-bottom: 97px;
}
#privacy .sec3 h2 {
    font-size: 1.5rem;
}
#privacy .sec3 .t1 {
    margin-top: 53px;
    margin-top: 53px;
    padding-bottom: 97px;
    border-bottom: 1px dotted gray;
}
#privacy .sec3 .t2 {
    margin-top: 82px;
}
#privacy .sec3 .t3 {
    margin-top: 60px;
    padding-bottom: 97px;
    border-bottom: 1px dotted gray;
}
#privacy .sec3 .t4 {
    margin-top: 82px;
}
#privacy .text-indent {
    text-indent: -1.25rem;
    padding-left: 1.1rem;
}
#privacy .mb-25 {
    margin-bottom: 25px;
}
#privacy .mt-25 {
    margin-top: 25px;
}
#privacy .bor-items {
    height: 100%;
    border-bottom: 1px dotted gray;
}
#privacy .mb-50 {
    margin-bottom: 50px;
}
#privacy .sec4 {
    margin-top: 113px;
    border-bottom: 1px solid gray;
    padding-bottom: 97px;
}
#privacy .sec4 h2 {
    font-size: 1.5rem;
}
#privacy .mt-84 {
    margin-top: 84px;
}
#privacy .lst-none li {
    list-style: none;
}
#privacy .lst-none li a {
    color: #acacac;
    position: relative;
    text-decoration: none;
}
#privacy .lst-none li a:hover {
    color: #777;
}
#privacy .lst-none li a:hover:after {
    border-left: 11px solid #0092c9;
}
#privacy .lst-none li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 11px solid #acacac;
    top: 49%;
    transform: translatey(-50%);
    right: -1.5rem;
    transition: all .5s;
}
#privacy .list-style-none li {
    list-style: none;
}

@media screen and (max-width: 767px) {
    .content-policy {
        width: 90%;
        margin-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    #privacy .sec2 {
        margin-top: 80px;
    }
}