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

@media screen and (max-height: 900px) {

.h-about--container {
    min-height: 800px;
}

.h-about--container .insert h2,
.h-about--container .insert h1 {
    font-size: 7.0rem;
    line-height: 160%;
}
.h-about--container .insert p {
    font-size: 1.9rem;
    line-height: 200%;
    margin: 20px 0 0 0;
}

.mvBusiness--container .insert {
    margin-top: 60px;
}
.mvBusiness--container .insert p {
    line-height: 320%;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- h900px */
}

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

.mv--insert h1 {
    font-size: 9rem;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 1480px */
}

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

header {
    padding: 25px 50px;
}

.logo img {
    height: 30px;
    width: auto;
}
.lang {
    width: 180px;
}
.lang .select {
    padding: 5px 0;
}
.lang .select .ctry {
    font-size: 1.4rem;
}
.lang .select .icon img {
    height: 16px;
    width: 16px;
}
nav ul li span {
    font-size: 1.5rem;
    padding: 20px 12px;
}
.mv--insert {
    width: 80%;
    min-width: 1050px;
}
.mv--insert h1 {
    font-size: 8rem;
}

.bizreach--container .insert{
 width: 1050px;
}
.bizreach--container .insert .box {
    margin: 150px 0;
}

.title .robo {
    font-size: 19px;
}
.title-min h2 {
    font-size: 3.2rem;
    letter-spacing: 0.05em;
}
/*---------------------------------------------------------------------------------------------------------------------------------------- 1380px */
}

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

.circle {
    bottom: 50px;
    right: 50px;
}
.h-about--container {
    padding: 0 50px;
}
.h-about--container .insert::after{
 transform: scale(1.1, 1.1);
}
.h-about--container .insert h2 {
    font-size: 7.0rem;
}
.h-about--container .insert p {
    font-size: 1.8rem;
}
.h-about--container .insert{
 width: 800px;
}
/*.l-tri {
    left: 50px;
}
.r-tri {
    right: 50px;
}*/
.h-project--container {
    padding: 120px 50px 250px;
}
.title-min {
    margin: 0 0 50px 0;
}
.h-company--container {
    padding: 400px 50px 320px;
    position: relative;
}
.insert {
    width: 1050px;
}
.wall01 img {
    height: 480px;
}
.wall01 {
    left: -230px;
}
.wall02 img {
    height: 400px;
}
.wall02 {
    bottom: -250px;
    left: -100px;
    z-index: 3;
}
.wall03 img {
    height: 380px;
}
.wall03 {
    right: -700px;
}

.h-contact--container{
    padding: 120px 50px 50px 50px;
}

.h-news--container {
    padding: 50px 50px 120px;
}
.h-news--container .blk .group .bt span {
    font-size: 1.8rem;
}
.h-news--container .blk .group {
 width: calc(100% - 300px);
    margin: 0 50px 0 0;
}
.h-news--container .blk .title {
    width: 200px;
}
.title h2 {
    font-size: 3.8rem;
    margin: 10px 0 0 0;
}
.h-news--container .blk .group .bt {
    margin: 35px 0 0 0;
    width: 31%;
}
.h-news--container dl dt {
    font-size: 1.5rem;
}
.h-news--container dl dd{
 font-size: 1.5rem;
}
.bizreach--container .insert .box::before {
    width: 960px;
    height: 960px;
}
.bizreach--container .insert .box::after {
    width: 920px;
    height: 920px;
}
/*.business .line {
    top: -200px;
    left: -200px;
    width: 960px;
    height: 960px;
}
.research .line {
    top: -200px;
    left: -200px;
    width: 960px;
    height: 960px;
}*/
.lines{
    width: 960px;
    height: 960px;
}
.business .line{
 width: 960px;
 height: 960px;
}
.research .line{
 width: 960px;
 height: 960px;
}
.h-project--insert .list .item {
    width: 24%;
}
.h-project--insert .list .item p {
    font-size: 1.5rem;
}
footer {
    padding: 100px 60px;
}
.footer--insert {
    width: auto;
}
.aboutFeatures--container {
    padding: 120px 50px 120px;
}
.aboutTitle--insert {
    margin: 0 0 35px 0;
}
.aboutTitle--insert h2 {
    font-size: 3.8rem;
}
.aboutTitle--insert p {
    line-height: 220%;
    margin: 15px 0 0 0;
    font-size: 1.7rem;
}
.aboutFeatures--insert .list .feature h3 {
    font-size: 2.5rem;
    margin: 10px 0;
}
.aboutFeatures--insert .list .feature p {
    font-size: 1.5rem;
    line-height: 180%;
}
.record--container .title h2 {
    font-size: 3.5rem;
    margin: 10px 0 0 0;
}
.record--container .title-min {
    margin: 0 0 35px 0;
}
.record--insert .md {
    font-size: 2.7rem;
    margin: 0 0 40px 0;
}
.record--insert p.lead {
 font-size: 1.6rem;
}
.nv--insert .link h2 {
    font-size: 3.5rem;
    letter-spacing: 0.15em;
    margin: 7px 0 15px 0;
}
.nv--insert .link p {
    line-height: 250%;
    font-size: 1.6rem;
}
.business--container {
    margin: 120px 0;
    padding: 0 50px;
}
.business-list .item .txt {
    padding: 15px 25px;
}
.business-list .item .txt h3 {
    font-size: 2.0rem;
    letter-spacing: 0.05em;
}
.business-list .item .txt p {
    margin: 7px 0 0 0;
    line-height: 170%;
    font-size: 1.5rem;
    letter-spacing: 0.1em;
}
.business--container .title h2 {
    font-size: 3.6rem;
}
.business--container .lead {
    letter-spacing: 0.15em;
    margin: 0 0 40px 0;
    font-size: 1.7rem;
}
.business-list .item-industry p {
    font-size: 2.0rem;
}
.mvBusiness--container__research .insert h1 {
    font-size: 7.0rem;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 1280px */
}



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


