@charset "UTF-8";


	
	
/* common
--------------------- */
#main {
	overflow: hidden;
}

#breadcrumbs.threeminutes {
	padding-top: calc(15 * var(--vw-ratio));
}

.title{
	text-align: center;
	padding-bottom: calc(120 * var(--vw-ratio));
	margin-bottom: 0;
}
	.title h2{
		padding: calc(3 * var(--vw-ratio)) calc(9 * var(--vw-ratio));
		position: relative;
		display: inline-block;
	}
	.title h2.pc{
		display: inline-block;
	}
	.title h2.sp{
		display: none;
	}

.slide-loop{
	animation-name: slide_img01;
	right: 0;
	top: 0;
	transform: translate(0, -30%);
	display: block;
	height: 100%;
	width: 100%;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: absolute;
	
}
@keyframes slide_img01 {
	100% {
		background-position: 0 0;
	}
}
@media screen and (max-width: 767px) {
	#breadcrumbs.threeminutes {
		padding-top: calc(10 * var(--vw-ratio));
	}
	
	.title{
		padding-bottom: calc(40 * var(--vw-ratio));
		margin-bottom: 0;
	}
		.title h2{
			padding: calc(3 * var(--vw-ratio)) calc(9 * var(--vw-ratio));
			position: relative;
			font-size: calc(22 * var(--vw-ratio));
			display: inline-block;
		}
		.title h2.pc{
			display: none;
		}
		.title h2.sp{
			display: inline-block;
		}
		.title h2 span{
			display: inline-block;
			padding: calc(3 * var(--vw-ratio)) calc(9 * var(--vw-ratio));
		}
		.title h2 span.mt{
			margin-top: calc(5 * var(--vw-ratio));
		}
	
	.slide-loop{
		transform: translate(0, -20%);
	}
}

	
	
/* threeminutes-fv
--------------------- */
#threeminutes-fv {
	width: 100%;
	position: relative;
	padding: calc(110 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) 0;
}
	#threeminutes-fv .bg-white{
		height: calc(610 * var(--vw-ratio));
		position: relative;
	}
		#threeminutes-fv .bg-white .catch-copy{
			position: absolute;
			top: 45%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#threeminutes-fv .bg-white .catch-copy h1{
			font-size: calc(55 * var(--vw-ratio));
			line-height: 1;
		}
		#threeminutes-fv .bg-white .catch-copy h1 span.c-purple{
			font-size: calc(77 * var(--vw-ratio));
		}
		#threeminutes-fv .bg-white .catch-copy h1 span.en{
			font-size: calc(160 * var(--vw-ratio));
		}
		#threeminutes-fv .bg-white .catch-copy p.en{
			font-size: calc(38 * var(--vw-ratio));
			margin-top: calc(10 * var(--vw-ratio));
			line-height: 1;
			font-weight: 500;
		}
		#threeminutes-fv .bg-white .catch-copy p.small{
			font-size: calc(22 * var(--vw-ratio));
			letter-spacing: calc(2 * var(--vw-ratio));
			font-weight: 600;
			line-height: 1;
		}
	#threeminutes-fv .icon,
	#threeminutes-fv .txt{
		position: absolute;
	}
		#threeminutes-fv .icon01{
			width: calc(167 * var(--vw-ratio));
			height: calc(167 * var(--vw-ratio));
			top: calc(48 * var(--vw-ratio));
			left: calc(51 * var(--vw-ratio));
		}
		#threeminutes-fv .icon02{
			width: calc(138 * var(--vw-ratio));
			height: calc(128 * var(--vw-ratio));
			top: calc(112 * var(--vw-ratio));
			right: calc(332 * var(--vw-ratio));
		}
		#threeminutes-fv .icon03{
			width: calc(145 * var(--vw-ratio));
			height: calc(32 * var(--vw-ratio));
			top: calc(416 * var(--vw-ratio));
			left: calc(273 * var(--vw-ratio));
		}
		#threeminutes-fv .icon04{
			width: calc(92 * var(--vw-ratio));
			height: calc(123 * var(--vw-ratio));
			bottom: calc(-50 * var(--vw-ratio));
			right: calc(345 * var(--vw-ratio));
		}
		#threeminutes-fv .txt01{
			width: calc(700 * var(--vw-ratio));
			height: calc(70 * var(--vw-ratio));
			top: calc(60 * var(--vw-ratio));
			right: calc(-10 * var(--vw-ratio));
		}
		#threeminutes-fv .txt02{
			width: calc(152 * var(--vw-ratio));
			height: calc(317 * var(--vw-ratio));
			top: calc(30 * var(--vw-ratio));
			left: calc(263 * var(--vw-ratio));
		}
		#threeminutes-fv .txt03{
			width: calc(195 * var(--vw-ratio));
			height: calc(105 * var(--vw-ratio));
			bottom: calc(190 * var(--vw-ratio));
			left: calc(38 * var(--vw-ratio));
		}
		#threeminutes-fv .txt04{
			width: calc(724 * var(--vw-ratio));
			height: calc(82 * var(--vw-ratio));
			bottom: calc(50 * var(--vw-ratio));
			left: calc(145 * var(--vw-ratio));
		}
		#threeminutes-fv .txt05{
			width: calc(314 * var(--vw-ratio));
			height: calc(110 * var(--vw-ratio));
			top: calc(200 * var(--vw-ratio));
			right: calc(40 * var(--vw-ratio));
		}
		#threeminutes-fv .txt06{
			width: calc(371 * var(--vw-ratio));
			height: calc(185 * var(--vw-ratio));
			bottom: calc(30 * var(--vw-ratio));
			right: calc(40 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#threeminutes-fv {
		padding: calc(70 * var(--vw-ratio)) calc(20 * var(--vw-ratio)) 0;
	}
		#threeminutes-fv .bg-white{
			height: 77vh;
		}
			#threeminutes-fv .bg-white .catch-copy{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				white-space: nowrap;
			}
			#threeminutes-fv .bg-white .catch-copy h1{
				font-size: calc(50 * var(--vw-ratio));
				line-height: 1;
			}
			#threeminutes-fv .bg-white .catch-copy p.small{
				font-size: calc(20 * var(--vw-ratio));
				letter-spacing: calc(2 * var(--vw-ratio));
			}
			#threeminutes-fv .bg-white .catch-copy h1 span.c-purple{
				font-size: calc(70 * var(--vw-ratio));
			}
			#threeminutes-fv .bg-white .catch-copy h1 span.en{
				font-size: calc(120 * var(--vw-ratio));
			}
			#threeminutes-fv .bg-white .catch-copy p.en{
				font-size: calc(34 * var(--vw-ratio));
				margin-top: calc(10 * var(--vw-ratio));
			}
		#threeminutes-fv .icon,
		#threeminutes-fv .txt{
			position: absolute;
		}
			#threeminutes-fv .icon01{
				width: calc(100 * var(--vw-ratio));
				height: calc(100 * var(--vw-ratio));
				top: calc(45 * var(--vw-ratio));
				left: 10%;
			}
			#threeminutes-fv .icon02{
				width: calc(110 * var(--vw-ratio));
				height: calc(110 * var(--vw-ratio));
				top: calc(165 * var(--vw-ratio));
				right: 0%;
			}
			#threeminutes-fv .icon03{
			width: calc(125 * var(--vw-ratio));
			height: calc(32 * var(--vw-ratio));
			top: calc(446 * var(--vw-ratio));
			left: 0;
			}
			#threeminutes-fv .icon04{
				width: calc(62 * var(--vw-ratio));
				height: calc(63 * var(--vw-ratio));
				bottom: calc(40 * var(--vw-ratio));
				right: -6%;
			}
			#threeminutes-fv .txt01{
				width: calc(220 * var(--vw-ratio));
				height: calc(35 * var(--vw-ratio));
				top: calc(30 * var(--vw-ratio));
				right: calc(20 * var(--vw-ratio));
			}
			#threeminutes-fv .txt02{
				width: calc(76 * var(--vw-ratio));
				height: calc(160 * var(--vw-ratio));
				top: calc(20 * var(--vw-ratio));
				left: 5%;
			}
			#threeminutes-fv .txt03{
				width: calc(100 * var(--vw-ratio));
				height: calc(50 * var(--vw-ratio));
				bottom: calc(40 * var(--vw-ratio));
				left: 5%;
			}
			#threeminutes-fv .txt04{
				width: calc(330 * var(--vw-ratio));
				height: calc(40 * var(--vw-ratio));
				bottom: calc(120 * var(--vw-ratio));
				left: 10%;
			}
			#threeminutes-fv .txt05{
				width: calc(160 * var(--vw-ratio));
				height: calc(55 * var(--vw-ratio));
				top: calc(140 * var(--vw-ratio));
				right: 10%;
			}
			#threeminutes-fv .txt06{
				width: calc(160 * var(--vw-ratio));
				height: calc(70 * var(--vw-ratio));
				bottom: calc(30 * var(--vw-ratio));
				right: calc(40 * var(--vw-ratio));
			}
}


	
	
