/*190306*/
/*--------------------------------------------------------------------------
PC
---------------------------------------------------------------------------*/

.hadalabo_wrap .cmn-ttl-01{
	font-size:3.214em;
	letter-spacing: -2px;
	line-height: normal;
}
.hadalabo_wrap .superscript{
	font-size:56%;
}


/* .item-section
-----------------------------------------------------------------*/
.hadalabo_wrap #item{
	background-image: url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_pc_01.png),url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_pc_01b.png);
	background-repeat:  no-repeat,repeat-x;
	background-position:  top center;
	padding-top: 160px;
	padding-bottom: 25px;
}
.hadalabo_wrap #item .inner{
	display: flex;
	justify-content: center;
}
.hadalabo_wrap #item .cnt-img-01{
	width: 470px;
	margin-right: 75px;
}
.hadalabo_wrap #item .cnt-ttl-01{
	font-size: 2.571em;
	text-align: center;
	margin-bottom: 5px;
}
.hadalabo_wrap #item .cnt-txt-01{
	font-size: 1.429em;
	margin-bottom: 30px;
	letter-spacing: -1px;
}
.hadalabo_wrap #item .cnt-txt-01 .cnt-small{
	font-size: 0.700em;
}
.hadalabo_wrap #item .cnt-list-01{
	font-size: 0.857em;
	color: #999;
	line-height: 1.75em;;
	margin-bottom: 30px;
}

/* .award-section
-----------------------------------------------------------------*/
.hadalabo_wrap .award-section{
	background: url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_pc_02.png) no-repeat top center #ecb700;
	padding-top: 60px;
	padding-bottom: 21px;
}
.hadalabo_wrap .award-section .cnt-ttl-01{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
}
.hadalabo_wrap .award-section .cnt-ico{
	width: 126px;
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 0;
}
.hadalabo_wrap .award-section .cnt-txt{
	font-size: 1.571em;
	display: inline-block;
	line-height: 1.6em;
}
.hadalabo_wrap .award-section .cnt-txt .sub-txt{
	font-size: 1.350em;
	font-weight: bold;
}
.hadalabo_wrap .award-section .btn-01{
	text-align: center;
}
.hadalabo_wrap .award-section .chuui{
	text-align: right;
}


/* .feature-section
-----------------------------------------------------------------*/
.hadalabo_wrap .feature-section{
	padding-top: 90px;
	margin-bottom: 122px;
}
.hadalabo_wrap .feature-section .cnt-ttl-01{
	font-size: 2.571em;
	text-align: center;
}
.hadalabo_wrap .feature-section .cnt-ttl-01 .superscript{
	font-size: 30%;
	vertical-align: text-top;
}
.hadalabo_wrap .feature-section .cnt-ttl-01 .cnt-sub-01{
	font-size: 0.750em;
	line-height: 1.3em;
}
.hadalabo_wrap .feature-section .cnt-ttl-01 .cnt-sub-02{
	font-size: 0.500em;
	display: block;
	line-height: 1.25em;
}
.hadalabo_wrap .feature-section .cnt-txt-01{
	margin-right: -43px;
	margin-bottom: 50px;
}
.hadalabo_wrap .feature-section .cnt-txt-02{
	font-size: 1.286em;
	text-align: center;
}

/* .thought-section-01
-----------------------------------------------------------------*/
.hadalabo_wrap .thought-section-01{
	background: url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_pc_05.jpg) no-repeat top center #eeeff2;
	background-size: auto 100%;
	padding-top: 80px;
	padding-bottom: 57px;
}
.hadalabo_wrap .thought-section-01 .cmn-ttl-01{
	margin-bottom: 35px;
	margin-left: 70px;
}
.hadalabo_wrap .thought-section-01 .cnt-wrap-01{
	padding-left: 49%;
}
.hadalabo_wrap .thought-section-01 .cnt-txt-01{
	width: 473px;
}
.hadalabo_wrap .thought-section-01 .chuui{
	text-align: right;
}

/* .thought-section-02
-----------------------------------------------------------------*/
.hadalabo_wrap .thought-section-02{
	background: url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_pc_06.jpg) no-repeat top center #f6f8fa;
	background-size: auto 100%;
	padding-top: 80px;
	padding-bottom: 146px;
}
.hadalabo_wrap .thought-section-02 .cmn-ttl-01{
	margin-bottom: 50px;
}
.hadalabo_wrap .thought-section-02 .cnt-txt-01{
	width: 512px;
	margin-bottom: 50px;
}
.hadalabo_wrap .thought-section-02 .cnt-txt-02{
	font-size: 1.571em;
	color: #555555;
	line-height: 1.75em;
}