.sp{display: block!important;}
.pc{display: none!important;}



/*header*/
.lang {
 margin: 0 50px 0 0;
 width: auto;
}
.lang .select {
    padding: 3px 10px;
}
.lang .select .ctry{
 font-size: 1.3rem;
}
header {
    padding: 20px 20px;
}
header nav{
 display: none;
}
.header--insert {
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo {
    width: auto;
    text-align: center;
 line-height: 1;
}
.logo img{
 width: auto;
 height: 22px;
}
.rGroup{
	display: none;
}
#menuRight{
 display: block;
	position: fixed;
	top:12px;
	right: 5px;
	width: 50px;
	height: 50px;
	z-index: 1000;
}
.fat-nav.active .header--insert {
	justify-content: flex-start;
}
body.no-scroll .rGroup{
	display: flex;
	position: fixed;
	flex-direction:column;
	gap:10px;
	bottom: 0px;
	left: 0;
	z-index: 9999;
	background-color: #000;
	width: 100%;
	padding: 20px 20px 40px;
}
body.no-scroll .rGroup .bt-contact {
    width: 100%;
}
body.no-scroll .rGroup .lang {
    width: 100%;
    margin: 0;
}
body.no-scroll #page_top{
	display: none;
}

/*.hamburger{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	width: 100%;
	z-index:1;
	text-align: center;
	vertical-align: middle;
}*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 25px;
	height: 20px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 6px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 6px;
}
.menu-trigger span:nth-of-type(4) {
	bottom: 0;
}

.hamburger.active .menu-trigger {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.hamburger.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.hamburger.active .menu-trigger span:nth-of-type(2) {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.hamburger.active .menu-trigger span:nth-of-type(3) {
	opacity: 0;
}
.hamburger.active .menu-trigger span:nth-of-type(4) {
	opacity: 0;
}

.globalmenu dt {
  padding: 0;
  cursor: pointer;
  position: relative;
}
.globalmenu dt:before {
display: block;
content: "";
position: absolute;
background-image: url(../img/down.png);
background-size: cover;
top: 10px;
right: 0;
width: 22px;
height: 22px;
z-index: 2;
}
.globalmenu dt.active:before{
 background-image: url(../img/up.png);
}
.globalmenu dd {
  padding: 0 0 15px 0;
  display: none;
}
.globalmenu ul li{
 border-bottom: 1px solid #fff;
}
.globalmenu ul li:last-child{
 border: none;
}
.globalmenu ul li span{
 display: block;
 font-size: 1.7rem;
 padding: 8px 0;
}
.globalmenu .blk .md{
 margin: 0 0 10px 0;
 font-weight: 600;
}
.globalmenu .blk:last-child{
 margin: 15px 0 0 0;
}
.globalmenu .blk p{
 font-weight: 600;
 font-size: 1.4rem;
 color: #00a8e7;
 margin: 0 0 2px 0;
}
.globalmenu .blk .btn span{
 font-size: 1.4rem;
 padding: 0 0 0 20px;
 position: relative;
}
.globalmenu .blk .btn span::before{
 content: '';
 position: absolute;
 display: inline-block;
 width: 12px;
 height: 1px;
 background-color: #fff;
 left: 0;
 top: 14px;
}

/*footer*/

footer {
    padding: 50px 20px;
}
.logo-btm{
 text-align: center;
}
.logo-btm img{
 height: 30px;
 width: auto;
}