/* our-philosophy
--------------------- */
#our-philosophy {
	position: relative;
}
	#our-philosophy section{
		padding: 0 calc(105 * var(--vw-ratio));
	}
		#our-philosophy .icon{
			position: absolute;
			z-index: 1;
		}
			#our-philosophy .icon01{
				width: calc(139 * var(--vw-ratio));
				height: calc(93 * var(--vw-ratio));
				top: calc(370 * var(--vw-ratio));
				left: calc(30 * var(--vw-ratio));
			}
			#our-philosophy .icon02{
				width: calc(220 * var(--vw-ratio));
				height: calc(132 * var(--vw-ratio));
				top: calc(220 * var(--vw-ratio));
				right: calc(80 * var(--vw-ratio));
			}
			#our-philosophy .icon03{
				width: calc(145 * var(--vw-ratio));
				height: calc(32 * var(--vw-ratio));
				top: calc(900 * var(--vw-ratio));
				right: calc(0 * var(--vw-ratio));
			}
	#our-philosophy .slide-loop{
		background: url(../img/threeminutes/philosophy-txt.svg) repeat-x calc(1800 * var(--vw-ratio)) 0;
		background-size: calc(1800 * var(--vw-ratio)) calc(131 * var(--vw-ratio));
	}
	#our-philosophy .list{
		display: flex;
		flex-wrap: wrap;
		gap: calc(75 * var(--vw-ratio));
	}
		#our-philosophy .list .cont{
			width: calc((100% - calc(75 * var(--vw-ratio)))/2);
			padding: calc(47 * var(--vw-ratio)) 0 calc(56 * var(--vw-ratio));
			text-align: center;
			position: relative;
		}
		#our-philosophy .list .cont:before{
			position: absolute;
			content: "";
			background: #F5B400;
			clip-path: polygon(0 0, 50% 100%, 100% 0);
			width: calc(96 * var(--vw-ratio));
			height: calc(26 * var(--vw-ratio));
			bottom: calc(-20 * var(--vw-ratio));
			left: 50%;
			transform: translate(-50%, 100%);
		}
		#our-philosophy .list .cont h3{
			font-size: calc(40 * var(--vw-ratio));
			margin-bottom: calc(10 * var(--vw-ratio));
			line-height: 1.2;
		}
		#our-philosophy .list .cont p.en{
			line-height: 1;
		}
		#our-philosophy .list .cont:nth-child(2) h3,
		#our-philosophy .list .cont:nth-child(2) p.en{
			background: linear-gradient(
				90deg,
				#6E3CBE 0%,
				#3472C6 35%,
				#0A9BCD 50%,
				#04A6A0 70%,
				#00B176 100%
			);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
		}
		#our-philosophy .list .cont .txt{
			margin-top: calc(30 * var(--vw-ratio));
		}
		#our-philosophy .content{
			padding: calc(46 * var(--vw-ratio)) 0 calc(84 * var(--vw-ratio));
			background-image: repeating-linear-gradient(90deg, #282828, #282828 3px, transparent 3px, transparent 6px), repeating-linear-gradient(180deg, #282828, #282828 3px, transparent 3px, transparent 6px), repeating-linear-gradient(90deg, #282828, #282828 3px, transparent 3px, transparent 6px), repeating-linear-gradient(180deg, #282828, #282828 3px, transparent 3px, transparent 6px);
			background-position: left top, right top, left bottom, left top;
			background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
			background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
			margin-top: calc(66 * var(--vw-ratio));
			text-align: center;
		}
			#our-philosophy .content h3{
				font-size: calc(34 * var(--vw-ratio));
				line-height: 1.4;
				margin-bottom: calc(30 * var(--vw-ratio));
			}
			#our-philosophy .content ul{
				display: flex;
				justify-content: center;
				column-gap: calc(50 * var(--vw-ratio));
			}
			#our-philosophy .content ul li .pht{
				width: calc(192 * var(--vw-ratio));
			}
			#our-philosophy .content ul li p{
				font-weight: 500;
				line-height: 1.4;
				margin-top: calc(10 * var(--vw-ratio));
			}
			#our-philosophy .content .btn{
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translate(-50%, 50%);
			}
@media screen and (max-width: 767px) {
	#our-philosophy section{
		padding: 0 calc(20 * var(--vw-ratio));
	}
		#our-philosophy .icon{
			position: absolute;
			z-index: 1;
		}
			#our-philosophy .icon01{
				width: calc(79 * var(--vw-ratio));
				height: calc(33 * var(--vw-ratio));
				top: calc(140 * var(--vw-ratio));
				left: 5%;
			}
			#our-philosophy .icon02{
				width: calc(90 * var(--vw-ratio));
				height: calc(52 * var(--vw-ratio));
				top: calc(135 * var(--vw-ratio));
				right: 5%;
			}
			#our-philosophy .icon03{
				width: calc(85 * var(--vw-ratio));
				height: calc(15 * var(--vw-ratio));
				top: calc(1120 * var(--vw-ratio));
				right: calc(0 * var(--vw-ratio));
			}
	
	#our-philosophy .title{
		padding-bottom: calc(60 * var(--vw-ratio));
	}
	
	#our-philosophy .slide-loop{
		background: url(../img/threeminutes/philosophy-txt.svg) repeat-x calc(1246 * var(--vw-ratio)) 0;
		background-size: calc(1246 * var(--vw-ratio)) calc(80 * var(--vw-ratio));
	}
	
	#our-philosophy .list{
		display: flex;
		flex-wrap: wrap;
		gap: calc(15 * var(--vw-ratio));
	}
		#our-philosophy .list .cont{
			width: calc((100% - calc(15 * var(--vw-ratio)))/2);
			padding: calc(30 * var(--vw-ratio)) calc(15 * var(--vw-ratio));
			line-height: 1.8;
		}
		#our-philosophy .list .cont:before{
			width: calc(80 * var(--vw-ratio));
			height: calc(20 * var(--vw-ratio));
			bottom: calc(-15 * var(--vw-ratio));
			}
			#our-philosophy .list .cont h3{
				font-size: calc(20 * var(--vw-ratio));
				line-height: 1.3;
				margin-bottom: calc(10 * var(--vw-ratio));
			}
	
			#our-philosophy .list .cont p.en{
				font-size: calc(12 * var(--vw-ratio));
			}
	
			#our-philosophy .list .cont .txt{
				margin-top: calc(15 * var(--vw-ratio));
				text-align: left;
				line-height: 1.7;
			}
	
		#our-philosophy .content{
			padding: calc(30 * var(--vw-ratio)) 0 calc(60 * var(--vw-ratio));
			margin-top: calc(50 * var(--vw-ratio));
		}
			#our-philosophy .content h3{
				font-size: calc(24 * var(--vw-ratio));
				margin-bottom: calc(20 * var(--vw-ratio));
			}
	
			#our-philosophy .content ul{
				display: flex;
				justify-content: center;
				column-gap: calc(30 * var(--vw-ratio));
				row-gap: calc(10 * var(--vw-ratio));
				flex-wrap: wrap;
			}
				#our-philosophy .content ul li {
					width: 40%;
				}
				#our-philosophy .content ul li .pht{
					width: 100%;
				}
				#our-philosophy .content ul li p{
					margin-top: calc(8 * var(--vw-ratio));
					line-height: 1.3;
				}
	
			#our-philosophy .content .btn{
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translate(-50%, 50%);
			}
}


	
	