/* .api-section
-----------------------------------------------------------------*/
.hadalabo_wrap .api-section{
	text-align: center;
	margin-bottom: 80px;
}
.hadalabo_wrap .api-section .wrap-ttl-01{
	width: 500px;
	margin: 0 auto;
	background-color: #b8dff7;
	text-align: center;
	border-radius: 30px;
	font-size: 1.929em;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 56px;
}
.hadalabo_wrap .api-section .wrap-list-01{
	width: 804px;
	margin: 0 auto;
}
.hadalabo_wrap .api-section .wrap-list-01 li{
	background: url(/-/Media/com/hadalabo/promo/gokujyun/200825/ico_voice.png) no-repeat top left;
	background-size: 33px;
	color: #555555;
	font-size: 1.286em;
	padding-left: 52px;
	margin-bottom: 45px;
}


/* .voice-section
-----------------------------------------------------------------*/
.hadalabo_wrap .voice-section{
	background-color: #f5f9fc;
	padding-top: 90px;
	padding-bottom: 70px;
}
.hadalabo_wrap .voice-section .cmn-ttl-01{
	text-align: center;
	margin-bottom: 90px;
}
.hadalabo_wrap .voice-section .cnt-wrap{
	display: flex;
	font-size: 1.286em;
}
.hadalabo_wrap .voice-section .cnt-wrap .name{
	text-align: center;
}
.hadalabo_wrap .voice-section .cnt-wrap .text{
	width: 700px;
    margin-left: 80px;
	margin-top: 20px;
	color: #333333;
	line-height: 1.75em;
}

/* .product-section
-----------------------------------------------------------------*/
.hadalabo_wrap .product-section{
	padding-top: 110px;
}
.hadalabo_wrap .product-section .cmn-ttl-01{
	text-align: center;
	margin-bottom: 113px;
}
.hadalabo_wrap .product-section .cnt-wrap{
	display:flex;
	justify-content: center;
    align-items: center;
	margin-bottom: 90px;
}
.hadalabo_wrap .product-section .cnt-img-01{
	width: 45%;
    text-align: center;
}
.hadalabo_wrap .product-section .cnt-img-01 img{
	width: 128px;
}
.hadalabo_wrap .product-section .cnt-ttl-01{
	font-size: 2.286em;
	color: #449dd3;
	font-weight: bold;
	margin-bottom: 24px;
}
.hadalabo_wrap .product-section .cnt-txt-01{
	font-size: 1.571em;
	margin-bottom: 25px;
}
.hadalabo_wrap .product-section .cnt-clm{
	width: 55%;
}
.hadalabo_wrap .product-section .cnt-txt-02{
	font-size: 1.429em;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 42px;
}
.hadalabo_wrap .product-section .cnt-txt-02 dt{
	background-color: #777;
	color: #fff;
	width: 16%;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 11px;
}
.hadalabo_wrap .product-section .cnt-txt-02 dd{
	width: 82%;
	color: #555555;
}


/*--------------------------------------------------------------------------
TABLET
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

	
	.hadalabo_wrap .cmn-ttl-01{
		font-size: 7.29vw;
		letter-spacing: -4px;
	}


/* #item
-----------------------------------------------------------------*/
	.hadalabo_wrap #item{
		background: url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_sp_02.png) no-repeat top center;
		background-size: cover;
		padding-top: 19%;
		padding-bottom: 13%;
	}
	.hadalabo_wrap #item .inner{
		display: block;
	}
	.hadalabo_wrap #item .cnt-img-01{
		width: 95%;
		margin: 0 auto;
	}
	.hadalabo_wrap #item .cnt-ttl-01{
		font-size: 7.29vw;
		margin-bottom: 0.5%;
	}
	.hadalabo_wrap #item .cnt-txt-01{
		text-align: center;
		font-size: 4.17vw;
		margin-bottom: 6.4%;
	}
	.hadalabo_wrap #item .cnt-list-01{
		font-size: 3.13vw;
		margin-bottom:7%;
	}
	.hadalabo_wrap #item .cnt-list-01 .sub-txt{
		font-size: 2.60vw;
	}
	
/* .award-section
-----------------------------------------------------------------*/
	.hadalabo_wrap .award-section {
		background: url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_sp_03.png) no-repeat top center #eab834;
		background-size: cover;
		padding-top: 10%;
		padding-bottom: 6%;
	}
	.hadalabo_wrap .award-section .cnt-ico{
		margin-right: 3%;
		width: 28%;
	}
	.hadalabo_wrap .award-section .cnt-txt{
		font-size: 4.17vw;
	}
	.hadalabo_wrap .award-section .cnt-ttl-01{
		margin-bottom: 4%;
	}
	.hadalabo_wrap .award-section .btn-01{
		margin-bottom:2.8%;
	}
	
	