.footer--insert {
    display: block;
    width: auto;
}
.footer--insert p.addr {
    font-size: 1.1rem;
    text-align: center;
    line-height: 150%;
    margin: 14px 0 30px 0;
}
.footer--insert .info {
    width: auto;
}
.social {
    flex-wrap: wrap;
    margin: 0 auto 45px;
    width: 250px;
    gap:35px 0;
}
.social .sns{
 width: 30%;
 text-align: center;

}
/*.social .sns .icon{
 width: 45px;
}*/
.social .sns .icon img {
 width: auto;
    height: 55px;
}
.social .sns p {
    width: calc(100% - 55px);
    font-size: 1.2rem;
}
.footer--insert .sitemap {
    width: auto;
    margin: 50px 0 0 0;
}
.sitemap--insert .list ul li span {
    font-size: 1.4rem;
}
.sitemap--insert .list .robo {
    font-size: 1.4rem;
    margin: 0 0 7px 0;
}
footer .sb {
    display: block;
    font-size: 1.3rem;
    margin: 40px 0 0 0;
}
footer .sb span{
 display: block;
 line-height: 1;
 margin: 10px 0;
}
.copyright{
 margin: 20px 0 0 0;
 font-size: 1.1rem;
}

/*common*/
body{
 font-size: 1.6rem;
 min-width: 100%;
}

main{
 overflow: hidden;
 padding: 0 0 150px 0;
}
body.home main{
 padding: 0 0 50px 0;
}
.msk-bottom {
    height: 500px;
    z-index: 1;
}
.msk-top {
  display: none;
}
.insert {
    width: auto;
}
/*layout*/
.mv--container{
 width: 100%;
 /*overflow: hidden;*/
}
.mv--insert {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    padding: 0 0px;
}
.mv--insert h1 {
    font-size: 6.5rem;
    line-height: 150%;
    letter-spacing: 0.25em;
    text-align: center;
    text-align-last:center;
}
.mv--insert h1::before {
    width: 221px;
    height: 55px;
    background-image: url(../../img/l-line-sp.png);
    top: -10px;
    left: 0px;
}
.mv--insert h1::after {
    width: 221px;
    height: 55px;
    background-image: url(../../img/r-line-sp.png);
    bottom: -10px;
    right: 0px;
}
.circle {
    width: 40px;
    height: 40px;
    bottom: 110px;
    right: auto;
    left: 50%;
    position: absolute;
    -webkit-transform:translateX(-50%);
    transform: translateX(-50%);
    
}
.circle .down {
    width: 40px;
    height: 40px;
}
.circle .down i {
    font-size: 2.2rem;
}
.line,
.line::after {
    width: 40px;
    height: 40px;
}

.h-about--container {
    padding: 120px 20px;
    /*height: auto;*/
}

.tri img {
    width: 35px;
    height: 35px;
}
.l-tri {
    top: -50px;
    left: 0px;
}
.r-tri {
    bottom: -50px;
    right: 0px;
}
.h-about--container .insert {
    /*background-image: url(../../img/stripe-sp.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;*/
    position: absolute;
    width: 90%;
}
.h-about--container .insert::after{display: none;}
.h-about--container .insert h2{
    font-size: 4.0rem;
    width: 80%;
    margin: 0 auto;
}
.h-about--container .insert p {
    font-size: 1.6rem;
    font-weight: 400;
    width: 80%;
    margin: 0 auto;
}

.bgFixed-content-wrapper::before {
    height: 1000px;
}

.bizreach--container {
    padding: 0px 20px;
}
.bizreach--container .insert {
    padding: 250px 0;
}


.bizreach--container .insert .box {
    width: 50%;
    height: 320px;
    margin: 140px 0;
}
.bizreach--container .insert .box.research {
    margin: 0 0 0 calc(100% - 50%);
}
.bizreach--container .insert .box::before {
    width: 600px;
    height: 600px;
}
.bizreach--container .insert .box::after {
    width: 620px;
    height: 620px;
}
/*.business .line {
    top: -170px;
    left: -153px;
    width: 660px;
    height: 660px;
}
.research .line {
    top: -170px;
    left: -153px;
    width: 660px;
    height: 660px;
}*/
.lines{
    width: 660px;
    height: 660px;
}
.business .line{
 width: 660px;
 height: 660px;
}
.research .line{
 width: 660px;
 height: 660px;
}

.bizreach--container .insert .box .inn {
    text-align: left;
    margin: 0 auto;
}
.bizreach--container .insert .box.research .inn {
 text-align: right;
}
.bizreach--container .insert .box.research .inn .bt{
 margin: 30px 0 0 calc(100% - 200px);;
}
.bizreach--container .insert .box .inn .robo {
    font-size: 1.6rem;
}
.bizreach--container .insert .box .inn h2 {
    font-size: 3.0rem;
    line-height: 140%;
    letter-spacing: 0.2em;
    margin: 5px 0 15px 0;
}
main p {
 font-size: 1.5rem;
    line-height: 200%;
    letter-spacing: 0.06em;
}
.bt {
    width: 200px;
    margin: 30px auto 0;
}
.bt span {
    height: 32px;
    line-height: 32px;
    /* font-size: 1.5rem; */
    font-size: 16px;
}
.bt span.arrow::after {
    width: 25px;
    height: 5px;
    right: 10px;
}