/* business-growt
--------------------- */
#business-growth {
	position: relative;
}
	#business-growth section{
		padding-top: calc(136 * var(--vw-ratio));
	}
	#business-growth .icon{
		position: absolute;
		z-index: 1;
	}
		#business-growth .icon01{
			width: calc(135 * var(--vw-ratio));
			height: calc(104 * var(--vw-ratio));
			top: calc(700 * var(--vw-ratio));
			left: calc(625 * var(--vw-ratio));
		}

	#business-growth .slide-loop{
		background: url(../img/threeminutes/growth-txt.svg) repeat-x calc(2000 * var(--vw-ratio)) 0;
		background-size: calc(2000 * var(--vw-ratio)) calc(128 * var(--vw-ratio));
		width: 110%;
		transform: translate(5%, -30%);
		animation-duration: 40s;
	}

	#business-growth .list{
		display: flex;
		flex-wrap: wrap;
	}
		#business-growth .list .cont{
			width: calc(100% / 3);
			text-align: center;
			position: relative;
			box-sizing: border-box;
			border-top: 1px solid #DDD;
			border-right: 1px solid #DDD;
			padding: calc(40 * var(--vw-ratio)) 0 calc(50 * var(--vw-ratio));
		}
		#business-growth .list .cont:nth-child(3),
		#business-growth .list .cont:nth-child(5){
			border-right: none;
		}
		#business-growth .list .cont:nth-child(n+4){
			width: calc(100% / 2);
		}
			#business-growth .list .cont h3{
				font-size: calc(22 * var(--vw-ratio));
				line-height: 1.4;
				margin-bottom: calc(30 * var(--vw-ratio));
				display: inline-block;
				position: relative;
				z-index: 1;
			}
				#business-growth .list .cont h3:before{
					position: absolute;
					z-index: -1;
					content: "";
					width: calc(100% + 34 * var(--vw-ratio));
					height: calc(14 * var(--vw-ratio));
					background-image: linear-gradient(0deg, #F4F4F4 0.5em, transparent 0.5em);
					bottom: 0;
					left: calc(-17 * var(--vw-ratio));
				}

			#business-growth .list .cont p.num{
				font-size: calc(40 * var(--vw-ratio));
				line-height: 1;
				font-weight: 600;
				margin-bottom: calc(20 * var(--vw-ratio));
			}
				#business-growth .list .cont p.num span{
					font-size: calc(100 * var(--vw-ratio));
					margin-right: calc(5 * var(--vw-ratio));
				}
@media screen and (max-width: 767px) {
	#business-growth section{
		padding-top: calc(60 * var(--vw-ratio));
	}
		#business-growth .icon01{
			width: calc(85 * var(--vw-ratio));
			height: calc(64 * var(--vw-ratio));
			top: calc(760 * var(--vw-ratio));
			left: 5%;;
		}
	
	#business-growth .slide-loop{
		background: url(../img/threeminutes/growth-txt.svg) repeat-x calc(1500 * var(--vw-ratio)) 0;
        background-size: calc(1500 * var(--vw-ratio)) calc(98 * var(--vw-ratio));
		width: 110%;
		transform: translate(5%, -10%);
	}
	
	#business-growth .list .cont{
		width: 100%;
		border-right: none;
		padding: calc(30 * var(--vw-ratio)) 0 calc(20 * var(--vw-ratio));
	}
	#business-growth .list .cont:nth-child(n+4){
		width: 100%;
	}
		#business-growth .list .cont h3{
			font-size: calc(18 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}
			#business-growth .list .cont h3:before{
				width: calc(100% + 20 * var(--vw-ratio));
				left: calc(-10 * var(--vw-ratio));
			}
	
		#business-growth .list .cont p.num{
			font-size: calc(30 * var(--vw-ratio));
			margin-bottom: calc(10 * var(--vw-ratio));
		}
		#business-growth .list .cont p.num span{
			font-size: calc(76 * var(--vw-ratio));
			margin-right: calc(5 * var(--vw-ratio));
		}
}


	
	
/* no1-business
--------------------- */
#no1-business {
	position: relative;
}
	#no1-business .title{
		padding-bottom: calc(110 * var(--vw-ratio));
	}

	#no1-business .icon{
		position: absolute;
		z-index: 1;
	}
		#no1-business .icon01{
			width: calc(212 * var(--vw-ratio));
			height: calc(126 * var(--vw-ratio));
			top: calc(470 * var(--vw-ratio));
			left: calc(129 * var(--vw-ratio));
		}

	#no1-business .slide-loop{
		background: url(../img/threeminutes/business-txt.svg) repeat-x calc(5200 * var(--vw-ratio)) 0;
		background-size: calc(5200 * var(--vw-ratio)) calc(167 * var(--vw-ratio));
		animation-duration: 70s;
	}

	#no1-business .pht{
		width: calc(854 * var(--vw-ratio));
		margin: 0 auto;
	}
@media screen and (max-width: 767px) {
	#no1-business .title{
		padding-bottom: calc(60 * var(--vw-ratio));
	}
		#no1-business .icon01{
			width: calc(72 * var(--vw-ratio));
			height: calc(56 * var(--vw-ratio));
			top: calc(310 * var(--vw-ratio));
			left: 5%;
		}
	
	#no1-business .slide-loop{
		background: url(../img/threeminutes/business-txt.svg) repeat-x calc(3000 * var(--vw-ratio)) 0;
    	background-size: calc(3000 * var(--vw-ratio)) calc(110 * var(--vw-ratio));
		animation-duration: 60s;
		transform: translate(0, -10%);
	}
	
	#no1-business .pht{
		width: 90%;
		margin: 0 auto;
	}
}


	
	
