@charset "utf-8";
/* CSS Document */
/* Smart Phone (-767)*/
@media (max-width: 767px) {
	header{
		display:none!important;
	}
	header.mobile{
		display:flex!important;
		justify-content:space-between;
		align-items:center;
		padding:0px 0px 0px 16px;
		height:64px;
	}
	.mobile_logo{
		width:164px;
		height:auto;
	}
	.mobile_menu_button{
		cursor:pointer;
		width:64px;
		height:64px;
		background-color:#303457;
		padding:12px 10px 0 10px;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		gap:8px;
	}
	.mobile_menu_button div{
		 display:flex;
    	flex-direction:column;
    	align-items:flex-start;
    	gap:8px;
	}
	.mobile_menu_button p{
		color:#FFFFFF;
		text-align: center;
		font-family: "Noto Sans";
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: 0.24px;
		margin:0;
		padding:0px;
	}
	.mmb_line{
		display:block!important;
		width:22px;
		height:2px;
		background-color:#FFFFFF;
		flex-shrink:0;
	}
	.mmb_line:first-child{
		width:38px;
	}
	.mobile_menu_button.for-close > div{
		position:relative;
		width:38px;
		height:24px;
	}
	.mobile_menu_button.for-close .mmb_line{
		position:absolute;
		left:0;
		width:38px;
		transform-origin:center;
	}
	.mobile_menu_button.for-close .mmb_line:nth-child(1){
		top:11px;
		transform:rotate(21deg);
	}

	.mobile_menu_button.for-close .mmb_line:nth-child(2){
		opacity:0;
	}

	.mobile_menu_button.for-close .mmb_line:nth-child(3){
		top:11px;
		transform:rotate(-21deg);
	}
	.mobile_menu_button .mobile-menu-text-close{
		display:none;
	}
	.mobile_menu_button.for-close .mobile-menu-text-open{
		display:none;
	}
	.mobile_menu_button.for-close .mobile-menu-text-close{
		display:inline;
	}	
	.px-0{
		padding-left:16px!important;
		padding-right:16px!important;
	}
	.firstview__section-inner{
		padding:32px 0;
	}
	.firstview__left{
		row-gap:8px;
		margin-bottom:12px;
	}
	.firstview__right{
		row-gap:12px;
	}
	.firstview__text{
		font-size: 32px;
	}
	.maintitle{
		font-size: 22px;
	}
	.subtitle{
		font-size:14px;
	}
	.box2_title{
		font-size:13px;
	}
	.box2_title span{
		font-size:34px;
	}
	.box_text{
		font-size:14px;
	}
	.box3_title{
		font-size:20px;
	}
	.box4_title{
		font-size:20px;
	}
	.right1,.right2,.right3{
		padding:24px 16px 24px 8px;
	}
	.trial p{
		font-size:16px;
	}
	.about__section-inner{
		padding:56px 0px;
	}
	.about__article__title{
		font-size:30px;
	}
	.about__article__text{
		font-size:16px;
	}
	.about_left{
		justify-content:space-between;
		row-gap:24px;
		margin-bottom:24px;
	}
	.contents__section-inner{
		padding:56px 0px;
		
	}
	.contents__section-inner .f-row{
		flex-direction:column!important;
	}
	.contents__main{
		row-gap:16px;
	}
	.contents__title{
		row-gap:8px;
	}
	.contents__title h2{
		font-size:30px;
		letter-spacing: 1.2px;
	}
	.contents__title p{
		font-size:18px;
	}
	.contents__buttons{
		width:100%;
		padding:16px 12px;
		gap:12px;
	}
	.contents__buttons__list{
		row-gap:6px;
		gap:6px;
	}
	.contents__buttons__list.f-col{
		flex-direction:row!important;
		flex-wrap:wrap!important;
		justify-content:center;
	}
	.contents-card__parent{
		row-gap:16px;
	}
	.contents-card-frame{
		padding-left:0px!important;
		padding-right:0px!important;
	}
	.contents__buttons__list li{
		font-size:12px;
		width:92px!important;
		height:45px!important;
		padding:0px 3px;
		text-align:center!important;
		justify-content:center;
	}
	.contents__buttons__list li.selected{
		padding:0px 0px;
	}
	.contents__buttons__list li::before{
		display:none;
	}
	.contents__buttons__list li.selected::before{
		display:none;
	}
	.clients{
	background:url('./img/en/clients_bg.png') no-repeat calc(50% + 60px) 0%/ 500px;
}
	.clients__section-inner{
		padding:56px 0px;
	}
	.clients__title{
		font-size:24px;
	}
	.clients__text{
		font-size:16px;
	}
	.numeric-datas__title{
		padding:5px 0;
		white-space: nowrap;
	}
	.numeric-datas__card:nth-child(3) .numeric-datas__title{
		letter-spacing:-0.02em;
	}
	.clients__section-inner .row{
		row-gap:32px;
	}
	.bottom-trial__inner{
		padding:56px 16px;
	}
	.bottom-trial__inner__texts{
		row-gap:16px;
	}
	.bottom-trial__inner__texts p:first-child{
		font-size:24px;
	}
	.bottom-trial__inner__texts p:last-child{
		font-size:16px;
	}
	.footer__inner__logo{
		display:block;
		margin:0px auto;
		
	}
	.footer__link{
		font-size:14px;
	}
	.footer__inner1 .row{
		row-gap:24px!important;
	}
	.footer__links__item{
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	/**mobile menu*/
	.mobile_menu{
		display:block;
		position:fixed;
		top:64px;
		right:0;
		left:0;
		z-index:200;
		width:100%;
		height:100%;
		background-color: rgba(48, 52, 87, 0.95);
		transition:0.4s ease;
		opacity:0;
		visibility:hidden;
    	padding:48px 30px;
	}
	.mobile_menu.is-open{
		opacity:1;
		visibility:visible;
	}
	.no-scroll{
    	overflow:hidden;
	}
	.mobile_menu_inner{
		display:flex;
		flex-direction:column;
		row-gap:24px;
	}
	.mobile_menu_inner>a{
		display:flex;
		flex-wrap:nowrap;
		align-items:center;
		justify-content:space-between;
		color: #FFFFFF!important;
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 125%;
		letter-spacing: 0.32px;
		padding:0px 0px 16px 0px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.70);
	}
	.mobile_menu_inner>a>img{
		width:15px;
		height:15px;
	}
	.mobile_menu_lang{
		color: #FFFFFF!important;
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 125%;
		letter-spacing: 0.32px;
		display:flex;
		flex-wrap:nowrap;
		gap:16px;
		justify-content:flex-start;	
		align-items:center;
	}
	.mobile_menu_lang>p{
		margin:0px;
	}
	.mobile_lang{
		display: flex;
		padding: 6px 20px;
		align-items: center;
		gap: 8px;
		border-radius: 20px;
		border: 1px solid #CCC;
		cursor:pointer;
		position:relative;
	}
	.mobile_lang>p{
		margin:0px;
		padding:0px;
	}
	.mobile_lang>img{
		width:10px;
		height:10px;
	}
	.mobile_lang>div{
		position:absolute;
		top:100%;
		left:0;
		display:flex;
		flex-direction:column;
		row-gap:0;
		border-radius:8px;
		border:1px solid #CCCCCC;
		overflow:hidden;
		width:100%;
		display:none;
	}
	.mobile_lang_list.is-open{
		display:flex;
	}
	.mobile_lang>div>a{
		display:flex;
		flex-wrap:nowrap;
		gap:8px;
		align-items:center;
		padding:8px 10px;
		border-bottom:1px dashed #CCCCCC;
	}
	.mobile_lang-on{
		width:12px;
		height:auto;
		visibility:visible;
	}
	.mobile_lang-off{
		width:12px;
		height:auto;
		visibility:hidden;
	}
}