.bizreach--container .box .bt{
 margin: 30px 0 0 0;
}
/*.bizreach--container .insert .box.business {
    position: relative;
    left: -30px;
}
.bizreach--container .insert .box.research {
    margin: 0 0 0 ;
    position: relative;
    right: -40px;
}
.bizreach--container .insert .box.research .inn {
    text-align: right;
}
.bizreach--container .box.research .bt {
    margin: 30px 0 0 calc(100% - 200px);
}
.bizreach--container .insert .box.business::after {
}
.bizreach--container .insert .box::before {
    width: 500px;
    height: 500px;
}
.bizreach--container .insert .box::after {
    width: 480px;
    height: 480px;
}

.business .line {
    top: -90px;
    left: -90px;
    width: 500px;
    height: 500px;
}
.research .line {
    top: -90px;
    left: -90px;
    width: 500px;
    height: 500px;
}*/

.bizreach--container .insert {
    width: 100%;
    padding: 180px 0;
}

.h-project--container {
    padding: 60px 20px 120px;
}
.title .robo {
    font-size: 1.6rem;
}
.title-min h2 {
    font-size: 2.1rem!important;
    letter-spacing: 0.15em!important;
    line-height: 180%!important;
    margin: 10px 0 0 0!important;
}
.title-min {
    margin: 0 0 20px 0;
}
.h-project--insert .list .item {
    width: 48.5%;
}
.h-project--insert .list .item p {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 1.3rem;
    background: rgba(0,0,0,0);
}
.h-project--insert .cat {
    top: 2px;
    left: 7px;
}
.cat span {
    font-size: 1.1rem;
    padding: 3px 8px;
}
.h-project--insert .list {
    gap: 30px 0;
}
.h-project--insert .bt {
    margin-top: 40px;
    width: 250px;
}

.h-company--container {
    padding: 260px 20px 300px;
    position: relative;
}
.h-company--container .insert{
 display: block;
}
.h-company--container .insert .box {
    width: 100%;
    position: relative;
}
.h-company--container .insert .box .title {
    margin: 0 0 20px 0;
}
.h-company--container .insert .box .bt {
    margin: 30px auto 0;
    width: 250px;
}
.h-company--container::before {
    width: 3000px;
    height: 80px;
    background-image: url(../../img/h-line-sp.png);
}
.h-company--container::after {
    width: 3000px;
    height: 80px;
    background-image: url(../../img/b-line-sp.png);
}

.wall01 img {
    height: 250px;
    width: auto;
}
.wall01 {
    top: -300px;
    left: -20px;
}
.wall03 img {
    height: 420px;
    width: auto;
}
.wall03 {
    top: -300px;
    right: -20px;
}
.wall02 img {
    height: 250px;
    width: auto;
}
.wall02 {
    bottom: -40px;
    left: 0px;
    right: 0;
    padding: 0 20px;
    text-align: center;
}

.h-contact--container{
 padding: 100px 20px 20px 20px;
}

.h-contact--container .title h2{
 font-size: 2.1rem !important;
 letter-spacing: 0.15em !important;
 line-height: 180% !important;
 font-weight: 700;
}


.h-contact--container p{
 text-align: left;
 margin-bottom: 40px;
 padding: 0 20px;
}

.h-contact--insert .list{
    flex-direction: column;
    gap: 20px 0;
}

.h-contact--insert .bt {
    width: 100%;
}

.h-contact--insert .bt span {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 6px;
    height: 30px;
    line-height: 1;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
}

.h-contact--insert .bt span.arrow::after {
    width: 25px;
    height: 5px;
    right: 10px;
}