/* our-values
--------------------- */
#our-values {
	position: relative;
}
	#our-values .title{
		padding-bottom: calc(85 * var(--vw-ratio));
	}

	#our-values .icon{
		position: absolute;
		z-index: 1;
	}
		#our-values .icon01{
			width: calc(92 * var(--vw-ratio));
			height: calc(133 * var(--vw-ratio));
			top: calc(100 * var(--vw-ratio));
			right: calc(340 * var(--vw-ratio));
		}
		#our-values .icon02{
			width: calc(70 * var(--vw-ratio));
			height: calc(123 * var(--vw-ratio));
			bottom: calc(-30 * var(--vw-ratio));
			left: calc(187 * var(--vw-ratio));
		}

	#our-values .slide-loop{
		background: url(../img/threeminutes/values-txt.svg) repeat-x calc(1850 * var(--vw-ratio)) 0;
		background-size: calc(1850 * var(--vw-ratio)) calc(131 * var(--vw-ratio));
	}

	#our-values .cont{
		margin: 0 auto;
		text-align: center;
	}
		#our-values .cont h4{
			font-size: calc(50 * var(--vw-ratio));
			line-height: 1.2;
			margin-bottom: calc(8 * var(--vw-ratio));
		}
		#our-values .cont p.en{
			font-size: calc(20 * var(--vw-ratio));
			margin-bottom: calc(35 * var(--vw-ratio));
			line-height: 1;
			font-weight: 500;
		}
		#our-values .cont .pht{
			width: calc(490 * var(--vw-ratio));
			margin: calc(35 * var(--vw-ratio)) auto calc(100 * var(--vw-ratio)) auto;
		}
		#our-values .cont:nth-child(2){
			margin-top: calc(60 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#our-values .title{
		padding-bottom: calc(40 * var(--vw-ratio));
	}
		#our-values .icon01{
			width: calc(42 * var(--vw-ratio));
			height: calc(83 * var(--vw-ratio));
			top: calc(230 * var(--vw-ratio));
			right: 5%;
		}
		#our-values .icon02{
			width: calc(30 * var(--vw-ratio));
			height: calc(83 * var(--vw-ratio));
			bottom: calc(-30 * var(--vw-ratio));
			left: 5%;
		}
	
	#our-values .slide-loop{
		background: url(../img/threeminutes/values-txt.svg) repeat-x calc(1000 * var(--vw-ratio)) 0;
        background-size: calc(1000 * var(--vw-ratio)) calc(70 * var(--vw-ratio));
	}
		#our-values .cont h4{
			font-size: calc(30 * var(--vw-ratio));
		}
	
		#our-values .cont p.en{
			font-size: calc(14 * var(--vw-ratio));
			margin-bottom: calc(15 * var(--vw-ratio));
		}
	
		#our-values .cont p.txt{
			line-height: 1.8;
			font-size: calc(16 * var(--vw-ratio));
		}
	
		#our-values .cont .pht{
			width: 70%;
			margin: calc(20 * var(--vw-ratio)) auto calc(50 * var(--vw-ratio)) auto;
		}
	
		#our-values .cont:nth-child(2){
			margin-top: calc(40 * var(--vw-ratio));
		}
}


	
	
/* global-strategy
--------------------- */
#global-strategy {
	position: relative;
}
	#global-strategy section{
		padding-top: calc(136 * var(--vw-ratio));
		padding-bottom: calc(120 * var(--vw-ratio));
		text-align: center;
	}

	#global-strategy .icon{
		position: absolute;
		z-index: 1;
	}
	#global-strategy .icon01{
		width: calc(115 * var(--vw-ratio));
		height: calc(115 * var(--vw-ratio));
		top: calc(440 * var(--vw-ratio));
		right: calc(297 * var(--vw-ratio));
	}

	#global-strategy .title{
		padding-bottom: calc(110 * var(--vw-ratio));
	}

	#global-strategy .slide-loop{
		background: url(../img/threeminutes/strategy-txt.svg) repeat-x calc(2600 * var(--vw-ratio)) 0;
		background-size: calc(2600 * var(--vw-ratio)) calc(160 * var(--vw-ratio));
		width: 110%;
		transform: translate(5%, -30%);
		animation-duration: 50s;
	}

	#global-strategy p.txt{
		margin-bottom: calc(50 * var(--vw-ratio));
	}

	#global-strategy .list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: calc(60 * var(--vw-ratio));
		align-items: center;
	}
		#global-strategy .list .cont{
			width: calc(330 * var(--vw-ratio));
			height: calc(330 * var(--vw-ratio));
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
		}
		#global-strategy .list .cont span.vertical{
			writing-mode: vertical-rl;
			font-size: calc(30 * var(--vw-ratio));
		}
		#global-strategy .list .cont span.num{
			font-size: calc(50 * var(--vw-ratio));
			font-weight: 600;
		}
		#global-strategy .list .cont span.en{
			font-size: calc(120 * var(--vw-ratio));
			line-height: 1;
			font-weight: 500;
		}
		#global-strategy .list .cont span.txt-18{
			font-weight: 500;
			line-height: 1.4;
		}

	#global-strategy .btn{
		display: inline-block;
		margin-top: calc(30 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	#global-strategy section{
		padding-top: calc(60 * var(--vw-ratio));
		padding-bottom: calc(60 * var(--vw-ratio));
	}
		#global-strategy .icon01{
			width: calc(55 * var(--vw-ratio));
			height: calc(55 * var(--vw-ratio));
			top: calc(320 * var(--vw-ratio));
			right: 5%;
		}
	
	#global-strategy .title{
		padding-bottom: calc(40 * var(--vw-ratio));
	}
	
	#global-strategy .slide-loop{
		background: url(../img/threeminutes/strategy-txt.svg) repeat-x calc(1200 * var(--vw-ratio)) 0;
        background-size: calc(1200 * var(--vw-ratio)) calc(74 * var(--vw-ratio));
        width: 110%;
        transform: translate(5%, -20%);
	}
	#global-strategy p.txt{
		margin-bottom: calc(30 * var(--vw-ratio));
		line-height: 1.8;
		font-size: calc(16 * var(--vw-ratio));
	}
	
	#global-strategy .list{
		column-gap: calc(15 * var(--vw-ratio));
		align-items: normal;
	}
		#global-strategy .list .cont{
			height: auto;
			width: calc((100% - calc(15 * var(--vw-ratio)))/2);
			border-radius: 0;
			padding: calc(30 * var(--vw-ratio)) 0;
		}
		#global-strategy .list .cont span.vertical{
			font-size: calc(20 * var(--vw-ratio));
		}
	
		#global-strategy .list .cont span.num{
			font-size: calc(30 * var(--vw-ratio));
		}
	
		#global-strategy .list .cont span.en{
			font-size: calc(80 * var(--vw-ratio));
		}
	
		#global-strategy .list .cont span.txt-18{
			line-height: 1.4;
			font-size: calc(16 * var(--vw-ratio));
			display: inline-block;
		}
	
	#global-strategy .btn{
		display: inline-block;
		margin-top: calc(30 * var(--vw-ratio));
		width: 70%;
	}
}


	
	