/* .feature-section
-----------------------------------------------------------------*/
	.hadalabo_wrap .feature-section{
		padding-top: 12%;
		margin-bottom: 15%;
	}
	.hadalabo_wrap .feature-section .cnt-ttl-01{
		font-size: 8.07vw;
		margin-bottom: 8.5%;
	}
	.hadalabo_wrap .feature-section .cnt-txt-01{
		margin: 0 -6% -14%;
	}
	.hadalabo_wrap .feature-section .cnt-txt-02 {
		font-size: 3.65vw;
		color: #333;
		text-align: left;
	}
	
	
/* .thought-section-01
-----------------------------------------------------------------*/
	.hadalabo_wrap .thought-section-01{
		background: none;
	}
	.hadalabo_wrap .thought-section-01 .inner{
		width: 100%;
	}
	.hadalabo_wrap .thought-section-01 .cnt-wrap-01{
		padding-left:0;
	}
	.hadalabo_wrap .thought-section-01 .cmn-ttl-01{
		text-align: center;
		margin: 0 0 5%;
	}
	.hadalabo_wrap .thought-section-01 .cnt-txt-01{
		width:100%;
		background: url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_sp_05.jpg) no-repeat top center #eef8fc;
		background-size: cover;
		text-align: center;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	.hadalabo_wrap .thought-section-01 .cnt-txt-01 img{
		width: 85%;
	}
	.hadalabo_wrap .thought-section-01 .chuui{
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}
	
/* .thought-section-02
-----------------------------------------------------------------*/
	.hadalabo_wrap .thought-section-02{
		background: url(/-/Media/com/hadalabo/promo/gokujyun/200825/bg_gokujyun2020_sp_06.jpg) no-repeat top center;
		background-size: cover;
		padding-top: 22%;
		padding-bottom: 100%;
	}
	.hadalabo_wrap .thought-section-02 .cmn-ttl-01{
		margin-bottom: 14%;
	}
	.hadalabo_wrap .thought-section-02 .cnt-txt-01{
		width:93%;
		margin-bottom: 7%;
	}
	.hadalabo_wrap .thought-section-02 .cnt-txt-02{
		font-size: 3.65vw;
	}
	
	
/* .api-section
-----------------------------------------------------------------*/
	.hadalabo_wrap .api-section .wrap-ttl-01{
		width: 100%;
		font-size: 5.47vw;
		margin-bottom: 12%;
	}
	.hadalabo_wrap .api-section .wrap-list-01{
		width: 100%;
		font-size: 3.65vw;
	}
	.hadalabo_wrap .api-section .wrap-list-01 li{
		margin-bottom: 12%;
		padding-left: 10vw;
		background-size: 7.2vw;
		font-size:3.65vw;
	}
	.hadalabo_wrap .api-section iframe{
		width: 100%;
		height: 20em;
	}
/* .voice-section
-----------------------------------------------------------------*/
	.hadalabo_wrap .voice-section{
		padding-top:17%;
		padding-bottom: 17%;
	}
	.hadalabo_wrap .voice-section .cmn-ttl-01{
		margin-bottom: 6.7%;
	}
	.hadalabo_wrap .voice-section .cnt-wrap{
		display: block;
		font-size: 3.65vw;
	}
	.hadalabo_wrap .voice-section .cnt-wrap .figure{
		 width: 52%;
		margin: 0 auto;
	}
	.hadalabo_wrap .voice-section .cnt-wrap .text{
		width: 100%;
		margin-left: 0;
		margin-top: 11%;
	}
	
/* .product-section
-----------------------------------------------------------------*/	
	.hadalabo_wrap .product-section{
		padding-top: 22%;
	}
	.hadalabo_wrap .product-section .cnt-wrap{
		display: block;
	}
	.hadalabo_wrap .product-section .cnt-img-01{
		width:100%;
		margin-bottom: 6%;
	}
	.hadalabo_wrap .product-section .cnt-clm{
		width:100%;
	}
	.hadalabo_wrap .product-section .cnt-img-01 img{
		width: 23%;
	}
	.hadalabo_wrap .product-section .cmn-
	ttl-01{
		margin-bottom: 14%;
	}
	.hadalabo_wrap .product-section .cnt-ttl-01{
		font-size:5.21vw;
		margin-bottom: 7%;
	}
	.hadalabo_wrap .product-section .cnt-txt-01{
		font-size:3.65vw;
		margin-bottom: 5.5%;
	}
	.hadalabo_wrap .product-section .cnt-txt-02{
		font-size: 3.13vw;
		margin-bottom: 10%;
	}
	
}



/*--------------------------------------------------------------------------
SP
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	
		.hadalabo_wrap{
		padding: 16.6% 0 0;
		position: relative;
	}


}