.h-news--container {
 padding: 80px 20px 60px;
}
.h-news--container .blk{
 display: block;
 margin: 0 0 20px 0;
}
.h-news--container .blk .title {
    width: auto;
}
.h-news--container .blk .left{
 text-align: center;
}
.title h2 {
    font-size: 3.0rem;
    letter-spacing: 0.08em;
    margin: 10px 0 0 0;
}
.h-news--container .blk .group {
    width: auto;
    margin: 0 0px 0 0;
}
.h-news--container .blk .group .bt {
    width: 48%;
    margin: 0 0 12px 0;
}
.h-news--container .blk .group .bt span {
    font-size: 15px;
}
.h-news--container .bt span.arrow::after {
    right: 4px;
}
.bt span.arrow::after {
    height: 4px;
    width: 20px;
}
.h-news--container dl {
 display: flex;
 align-items: center;
 width: calc(100% - 30px);
 height: 120px;
 padding: 10px;
}
.h-news--container dl::after {
    right: -30px;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
}
.h-news--container dl:nth-child(2){
 width: calc(100% - 30px);
 margin-left: 0px;
}
.h-news--container dl:nth-child(3){
 width: calc(100% - 30px);
 margin-left: 0px;
}
.h-news--container dl:nth-child(4){
 width: calc(100% - 30px);
 margin-left: 0px;
}
.h-news--container dl:nth-child(5){
 width: calc(100% - 30px);
 margin-left: 0px;
}
.h-news--container dl a{
 display: block;
 align-items: center;
 height: auto;
}
.h-news--container dl dd::after{
 display: none;
}
.h-news--container dl dt {
    width: 100%;
    font-size: 1.2rem;
}
.h-news--container dl dt .cat span {
    font-size: 12px;
    margin: 0 0 0 5px;
    padding: 2px 4px;
}
.h-news--container dl dt .cat{
 display: inline-block;
}
.h-news--container dl dd {
    width: auto;
    padding: 0 0px 0 0;
    font-size: 1.3rem;
    line-height: 150%;
    
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.h-news--container > .bt {
    margin-top: 40px;
    width: 250px;
}
.title {
    text-align: center;
    margin: 0 0 30px 0;
}

.h-recruit--container .insert{
 padding: 0 20px;
}
.r-box{
 display: block;
}
.r-box .pic {
    width: 100%;
    height: 180px;
}
.r-box .copy {
    width: 100%;
    text-align: center;
    padding: 30px 0 20px 0;
}
.r-box .copy img {
    height: 95px;
}
.h-recruit--container .bt {
    margin-top: 40px;
    width: 250px;
}

.h-about--container .insert h1 {
    font-size: 4.0rem;
    width: 80%;
    margin: 0 auto 20px;
}
.h-about--container__mv{
 padding: 0 20px;
 height: 100vh;
}
.aboutFeatures--container {
    padding: 50px 20px 50px;
}
.aboutFeatures--insert .list.pc{
 display: none!important;
}
.aboutFeatures--insert .list.sp{
 display: block!important;
}
.aboutTitle--insert {
    margin: 0 0 30px 0;
}

.aboutTitle--insert .robo {
 font-size: 1.8rem;
    height: 90px;
}
.aboutTitle--insert .robo::before {
    width: 3060px;
    height: 90px;
}
.aboutTitle--insert h2 {
    white-space: nowrap;
    font-size: 2.4rem;
}
.aboutTitle--insert p {
    text-align: left;
    line-height: 180%;
    margin: 10px 0 0 0;
    font-size: 14px;
}
.aboutFeatures--insert .list .feature {
    width: 100%;
}

.feature{
 margin: 0 0 40px 0;
}
.feature:last-child{margin: 0;}
.feature dt {
  padding: 0;
  cursor: pointer;
  position: relative;
  
}
.feature dt:before {
display: block;
content: "";
position: absolute;
background-image: url(../../img/about/down.png);
background-size: cover;
top: 4px;
right: 0;
width: 28px;
height: 28px;
z-index: 2;
}
.feature dt.active:before{
 background-image: url(../../img/about/up.png);
}
.feature dd {
  padding: 15px 0 0 0;
  display: none;
}
.feature dt h3{
 font-size: 2.2rem!important;
 margin: 0!important;
}
.feature dd p{
 font-size: 1.6rem;
 line-height: 160%;
 margin: 0 0 20px 0!important;
}
.aboutFlow--container {
    padding: 0px 20px 80px;
}
.record--insert .insert .hdrBox {
    padding: 20px 0 15px 0;
    margin: 0 0 8px 0;
}
.record--insert .md {
    font-size: 1.9rem;
    margin: 0 0 20px 0;
}
.record--insert .md::before {
    width: 1168px;
    height: 70px;
}
.record--insert p.lead {
    text-align: left;
    padding: 0 0px;
    margin: 0 0 0px 0;
    font-size: 1.4rem;
}
.record--insert {
    margin: 0px 0 50px 0;
}
.record--insert .spacer {
    height: 210px;
    width: 50px;
}
.record--insert .insert .list {
    margin: 0 8px;
    padding: 15px 20px 10px;
    position: relative;
}
.lt img,
.rt img,
.lb img,
.rb img {
    width: 20px;
    height: auto;
}
.lt {
    top: -10px;
    left: -10px;
    line-height: 1;
}
.rt {
    top: -10px;
    right: -10px;
    line-height: 1;
}
.lb {
    bottom: -10px;
    left: -10px;
    line-height: 1;
}
.rb {
    bottom: -10px;
    right: -10px;
    line-height: 1;
}
.record--insert .insert .list .memo {
    font-size: 1.1rem;
}
.award-list .item {
    width: 49%;
}
.award-list .item p {
    font-size: 1.0rem;
    margin: 5px 0 0 0;
    line-height: 150%;
}
.nv--insert{
 display: block!important;
}
.nv--insert .link {
    width: 100%;
    height: 450px;
}
.nv--insert .link .robo {
    font-size: 1.5rem;
}
.nv--insert .link h2 {
    font-size: 2.8rem;
    letter-spacing: 0.15em;
    margin: 10px 0 25px 0;
    line-height: 150%;
}
.nv--insert .link p {
 font-size: 1.4rem;
    line-height: 200%;
}
main.about{
 padding-bottom: 50px;
}
.mvBusiness--container {
    padding: 0 20px;
    height: 100vh;
}
.mvBusiness--container .insert {
 width: 100%;
 margin-top: 0px;
}
.mvBusiness--container .insert h1 {
    font-size: 4.0rem;
    line-height: 140%;
    margin: 0 0 30px 0;
}
.mvBusiness--container .insert p {
    font-size: 1.6rem;
    line-height: 240%;
}
.mvBusiness--container .insert h1::before {
    width: 373px;
    height: 60px;
    top: -10px;
    left: -20px;
    background-image: url(../../img/business/l-line-sp.png)!important;
    background-position: left top;
}
.mvBusiness--container .insert h1::after {
    width: 373px;
    height: 60px;
    bottom: -10px;
    right: -20px;
    background-image: url(../../img/business/r-line-sp.png)!important;
    background-position: right bottom;
}
.mvBusiness--container__research .insert h1::before {
    background-image: url(../../img/research/l-line-sp.png)!important;
}
.mvBusiness--container__research .insert h1::after {
    background-image: url(../../img/research/r-line-sp.png)!important;
}
.anchor--container {
    margin: 50px 0;
    padding: 0 20px;
}
.anchor--insert {
    width: 100%;
    display: block;
}
.anchor--insert .anchor {
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #fff;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
}
.anchor--insert .anchor:last-child{
 border-right: none;
}
.anchor--insert .anchor .down{
 position: absolute;
 right: 0;
}
.anchor--insert .anchor .robo {
    font-size: 1.3rem;
    margin: 0 7px 0 0;
    
    display: none;
}
.anchor--insert .anchor p {
    margin: 0 0 0 0;
    font-size: 1.9rem;
    height: auto;
    display: block;
}
.anchor--insert .anchor p br{display: none;}
.anchor--insert .anchor .down img {
    width: 22px;
}
.business--container {
    margin: 80px 0;
    padding: 0 20px;
}


.business--container .title h2 {
    font-size:2.5rem!important;
    margin: 5px 0 0 0!important;
}
.business--container .title {
    margin: 0 0 10px 0!important;
}
.business--container .lead {
    font-size: 1.5rem;
    letter-spacing: 0.2em;
    margin: 0 0 20px 0;
}
.business-list{
 display: block;
}
.business-list .item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px 0;
    border-radius: 5px;
}
.business-list .item .pic{
 width: 50%;
 border-radius: 5px 0 0 5px;
}
.business-list .item .pic img {
    width: 100%;
    height: auto;
    border-radius: 5px 0 0 5px;
}
.business-list .item .txt {
    padding: 12px;
    width: 50%;
}
.business-list .item .layer{
 display: none;
}
.business-list .item .txt h3 {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}
.business-list .item .txt p {
    margin: 10px 0 0 0;
    line-height: 180%;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
}
.business-list_industry {
 display: flex!important;
 gap: 15px 0!important;
}
.business-list_industry .item-industry{
 width: 48.5%;
 margin: 0;
}
.business-list_industry .item-industry .pic{
 width: 100%;
}
.business-list .item-industry img {
    border-radius: 5px!important;
}
.business-list .item-industry .overlay {
    border-radius: 5px!important;
}
.business-list .item-industry p {
    font-size: 1.8rem;
    line-height: 150%;
}
.business--container__pro .title h2 {
    font-size: 2.2rem!important;
    text-align: center;
}