/* rd-production
--------------------- */
#rd-production .title {
	padding-bottom: calc(110 * var(--vw-ratio));
}
	#rd-production .slide-loop{
		background: url(../img/threeminutes/production-txt.svg) repeat-x calc(2650 * var(--vw-ratio)) 0;
		background-size: calc(2650 * var(--vw-ratio)) calc(164 * var(--vw-ratio));
		animation-duration: 40s;
	}

	#rd-production section .cont{
		display: flex;
		align-items: center;
	}
		#rd-production section .cont .pht{
			width: calc(535 * var(--vw-ratio));
			margin-right: calc(75 * var(--vw-ratio));
		}

		#rd-production section .cont .text{
			width: calc(640 * var(--vw-ratio));
		}
			#rd-production section .cont .text p.en{
				line-height: 1;
				font-weight: 500;
				margin-bottom: calc(20 * var(--vw-ratio));
			}
			#rd-production section .cont .text p:nth-child(4){
				margin-top: calc(10 * var(--vw-ratio));
			}

			#rd-production section .cont .text h3{
				font-size: calc(34 * var(--vw-ratio));
				line-height: 1.4;
				margin-bottom: calc(30 * var(--vw-ratio));
			}

	#rd-production section .cont:nth-child(2){
		margin-top: calc(90 * var(--vw-ratio));
		justify-content: flex-end;
	}
		#rd-production section .cont:nth-child(2) .pht{
			order: 2;
			margin-right: 0;
			margin-left: calc(75 * var(--vw-ratio));
		}
		#rd-production section .cont:nth-child(2) .text{
			order: 1;
		}
@media screen and (max-width: 767px) {
#rd-production .title{
	padding-bottom: calc(40 * var(--vw-ratio));
}
	#rd-production .slide-loop{
		background: url(../img/threeminutes/production-txt.svg) repeat-x calc(1400 * var(--vw-ratio)) 0;
    	background-size: calc(1400 * var(--vw-ratio)) calc(80 * var(--vw-ratio));
		animation-duration: 40s;
	}
	
	#rd-production section .cont{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
		#rd-production section .cont .pht{
			order: 2;
			width: 95%;
			margin: calc(25 * var(--vw-ratio)) 0 0;
		}
	
		#rd-production section .cont .text{
			order: 1;
			margin: 0 auto;
			width: 90%;
		}
			#rd-production section .cont .text p.en{
				line-height: 1;
				font-weight: 500;
				margin-bottom: calc(10 * var(--vw-ratio));
			}
	
			#rd-production section .cont .text p{
				line-height: 1.8;
			}
			#rd-production section .cont .text p:nth-child(4){
				margin-top: calc(10 * var(--vw-ratio));
			}
	
			#rd-production section .cont .text h3{
				font-size: calc(24 * var(--vw-ratio));
				line-height: 1.4;
				margin-bottom: calc(15 * var(--vw-ratio));
			}
	
	#rd-production section .cont:nth-child(2){
		margin-top: calc(60 * var(--vw-ratio));
		justify-content: center;
	}
		#rd-production section .cont:nth-child(2) .pht{
			order: 2;
			margin-right: 0;
			margin-left: auto;
		}
		#rd-production section .cont:nth-child(2) .text{
			order: 1;
		}
}

	
	
/* truth-fv
--------------------- */
#truth-fv .text {
	padding-top: calc(120 * var(--vw-ratio));
	padding-bottom: calc(160 * var(--vw-ratio));
	text-align: center;
}
	#truth-fv .text h1 {
		width: calc(450 * var(--vw-ratio));
		line-height: 1;
		margin: 0 auto calc(40 * var(--vw-ratio)) auto;
	}

	#truth-fv .text .txt-16 {
		letter-spacing: 0.1em;
	}

#truth-fv .fukidashi {
	position: absolute;
}
#truth-fv .fukidashi01 {
	width: calc(250 * var(--vw-ratio));
	top: calc(220 * var(--vw-ratio));
	left: calc(110 * var(--vw-ratio));
}
#truth-fv .fukidashi02 {
	width: calc(220 * var(--vw-ratio));
	bottom: calc(30 * var(--vw-ratio));
	left: calc(310 * var(--vw-ratio));
}
#truth-fv .fukidashi03 {
	width: calc(200 * var(--vw-ratio));
	top: calc(30 * var(--vw-ratio));
	left: calc(230 * var(--vw-ratio));
}
#truth-fv .fukidashi04 {
	width: calc(180 * var(--vw-ratio));
	top: calc(80 * var(--vw-ratio));
	right: calc(230 * var(--vw-ratio));
}
#truth-fv .fukidashi05 {
	width: calc(260 * var(--vw-ratio));
	bottom: calc(100 * var(--vw-ratio));
	right: calc(180 * var(--vw-ratio));
}
	#truth-fv .fukidashi a {
		display: block;
		transform: scale(1);
	}
	#truth-fv .fukidashi a:hover {
		transform: scale(1.1);
	}
@media screen and (max-width: 767px) {
	#truth-fv .text {
		padding-top: calc(120 * var(--vw-ratio));
		padding-bottom: calc(130 * var(--vw-ratio));
	}
		#truth-fv .text h1 {
			width: 90%;
			margin: 0 auto calc(30 * var(--vw-ratio)) auto;
		}

		#truth-fv .text .txt-16 {
			letter-spacing: 0;
		}

	#truth-fv .fukidashi01 {
		width: calc(120 * var(--vw-ratio));
		top: calc(25 * var(--vw-ratio));
		left: calc(10 * var(--vw-ratio));
	}
	#truth-fv .fukidashi02 {
		width: calc(120 * var(--vw-ratio));
		bottom: calc(20 * var(--vw-ratio));
		left: calc(30 * var(--vw-ratio));
	}
	#truth-fv .fukidashi03 {
		width: calc(100 * var(--vw-ratio));
		top: calc(296 * var(--vw-ratio));
		left: calc(-5 * var(--vw-ratio));
	}
	#truth-fv .fukidashi04 {
		width: calc(120 * var(--vw-ratio));
		top: calc(30 * var(--vw-ratio));
		right: calc(20 * var(--vw-ratio));
	}
	#truth-fv .fukidashi05 {
		width: calc(150 * var(--vw-ratio));
		bottom: calc(20 * var(--vw-ratio));
		right: calc(-10 * var(--vw-ratio));
	}
}

	
	
/* misunderstanding
--------------------- */
.misunderstanding .ttl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: calc(50 * var(--vw-ratio));
	position: relative;
}
	.misunderstanding .ttl .gesture {
		width: calc(90 * var(--vw-ratio));
		position: absolute;
		bottom: calc(-120 * var(--vw-ratio));
	}
	#sec01.misunderstanding .ttl .gesture,
	#sec03.misunderstanding .ttl .gesture,
	#sec05.misunderstanding .ttl .gesture {
		left: calc(250 * var(--vw-ratio));
	}
	#sec02.misunderstanding .ttl .gesture,
	#sec04.misunderstanding .ttl .gesture {
		left: calc(620 * var(--vw-ratio));
	}

	.misunderstanding .ttl .number {
		border-right: solid 1px #ddd;
		padding-right: calc(30 * var(--vw-ratio));
		margin-right: calc(30 * var(--vw-ratio));
	}
		.misunderstanding .ttl .number img {
			width: auto;
			height: calc(50 * var(--vw-ratio));
		}

	.misunderstanding .ttl h2 {
		font-size: calc(22 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.4em;
	}

.misunderstanding .content .row {
	border-top: dashed 1px #ddd;
	padding-top: calc(50 * var(--vw-ratio));
	padding-bottom: calc(50 * var(--vw-ratio));
}
.misunderstanding .content .row:nth-last-child(1) {
	padding-bottom: 0;
}
	.misunderstanding .content .row .text {
		width: 55%;
	}
	#sec02.misunderstanding .content .row .text,
	#sec04.misunderstanding .content .row .text {
		order: 2;
	}
		.misunderstanding .content .row .text .label {
			width: calc(134 * var(--vw-ratio));
			line-height: 1;
			margin-bottom: calc(12 * var(--vw-ratio));
		}

		.misunderstanding .content .row .text h3 {
			font-size: calc(28 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.4em;
			margin-bottom: calc(15 * var(--vw-ratio));
		}

		.misunderstanding .content .row .text .txt-16 {
			line-height: 1.8em;
		}

	.misunderstanding .content .row .pht {
		width: 40%;
	}
	#sec02.misunderstanding .content .row .pht,
	#sec04.misunderstanding .content .row .pht {
		order: 1;
	}
