@charset "utf-8";
/* TABLT */
@media (max-width: 927px) {
	.nav__pc{
		display:none!important;
	}
	.nav__mobile{
		display:flex!important;
		align-items:center;
		justify-content:space-between;
		padding:0 16px;
		width:100%;
		height:72px;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		background: #FFFFFF;
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
	}
	.nav__mobile>a:first-of-type>img{
		width:100%;
		max-width:180px;
		height:auto;
	}
	.nav__mobile__button{
		width: 44px;
		height: 44px;
		border-radius: 11px;
		background: #F1F3FE;
		cursor:pointer;
		position:relative;
	}
	.nav__mobile__button>span{
		width:18px;
		height:2px;
		border-radius:1px;
		background-color:#4C62F0;
		transform-origin: center;
		left:13px;
		transition: 250ms ease-in;
	}
	.nav__mobile__button>span:first-of-type{
		position:absolute;
		top:14px;
	}
	.nav__mobile__button>span:nth-of-type(2){
		position:absolute;
		top:21px;
	}
	.nav__mobile__button>span:last-of-type{
		position:absolute;
		bottom:14px;
	}
	.nav__mobile__button.for-close>span:first-of-type{
		transform:rotate(-45deg);
		top:21px;
	}
	.nav__mobile__button.for-close>span:nth-of-type(2){
		background-color:transparent;
	}
	.nav__mobile__button.for-close>span:last-of-type{
		transform:rotate(45deg);
		top:21px;
	}
	
	.header{
		overflow:hidden;
	}
	.header__inner__firstview{
		min-height:auto;
		max-width:356px;
		margin-left:auto;
		margin-right:auto;
		row-gap:24px;
	}
	.header__inner__toptexts{
		padding-top:24px;
		row-gap:9px;
	}
	.header__inner__toptexts>p{
		font-size: 16px;
		font-weight: 500;
		line-height: 130%;
		letter-spacing: 0.32px;
	}
	.header__inner__toptexts-pc{
		display:none;
	}
	.header__inner__toptexts-mobile{
		display:block;
	}
	.header__inner__visuals{
		flex-direction:column;
		row-gap:32px;
	}
	.header__inner__visuals-A{
		row-gap:16px;
		padding-top:0;
		flex:1;
		align-items:center;
	}
	.header__inner__visuals-ip{
		flex-wrap:wrap;
		padding:10px 12px;
		gap:8px;
	}
	.header__inner__visuals-B{
		frex:1;
		padding:0;
	}
	.header__inner__visuals-B-mobile{
		padding:0px 16px;
		display:block;
		width:120%;
		margin-left:-10%; 
		min-height:220px;
	}
	.header__inner__ai{
		position:absolute;
		inset:0;
		z-index:1;
		margin-top:23px;
		padding:20px 12px 16px 12px;
		row-gap:12px;
	}
	.header__inner__ai-title > img:first-of-type{
		width:85.54%;
	}
	.header__inner__ai-title > img:last-of-type{
		width:69%;
		left:-5%;
	}
	.header__inner__ai-text{
		padding:12px 82px 10px 16px;
		height:165px;
	}
	.header__inner__ai-text::placeholder{
		color: #686DBD;
		font-size: 18px;
		font-weight: 400;
		line-height: 140%;
		letter-spacing: 0.72px;
	}
	.header__inner__visuals-B::before{
		display:none;
	}
	.header__inner:has(.header__inner__services){
		position:relative;
		padding-bottom:10px;
	}
	.header__inner:has(.header__inner__services)::after{
		position:absolute;
		content:"";
		left:0;
		right:0;
		bottom:0;
		height:40px;
		background:#d7e7fe;
		z-index:-1;isolation:isolate;
	}
	.header__inner__services{
		position:static;
		padding:20px 16px 28px 16px;
		row-gap:16px;
		margin:24px 0 0 0 ;
		border-radius: 39px;
		border: 1px solid #FFF;
		background: #F5F6FF;
		box-shadow: 0 2px 8.5px 0 rgba(28, 48, 131, 0.25);
		backdrop-filter: blur(4.150000095367432px);
	}
	.header__inner__services-title{
		color: #3D4577;
		text-align: center;
		text-shadow: 0 1px 2.5px #FFF;
		font-size: 24px;
		font-weight: 700;
		line-height: 135%;
		letter-spacing: 0.96px;
	}
	.header__inner__services-list{
		flex-wrap:wrap;
		gap:8px;
		row-gap:8px;
	}
	.header__inner__services-item{
		width:359px!important;
	}
	.header__inner__services-texts > p:last-of-type{
		font-size:15px;
	}
	
	
	.ai{
		padding:0;
	}
	.ai__inner{
		padding:20px 0 56px 0;
		row-gap:24px;
	}
	.ai__inner__message{
		font-size:26px;
		line-height: 135%;
	}
	
	
	.clients{
		background-image:url("./img/ja/clients__background-01.png");
		background-position: calc(100% + 6000%) bottom;
		background-size: 99% 40%;
		background-repeat:no-repeat;
	}
	.clients__inner{
		flex-direction:column;
		row-gap:32px;
		padding:56px 0 56px 0;
	}
	.contents__inner__title{
		font-size: 26px;
		line-height: 135%;
	}
	.contents__inner__card-box-wrapper{
		row-gap:24px;
	}
	.contents__inner__card-box{
		padding:20px 16px;
	}
	.contents__inner__card-row-title{
		font-size:22px;
	}
	.contents__inner__card-row{
		flex-direction:row;
		row-gap:32px;
		flex-wrap:wrap;
	}
	.contents__inner__card{
		width:100%;
		max-width:338px;
	}
	.contents__inner__card-title{
		font-size:18px;
	}
	.contents__inner__card-title-wrapper>img{
		width:28px;
		height:28px;
	}
	.contents__inner__card-introduction{
		font-size:17px;
	}
	
	
	.clients__inner{
		flex-direction:column;
		row-gap:32px;
		padding:56px 0 56px 0;
		background-image:url("./img/ja/clients__background-01.png");
		background-position: right top ;
		background-size: 75% 100%;
		background-repeat:no-repeat;
	}
	.clients__inner__data-section{
		padding:0;
		flex:1;
	}
	.clients__inner__data-title{
		font-size:26px;
	}
	.clients__inner__datas{
		flex-wrap:wrap;
		gap:8px;
		max-width:100%;
		row-gap:24px;
	}
	.clients__inner__datas-item{
		width: calc((100% / 2) - 4px);
	}
	.clients__inner__datas-item-title{
		font-size:15px;
		padding:5px 0;
	}
	.clients__inner__datas-item-data{
		font-size:15px;
	}
	.clients__inner__image-section{
		flex:1;
		background: none;
	}
	.clients__inner__image-section>img{
		max-width:85%;
		height:auto;
	}
	
	
	
	
	.trial__inner__main-message{
		font-size:26px;
		text-align:left!important;
	}
	.trial__inner__sub-message{
		text-align:left!important;
	}
	.trial__inner__button>p{
		font-size:18px;
		text-align:center;
	}
	
	
	
	.footer__inner{
		padding:40px 0 0 0;
	}
	.footer__inner__logo{
		padding:0;
	}
	.footer__inner__content{
		width:100%;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:space-between;
		row-gap:32px;
	}
	.footer__inner__links{
		padding:0;
	}
	.footer__inner__links-row{
		gap:25px;
		row-gap:16px;
	}
	.footer__inner__links-item{
		width:calc((100% / 2) - 12.5px);
		justify-content:flex-start;
	}
	.footer__inner__links-item>span{flex:1;}
	
	


/* DRAWERMENU */
	.drawermenu.for-close{
		display:flex!important;
		flex-direction:column;
		align-items:center;
		justify-content:flex-start;
		row-gap:32px;
		position:fixed;
		top:72px;
		left:0;
		width:100%;
		 height:calc(100dvh - 72px);
		z-index: 90;
		background-color:#FFFFFF;
		padding:36px 32px 0 32px;
		overflow-y:auto;
	}
	.drawermenu__trial-button{
		display:flex;
		align-items:center;
		justify-content:space-between;
		width:100%;
		padding:10px 24px;
		gap:18px;
		height:69px;
		border-radius: 8px;
		border: 1.6px solid rgba(255, 255, 255, 0.50);
		background: linear-gradient(90deg, #EB3956 0%, #FF7467 67.79%, #FBA06B 100%);
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
	}
	.drawermenu__trial-button>p{
		flex:1;
		color: #FFF;
		text-align: center;
		text-shadow: 0 1px 4.5px rgba(0, 0, 0, 0.19);
		font-size: 18px;
		font-weight: 700;
	}
	.drawermenu__contents-menu{
		width:100%;
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:center;
		raw-gap:16px;
	}
	.drawermenu__lang-wrapper{
		position:relative;
	}
	.drawermenu__lang-button{
		display:flex;
		align-items:center;
		justify-content:center;
		gap:4px;
		padding:8px 12px;
		border-radius:21px;
		border:1px solid #E2E5F1;
	}
	.drawermenu__lang-button:hover{
		border: 1px solid #4C62EF;
		cursor:pointer;
	}
	.drawermenu__lang-list.is-open{
		display:flex!important;
	}
	.drawermenu__lang-list{
		display:none;
		position:absolute;
		top:calc(100% + 5px);
		left:0;
		width:142px;
		border: 1px solid #CCCCCC;
		border-radius:6px;
		background-color:#FFFFFF;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
	}
	.drawermenu__lang-list>a{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:center;
		gap:8px;
		height:50px;
		padding:8px 10px 8px 18px;
		border-bottom: 1px solid rgba(176, 175, 211, 0.70);
	}
	.drawermenu__lang-list>a:hover{
		border-bottom: 1px solid rgba(176, 175, 211, 0.30);
		background: #F0F4FF;
	}
	.drawermenu__lang-list>a:last-of-type{
		border-bottom:none;
	}
	.drawermenu__lang-list>a>p{
		flex:1;
		text-align:left;
	}
	.drawermenu__lang-list>a>img{
		visibility:hidden;
	}
	.drawermenu__lang-list>a:first-of-type>img{
		visibility:visible;
	}
	.drawermenu__services{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	.drawermenu__services>a{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:18px 4px;
		border-bottom: 1px solid rgba(176, 175, 211, 0.70);
	}
	.drawermenu__services>a:last-of-type{
		border-bottom:none;
	}
	.drawermenu__services>a>p{
		color: #4C62EF;
		font-size: 17px;
		font-weight: 700;
		line-height: 125%;
		letter-spacing: 0.34px;
	}
}

@media (max-width: 440px) {
	.trial__inner__br{
		display:block;
	}
}