.researchLead--container {
    padding: 50px 20px 30px;
}
.researchLead--insert {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 20px 10px;
    background-image: url(../../img/research/bg-lead-sp.png);
}
.researchLead--insert .wrap {
    align-items: center;
    flex-direction:column-reverse;
    height: auto;
    padding: 20px;
}
.researchLead--insert .txt{
 width: 100%;
}
.researchLead--insert .txt h2 {
    font-size: 1.8rem;
    line-height: 180%;
}
.researchLead--insert .txt p {
 font-size: 1.4rem;
    line-height: 160%;
    margin:10px 0 0 0;
    letter-spacing: 0.05em;
}
.researchLead--insert .txt p span {
    font-size: 1.3rem;
    margin: 15px 0 0 0;
}
.researchLead--insert .txt h2 br{
 display: none;
}
.researchLead--insert .txt p br{
 display: none;
}
.researchLead--insert .pic {
 width: 100%;
 /*height: 180px;*/
 height: auto;
 margin: 20px 0 0 0;
}
.l-corner img {
    width: 18px;
    height: 18px;
}
.l-lt {
    top: 10px;
    line-height: 1;
}
.l-rt {
    top: 10px;
    line-height: 1;
}
.l-rb {
    bottom: 10px;
    line-height: 1;
}
.l-lb {
    bottom: 10px;
    line-height: 1;
}