@media screen and (max-width: 767px) {
	.misunderstanding .ttl {
		display: block;
		margin-bottom: calc(40 * var(--vw-ratio));
		text-align: center;
	}
		.misunderstanding .ttl .gesture {
			width: calc(60 * var(--vw-ratio));
			bottom: calc(-85 * var(--vw-ratio));
		}
		#sec01.misunderstanding .ttl .gesture,
		#sec03.misunderstanding .ttl .gesture,
		#sec05.misunderstanding .ttl .gesture {
			left: calc(150 * var(--vw-ratio));
		}
		#sec02.misunderstanding .ttl .gesture,
		#sec04.misunderstanding .ttl .gesture {
			left: calc(150 * var(--vw-ratio));
		}

		.misunderstanding .ttl .number {
			border-right: none;
			padding-right: 0;
			margin-right: 0;
			margin-bottom: calc(10 * var(--vw-ratio));
		}
			.misunderstanding .ttl .number img {
				height: calc(40 * var(--vw-ratio));
			}

		.misunderstanding .ttl h2 {
			font-size: calc(20 * var(--vw-ratio));
		}

	.misunderstanding .content .row {
		display: block;
		padding-top: calc(40 * var(--vw-ratio));
		padding-bottom: calc(40 * var(--vw-ratio));
	}
		.misunderstanding .content .row .text {
			width: 100%;
			margin-bottom: calc(25 * var(--vw-ratio));
		}
			.misunderstanding .content .row .text .label {
				width: calc(110 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			.misunderstanding .content .row .text h3 {
				font-size: calc(22 * var(--vw-ratio));
				margin-bottom: calc(12 * var(--vw-ratio));
			}

			.misunderstanding .content .row .text .txt-16 {
				line-height: 1.7em;
			}

		.misunderstanding .content .row .pht {
			width: 100%;
		}
}

	
	
/* ai-fv
--------------------- */
#ai-fv {
	width: 100%;
	position: relative;
}
#ai-fv:before {
	content: "";
	width: calc(980 * var(--vw-ratio));
	height: calc(980 * var(--vw-ratio));
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: calc(-170 * var(--vw-ratio));
	left: 50%;
	margin-left: calc(-490 * var(--vw-ratio));
	z-index: -1;
}
	#ai-fv .text {
		padding-top: calc(85 * var(--vw-ratio));
		padding-bottom: calc(240 * var(--vw-ratio));
		text-align: center;
		position: relative;
	}
		#ai-fv .text .robot {
			width: calc(270 * var(--vw-ratio));
			position: absolute;
			top: calc(55 * var(--vw-ratio));
			left: calc(60 * var(--vw-ratio));
			z-index: 2;
			animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
		}
		@keyframes floating-y {
		  0% {
			transform: translateY(-3%);
		  }
		  100% {
			transform: translateY(3%);
		  }
		}

		#ai-fv .text h1 {
			width: calc(656 * var(--vw-ratio));
			line-height: 1;
			margin: 0 auto calc(50 * var(--vw-ratio)) auto;
			position: relative;
			z-index: 1;
		}

		#ai-fv .text h2 {
			font-size: calc(22 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.5em;
			margin-bottom: calc(15 * var(--vw-ratio));
		}

		#ai-fv .text .gesture {
			position: absolute;
		}
		#ai-fv .text .gesture01 {
			width: calc(170 * var(--vw-ratio));
			top: calc(50 * var(--vw-ratio));
			left: calc(150 * var(--vw-ratio));
			z-index: -1;
		}
		#ai-fv .text .gesture02 {
			width: calc(145 * var(--vw-ratio));
			top: calc(320 * var(--vw-ratio));
			right: calc(10 * var(--vw-ratio));
		}
		#ai-fv .text .gesture03 {
			width: calc(90 * var(--vw-ratio));
			bottom: calc(110 * var(--vw-ratio));
			left: calc(200 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#ai-fv {
		overflow: hidden;
	}
	#ai-fv:before {
		width: calc(600 * var(--vw-ratio));
		height: calc(600 * var(--vw-ratio));
		top: 0;
		margin-left: calc(-300 * var(--vw-ratio));
	}
		#ai-fv .text {
			padding-top: calc(70 * var(--vw-ratio));
			padding-bottom: calc(150 * var(--vw-ratio));
		}
			#ai-fv .text .robot {
				width: calc(130 * var(--vw-ratio));
				top: calc(90 * var(--vw-ratio));
				left: calc(-40 * var(--vw-ratio));
			}

			#ai-fv .text h1 {
				width: 100%;
				margin: 0 auto calc(30 * var(--vw-ratio)) auto;
			}

			#ai-fv .text h2 {
				font-size: calc(20 * var(--vw-ratio));
				margin-bottom: calc(12 * var(--vw-ratio));
			}

			#ai-fv .text .gesture01 {
				width: calc(80 * var(--vw-ratio));
				top: calc(40 * var(--vw-ratio));
				left: calc(-10 * var(--vw-ratio));
			}
			#ai-fv .text .gesture02 {
				width: calc(70 * var(--vw-ratio));
				top: calc(130 * var(--vw-ratio));
				right: calc(-30 * var(--vw-ratio));
			}
			#ai-fv .text .gesture03 {
				width: calc(40 * var(--vw-ratio));
				bottom: calc(50 * var(--vw-ratio));
				left: calc(110 * var(--vw-ratio));
			}
}

	
	