.mission--container::before,
.mission--container::after{
 display: none;
}
.mission--insert{
 position: relative;
 padding: 120px 0;
 width: 365px;
 margin: 0 auto;
}
.mission--insert::before{
 content: '';
 display: block;
 background-image: url(../../img/research/line.png);
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-size:contain;
 background-repeat: no-repeat;
}
.m-circle{display: none!important;}
.mission--container {
    padding: 0 5px 0px 5px;
}
.l-misson {
    margin: 0 0 120px 0;
}
.l-misson::before {
    width: 975px;
    height: 60px;
    background-image: url(../../img/research/l-mission-sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: -12px;
    left:auto;
    -webkit-transform:inherit;
    transform:inherit;
    background-position: right bottom;
}
.r-misson::before {
    width: 975px;
    height: 60px;
    background-image: url(../../img/research/r-mission-sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: -12px;
    -webkit-transform: inherit;
    transform:inherit;
    background-position: left bottom;
}
.misson {
    width: 100%;
}
.misson .inn {
    width: 100%;
    padding: 0 0px 0 0;
}
.misson .robo {
 font-size: 1.3rem;
    padding: 15px 20px 0 0;
    margin: 0 0 20px 0;
}
.misson h2 {
    font-size: 2.5rem;
    padding: 0 30px 0 0;
}
.misson p{
 padding: 0 30px 0 0;
}
.misson.even .inn {
    width: 100%;
    padding: 0 0px 0 0;
    margin: 0 0 0 0%;
}
.misson.even .robo {
    font-size: 1.3rem;
    padding: 15px 0px 0 20px;
}
.misson.even h2{
 width: auto;
 padding: 0 0 0 30px;
}
.misson.even p{
 padding: 0 0 0 30px;
}
.researchLink--container {
    padding: 0 20px;
    margin: 20px 0 0 0;
}
.researchLink--insert .item {
    padding: 80px 20px;
    margin: 0 0 50px 0;
}
.researchLink--insert .item .inn {
    flex-direction: column-reverse;
}
.researchLink--insert .item .top img {
    height: 15px;
    width: 70px;
}
.researchLink--insert .item .bottom img {
    height: 15px;
    width: 70px;
}
.researchLink--insert .item .top {
    top: -17px;
    width: 70px;
}
.researchLink--insert .item .bottom {
    bottom: -5px;
    width: 70px;
}
.researchLink--insert .item .inn .pic {
    width: 100%;
    height: 180px;
    margin: 20px 0 0 0;
}
.researchLink--insert .item .inn .pic .wrap {
    right: 0px;
}
.researchLink--insert .item .inn .txt {
    width: 100%;
    text-align: left;
}
.researchLink--insert .item .inn .txt h2 {
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
}
.researchLink--insert .item .inn .txt p {
    margin: 10px 0 0 0;
    font-size: 1.4rem;
}
.researchLink--insert .item .inn .txt p br{display: none;}
.corner.lt img,
.corner.rt img,
.corner.lb img, 
.corner.rb img {
    width: 35px;
    height: auto;
}
.corner.lt::before {
    left: 35px;
    width: calc(100% - 70px);
}
.corner.rt::before {
    right: 35px;
    width: calc(100% - 70px);
}
.corner.lb::before {
    left: 35px;
    width: calc(100% - 70px);
}
.corner.rb::before {
    right: 35px;
    width: calc(100% - 70px);
}
.corner.lt::after {
    top: 35px;
    height: 200px;
}
.corner.lb::after {
    bottom: 35px;
    height: 200px;
}
.corner.rt::after {
    top: 35px;
    height: 200px;
}
.corner.rb::after {
    bottom: 35px;
    height: 200px;
}
.researchLink--insert .item.even .inn {
    flex-direction: column-reverse;
}
.researchLink--insert .item.even .inn .pic .wrap {
    left: 0px;
}
.researchLink--insert .item .inn .txt .robo {
    font-size: 1.4rem;
    margin: 0 0 0px 0;
    text-align: center;
}

.main-content-wrapper{
 padding-bottom: 0px;
}



/*---------------------------------------------------------------------------------------------------------------------------------------- 800px */
}


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

.mv--insert h1 {
 font-size:5.5rem;
}
.bizreach--container .insert .box {
    width: 60%;
}
.bizreach--container .insert .box.research {
    margin: 0 0 0 calc(100% - 60%);
}
.bizreach--container .insert .box::before {
    width: 550px;
    height: 550px;
}
.bizreach--container .insert .box::after {
    width: 570px;
    height: 570px;
}
/*.business .line {
    top: -140px;
    left: -125px;
    width: 600px;
    height: 600px;
}
.research .line {
    top: -140px;
    left: -125px;
    width: 600px;
    height: 600px;
}*/
.lines{
    width: 600px;
    height: 600px;
}
.business .line{
 width: 600px;
 height: 600px;
}
.research .line{
 width: 600px;
 height: 600px;
}


.footer--insert .list{
    gap: 20px 0;
}

.footer--insert .bt{
    width: 100%;
}

.footer--insert .bt span{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 6px;
    height: 30px;
    /* font-size: 1.4rem; */
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.15em;
}



/*---------------------------------------------------------------------------------------------------------------------------------------- 700px */
}

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