/* question
--------------------- */
.question {
	padding-right: calc(50 * var(--vw-ratio));
	padding-left: calc(50 * var(--vw-ratio));
	margin-bottom: calc(50 * var(--vw-ratio));
}
	.question .tithead {
		padding-top: calc(60 * var(--vw-ratio));
		padding-right: calc(100 * var(--vw-ratio));
		padding-bottom: calc(60 * var(--vw-ratio));
		padding-left: calc(100 * var(--vw-ratio));
		cursor: pointer;
		position: relative;
	}
	.question .tithead:before {
		content: "";
		width: calc(26 * var(--vw-ratio));
		height: calc(26 * var(--vw-ratio));
		background: url("../../common/img/icon_plus_white.svg") no-repeat center / 100%;
		position: absolute;
		top: 50%;
		right: calc(100 * var(--vw-ratio));
		margin-top: calc(-13 * var(--vw-ratio));
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#question04 .tithead:before {
		background: url("../../common/img/icon_plus_black.svg") no-repeat center / 100%;
	}
	.question .tithead.active:before {
		transform: rotate(-135deg);
	}
		.question .tithead .en {
			font-size: calc(22 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1;
			margin-bottom: calc(15 * var(--vw-ratio));
		}

		.question .tithead h2 {
			font-size: calc(30 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
		}

	.question .content {
		display: none;
		padding-top: calc(70 * var(--vw-ratio));
		padding-right: calc(100 * var(--vw-ratio));
		padding-bottom: calc(70 * var(--vw-ratio));
		padding-left: calc(100 * var(--vw-ratio));
	}
		.question .content .comment {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: calc(50 * var(--vw-ratio));
		}
			.question .content .comment .robot {
				width: calc(125 * var(--vw-ratio));
			}

			.question .content .comment .text {
				width: -webkit-calc(100% -  calc(155 * var(--vw-ratio)));
				width: calc(100% -  calc(155 * var(--vw-ratio)));
				padding: calc(25 * var(--vw-ratio)) calc(30 * var(--vw-ratio));
				border: solid 2px #EDEDED;
				position: relative;
			}
			.question .content .comment .text:before {
				content: "";
				width: calc(18 * var(--vw-ratio));
				height: calc(18 * var(--vw-ratio));
				background-color: #ededed;
				clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
				position: absolute;
				top: 50%;
				left: calc(-18 * var(--vw-ratio));
				margin-top: calc(-9 * var(--vw-ratio));
			}
				.question .content .comment .text .txt-18 {
					font-weight: 700;
					line-height: 1.6em;
				}

		.question .content .case .cont {
			margin-bottom: calc(70 * var(--vw-ratio));
		}
		.question .content .case .cont:nth-last-child(1) {
			margin-bottom: 0;
		}
			.question .content .case .cont h3 {
				background: #F7F7F7;
				height: calc(50 * var(--vw-ratio));
				font-size: calc(22 * var(--vw-ratio));
				font-weight: 700;
				line-height: calc(48 * var(--vw-ratio));
				padding-left: calc(15 * var(--vw-ratio));
			}
			.question .content .case .cont h3.c-purple {
				border-left: solid 3px #925ED2;
			}

			.question .content .case .cont .list .box {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				border-bottom: dashed 1px #ddd;
				padding: calc(20 * var(--vw-ratio)) 0;
			}
			.question .content .case .cont .list.full .box {
				display: block;
			}
			.question .content .case .cont .list .box:nth-last-child(1) {
				border-bottom: none;
				padding-bottom: 0;
			}
				.question .content .case .cont .list .box h4 {
					width: calc(200 * var(--vw-ratio));
					padding-left: calc(20 * var(--vw-ratio));
					line-height: 1.4em;
				}
				.question .content .case .cont .list.full .box h4 {
					width: 100%;
					padding-left: 0;
					margin-bottom: calc(10 * var(--vw-ratio));
				}

				.question .content .case .cont .list .box .text {
					width: -webkit-calc(100% -  calc(200 * var(--vw-ratio)));
					width: calc(100% -  calc(200 * var(--vw-ratio)));
				}
				.question .content .case .cont .list.full .box .text {
					width: 100%;
				}
					.question .content .case .cont .list .box .text ul.icon-list li {
						line-height: 1.3em;
						font-weight: 500;
						padding-left: calc(15 * var(--vw-ratio));
						margin-right: calc(20 * var(--vw-ratio));
						margin-top: calc(5 * var(--vw-ratio));
						margin-bottom: calc(5 * var(--vw-ratio));
						position: relative;
					}
					.question .content .case .cont .list .box .text ul.icon-list li:before {
						content: "";
						width: calc(8 * var(--vw-ratio));
						height: calc(8 * var(--vw-ratio));
						background: #925ED2;
						border-radius: 50%;
						position: absolute;
						top: calc(7 * var(--vw-ratio));
						left: 0;
					}


/* question01 */
#question01 .table-layout {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: calc(30 * var(--vw-ratio));
}
	#question01 .table-layout th {
		border-right: solid 1px #ddd;
		background: #F7F7F7;
		text-align: center;
		line-height: 1.3em;
		padding: calc(10 * var(--vw-ratio));
	}
	#question01 .table-layout th:nth-last-child(1) {
		border-right: none;
	}
	#question01 .table-layout td {
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		text-align: center;
		line-height: 1.3em;
		padding: calc(15 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
	}
	#question01 .table-layout td:nth-last-child(1) {
		border-right: none;
	}

#question01 .text .mb {
	margin-bottom: calc(20 * var(--vw-ratio));
}

#question01 .text ul.icon-list li {
	line-height: 1.8em;
	font-weight: 700;
	padding-left: calc(15 * var(--vw-ratio));
	position: relative;
}
#question01 .text ul.icon-list li:before {
	content: "";
	width: calc(8 * var(--vw-ratio));
	height: calc(8 * var(--vw-ratio));
	background: #F06400;
	border-radius: 50%;
	position: absolute;
	top: calc(13 * var(--vw-ratio));
	left: 0;
}


/* question03 */
#question03 .reason .cont {
	margin-bottom: calc(40 * var(--vw-ratio));
	padding-bottom: calc(40 * var(--vw-ratio));
	border-bottom: dashed 1px #ddd;
}
#question03 .reason .cont:nth-child(5) {
	border-bottom: none;
}
	#question03 .reason .cont .text {
		width: 60%;
	}
		#question03 .reason .cont .text .head {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: calc(15 * var(--vw-ratio));
		}
			#question03 .reason .cont .text .head .number {
				width: calc(40 * var(--vw-ratio));
				height: calc(40 * var(--vw-ratio));
				margin-right: calc(15 * var(--vw-ratio));
				text-align: center;
				line-height: calc(40 * var(--vw-ratio));
			}

			#question03 .reason .cont .text .head h3 {
				font-size: calc(26 * var(--vw-ratio));
				font-weight: 700;
				line-height: 1.3em;
			}

		#question03 .reason .cont .text ul.icon-list li {
			line-height: 1.3em;
			font-weight: 500;
			padding-left: calc(15 * var(--vw-ratio));
			margin-right: calc(20 * var(--vw-ratio));
			margin-top: calc(5 * var(--vw-ratio));
			margin-bottom: calc(5 * var(--vw-ratio));
			position: relative;
		}
		#question03 .reason .cont .text ul.icon-list li:before {
			content: "";
			width: calc(8 * var(--vw-ratio));
			height: calc(8 * var(--vw-ratio));
			background: #0A9BCD;
			border-radius: 50%;
			position: absolute;
			top: calc(7 * var(--vw-ratio));
			left: 0;
		}

	#question03 .reason .cont .pht {
		width: 32%;
	}

#question03 .reason .summary {
	padding: calc(35 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) calc(35 * var(--vw-ratio)) calc(50 * var(--vw-ratio));
	position: relative;
}
	#question03 .reason .summary h3 {
		width: 100%;
		font-size: calc(26 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		position: absolute;
		top: calc(-15 * var(--vw-ratio));
		left: 0;
	}

	#question03 .reason .summary .txt-16 {
		text-align: center;
	}

	#question03 .reason .summary ul.list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: calc(25 * var(--vw-ratio));
		margin-top: calc(25 * var(--vw-ratio));
		margin-bottom: calc(25 * var(--vw-ratio));
	}
		#question03 .reason .summary ul.list li {
			padding: calc(25 * var(--vw-ratio)) 0;
			text-align: center;
			font-weight: 700;
			line-height: 1.3em;
			counter-increment: mycounter;
			position: relative;
		}
		#question03 .reason .summary ul.list li:before {
			content: counter(mycounter, decimal-leading-zero);
			font-size: calc(20 * var(--vw-ratio));
			font-family: 'GT Eesti', sans-serif;
			font-weight: 500;
			color: #0A9BCD;
			line-height: 1;
			position: absolute;
			top: calc(10 * var(--vw-ratio));
			left: calc(10 * var(--vw-ratio));
		}