.mv--insert h1 {
 font-size:4.5rem;
 letter-spacing: 0.18em;
 text-align: center;
 padding: 0 15px;
}
.h-about--container .insert h2,
.h-about--container .insert h1 {
    width: 100%;
    line-height: 150%;
    font-size: 3.8rem;
    margin-bottom: 10px;
}
.h-about--container .insert p {
    width: 100%;
}

.h-company--container::before {
    width: 3000px;
    height: 80px;
    background-image: url(../../img/h-line-sp.png);
}
.h-company--container::after {
    width: 3000px;
    height: 80px;
    background-image: url(../../img/b-line-sp.png);
}
.h-about--container .insert p {
    font-size: 1.5rem;
    margin: 7px 0;
    line-height: 220%;
}

.aboutFlow--insert .bt{
    margin-top: 30px;
    width: 100%;
}

.aboutFlow--insert .bt span{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 6px;
    height: 30px;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.15em;
}

.wall01 img {
    height: 150px;
    width: auto;
}
.wall01 {
    top: -200px;
    left: -20px;
}
.wall03 img {
    height: 235px;
    width: auto;
}
.wall03 {
    top: -260px;
    right: -20px;
}
.wall02 img {
    height: auto;
    width: 100%;
}
.wall02 {
    bottom: -40px;
    left: 0px;
    padding: 0 20px;
}

.bizreach--container .insert .box {
    width: 65%;
}
.bizreach--container .insert .box.research {
    margin: 0 0 0 calc(100% - 65%);
    z-index: 2;
}
.bizreach--container .insert .box::before {
    width: 500px;
    height: 500px;
}
.bizreach--container .insert .box::after {
    width: 520px;
    height: 520px;
}
/*.business .line {
    top: -115px;
    left: -100px;
    width: 550px;
    height: 550px;
}
.research .line {
    top: -115px;
    left: -100px;
    width: 550px;
    height: 550px;
}*/
.lines{
    width: 550px;
    height: 550px;
}
.business .line{
 width: 550px;
 height: 550px;
}
.research .line{
 width: 550px;
 height: 550px;
}



/*---------------------------------------------------------------------------------------------------------------------------------------- 600px */
}

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

.bizreach--container .insert .box p{
 font-size: 1.4rem;
}
/*---------------------------------------------------------------------------------------------------------------------------------------- 550px */
}

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

.wall02 {
    bottom: 30px;
}
.sitemap--insert .list{
 width: 25%!important;
}
.sitemap--insert .list-about{
 width: 50%!important;
}
.sitemap--insert .list-business{
 width: 50%!important;
}
.sitemap--insert .list-research{
 width: 50%!important;
}
.sitemap--insert::after{
 content: '';
 display: block;
 width: 25%!important;
}
.sitemap--insert .list .robo {
    font-size: 1.2rem;
    margin: 0 0 5px 0;
}
.sitemap--insert .list ul li span {
    font-size: 1.0rem;
}
.bizreach--container .insert {
    padding: 120px 0;
}
.bizreach--container .insert-first{
 padding-top: 200px;
}
.bizreach--container .insert .box {
    width: 100%;
    position: relative;
    left: -110px;
}
.bizreach--container .insert .box.research {
    margin: 0;
    left: auto;
    right: -110px;
    z-index: 2;
}

.bizreach--container .insert .box .inn {
    width: auto;
    margin: 0;
}
.bizreach--container .insert .box.business .inn{
 position: relative;
 left: 110px;
}
.bizreach--container .insert .box.research .inn{
 position: relative;
 right: -90px;
}

.bizreach--container .insert .box .inn h2 {
    font-size: 2.8rem;
    line-height: 120%;
    margin: 5px 0 10px 0;
}
.bizreach--container .box .bt {
    margin: 20px 0 0 0;
}
.bizreach--container .insert .box p {
    font-size: 1.3rem;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 500px */
}

@media screen and (max-width: 450px) {
 
.bizreach--container .insert .box.research .inn{
 position: relative;
 right: -40px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 450px */
}


@media screen and (max-width: 420px) {
 
.bizreach--container .insert .box.research .inn{
 position: relative;
 right: -20px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 420px */
}

@media screen and (max-width: 400px) {
 
.bizreach--container .insert .box.research .inn{
 position: relative;
 right: 20px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 400px */
}

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

.sitemap--insert::after{
 content: '';
 display: block;
 width: 33%;
}
.sitemap--insert .list {
    width: 33%;
}
.sitemap--insert .list .robo {
    margin: 0 0 3px 0;
}
.sitemap--insert .list ul li {
    line-height: 1.1;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 350px */
}