/* question04 */
#question04 .voice {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: calc(50 * var(--vw-ratio));
	row-gap: calc(50 * var(--vw-ratio));
}
	#question04 .voice .box {
		padding: calc(50 * var(--vw-ratio));
		counter-increment: mycounter;
		position: relative;
	}
	#question04 .voice .box:before {
		content: counter(mycounter, decimal-leading-zero);
		font-size: calc(40 * var(--vw-ratio));
		font-family: 'GT Eesti', sans-serif;
		font-weight: 500;
		color: #F5B400;
		line-height: 1;
		position: absolute;
		top: calc(10 * var(--vw-ratio));
		right: calc(10 * var(--vw-ratio));
	}
		#question04 .voice .box h3 {
			font-size: calc(26 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(15 * var(--vw-ratio));
		}

		#question04 .voice .box ul.icon-list li {
			line-height: 1.3em;
			font-weight: 500;
			padding-left: calc(15 * var(--vw-ratio));
			margin-top: calc(5 * var(--vw-ratio));
			margin-bottom: calc(5 * var(--vw-ratio));
			position: relative;
		}
		#question04 .voice .box ul.icon-list li:before {
			content: "";
			width: calc(8 * var(--vw-ratio));
			height: calc(8 * var(--vw-ratio));
			background: #F5B400;
			border-radius: 50%;
			position: absolute;
			top: calc(7 * var(--vw-ratio));
			left: 0;
		}
@media screen and (max-width: 767px) {
	.question {
		padding-right: calc(10 * var(--vw-ratio));
		padding-left: calc(10 * var(--vw-ratio));
		margin-bottom: calc(30 * var(--vw-ratio));
	}
		.question .tithead {
			padding-top: calc(25 * var(--vw-ratio));
			padding-right: calc(70 * var(--vw-ratio));
			padding-bottom: calc(25 * var(--vw-ratio));
			padding-left: calc(30 * var(--vw-ratio));
		}
		.question .tithead:before {
			width: calc(20 * var(--vw-ratio));
			height: calc(20 * var(--vw-ratio));
			right: calc(30 * var(--vw-ratio));
			margin-top: calc(-10 * var(--vw-ratio));
		}
			.question .tithead .en {
				font-size: calc(16 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			.question .tithead h2 {
				font-size: calc(20 * var(--vw-ratio));
				line-height: 1.5em;
			}

		.question .content {
			padding-top: calc(30 * var(--vw-ratio));
			padding-right: calc(25 * var(--vw-ratio));
			padding-bottom: calc(50 * var(--vw-ratio));
			padding-left: calc(25 * var(--vw-ratio));
		}
			.question .content .comment {
				align-items: flex-start;
				margin-bottom: calc(30 * var(--vw-ratio));
			}
				.question .content .comment .robot {
					width: calc(90 * var(--vw-ratio));
					padding-top: calc(15 * var(--vw-ratio));
				}

				.question .content .comment .text {
					padding: calc(15 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
					width: -webkit-calc(100% -  calc(100 * var(--vw-ratio)));
					width: calc(100% -  calc(100 * var(--vw-ratio)));
				}
				.question .content .comment .text:before {
					width: calc(14 * var(--vw-ratio));
					height: calc(14 * var(--vw-ratio));
					top: calc(34 * var(--vw-ratio));
					left: calc(-14 * var(--vw-ratio));
					margin-top: 0;
				}
					.question .content .comment .text .txt-18 {
						font-size: calc(16 * var(--vw-ratio));
						font-weight: 700;
						line-height: 1.6em;
					}

			.question .content .case .cont {
				margin-bottom: calc(50 * var(--vw-ratio));
			}
				.question .content .case .cont h3 {
					height: calc(46 * var(--vw-ratio));
					font-size: calc(20 * var(--vw-ratio));
					line-height: calc(44 * var(--vw-ratio));
				}
				.question .content .case .cont h3.c-purple {
					border-left: solid 3px #925ED2;
				}

				.question .content .case .cont .list .box {
					display: block;
				}
					.question .content .case .cont .list .box h4 {
						width: 100%;
						padding-left: 0;
						margin-bottom: calc(10 * var(--vw-ratio));
					}

					.question .content .case .cont .list .box .text {
						width: 100%;
					}
						.question .content .case .cont .list .box .text .txt-16 {
							line-height: 1.6em;
							margin-top: calc(5 * var(--vw-ratio));
						}


	/* question01 */
	#question01 .table-layout {
		margin-bottom: calc(20 * var(--vw-ratio));
	}
		#question01 .table-layout th {
			width: 33.3333333%;
			font-size: calc(12 * var(--vw-ratio));
			padding: calc(5 * var(--vw-ratio));
		}
		#question01 .table-layout td {
			font-size: calc(12 * var(--vw-ratio));
			padding: calc(12 * var(--vw-ratio)) calc(5 * var(--vw-ratio));
		}

	#question01 .text .mb {
		margin-bottom: calc(15 * var(--vw-ratio));
	}
		#question01 .text .txt-20 {
			font-size: calc(18 * var(--vw-ratio));
		}

	#question01 .text ul.icon-list li {
		font-size: calc(17 * var(--vw-ratio));
	}
	#question01 .text ul.icon-list li:before {
		top: calc(11 * var(--vw-ratio));
	}


	/* question03 */
	#question03 .reason .cont {
		display: block;
		margin-bottom: calc(30 * var(--vw-ratio));
		padding-bottom: calc(30 * var(--vw-ratio));
	}
		#question03 .reason .cont .text {
			width: 100%;
			margin-bottom: calc(20 * var(--vw-ratio));
		}
			#question03 .reason .cont .text .head {
				margin-bottom: calc(12 * var(--vw-ratio));
			}
				#question03 .reason .cont .text .head .number {
					width: calc(32 * var(--vw-ratio));
					height: calc(32 * var(--vw-ratio));
					margin-right: calc(12 * var(--vw-ratio));
					line-height: calc(34 * var(--vw-ratio));
				}

				#question03 .reason .cont .text .head h3 {
					font-size: calc(22 * var(--vw-ratio));
				}

		#question03 .reason .cont .pht {
			width: 100%;
		}

	#question03 .reason .summary {
		padding: calc(30 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) calc(25 * var(--vw-ratio)) calc(30 * var(--vw-ratio));
	}
		#question03 .reason .summary h3 {
			font-size: calc(24 * var(--vw-ratio));
			top: calc(-15 * var(--vw-ratio));
		}

		#question03 .reason .summary .txt-16 {
			text-align: left;
		}

		#question03 .reason .summary ul.list {
			grid-template-columns: repeat(2, 1fr);
			column-gap: calc(10 * var(--vw-ratio));
			row-gap: calc(10 * var(--vw-ratio));
			margin-top: calc(20 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}
			#question03 .reason .summary ul.list li {
				padding: calc(35 * var(--vw-ratio)) 0 calc(25 * var(--vw-ratio)) 0;
				font-size: calc(16 * var(--vw-ratio));
			}
			#question03 .reason .summary ul.list li:before {
				width: 100%;
				text-align: center;
				font-size: calc(20 * var(--vw-ratio));
				left: 0;
			}


	/* question04 */
	#question04 .voice {
		display: block;
	}
		#question04 .voice .box {
			padding: calc(30 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}
		#question04 .voice .box:before {
			font-size: calc(30 * var(--vw-ratio));
		}
			#question04 .voice .box h3 {
				font-size: calc(22 * var(--vw-ratio));
				margin-bottom: calc(12 * var(--vw-ratio));
			}
}