@charset "utf-8";
/* ================================================================================================================== */
/* LOWLAYER:HEADLINE【Customize】                                                                                     */
/* ===================================================================================================================*/
#llcmd_headline {
	background-image: url('../../images/translation/headline_bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#llcmd_headline .inner {
	width: 258px;
	top: 50px;
}
#llcmd_headline .inner .item.type_icon img {
	width:  63.72px;
	height: 63.72px;
}
@media screen and (max-width: 750px) {
	#llcmd_headline {
		background-image: url('../../images/translation/headline_bg_sp.jpg');
	}
	#llcmd_headline .inner {
		width: 364px;
		top: 45px;
	}
	#llcmd_headline .inner .item.type_icon img {
		width:  96px;
		height: 96px;
	}
}
/* ================================================================================================================== */
/* TRANSLATION:EXAMPLE_LIST                                                                                           */
/* ===================================================================================================================*/
#main #example_list {
	margin-top: 50px;
}
#main #example_list .example_block {
	height: 514px;
	position: relative;
}
#main #example_list .example_block:nth-child(2n - 1) {
	background: #f0f0f0;
}
#main #example_list .example_block dl {
	width: 980px;
	margin: 0 auto;
	padding-top: 70px;
}
@media screen and (max-width: 750px) {
	#main #example_list {
		margin-top: 50px;
	}
	#main #example_list .example_block {
		height: auto;
	}
	#main #example_list .example_block:nth-child(2n - 1) {
	}
	#main #example_list .example_block dl {
		width: 690px;
		margin: 0 auto;
		padding-top: 50px;
	}
}
/* =============================================================== */
/* TRANSLATION:EXAMPLE_LIST:DL:DT                                  */
/* =============================================================== */
#main #example_list .example_block > dl dt {
	letter-spacing: -.40em;
}
#main #example_list .example_block > dl dt .item {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
#main #example_list .example_block > dl dt .item.type_icon {
}
#main #example_list .example_block > dl dt .item.type_text {
	margin-left: 10px;
	font-size: 0.20rem;

	font-family: 'Noto Sans JP', sans-serif;
	font-style:  normal;
	font-weight: 700;
}
@media screen and (max-width: 750px) {
	#main #example_list .example_block > dl dt {
	}
	#main #example_list .example_block > dl dt .item {
		display: block;
	}
	#main #example_list .example_block > dl dt .item.type_icon {
		text-align: center;
	}
	#main #example_list .example_block > dl dt .item.type_icon img {
		width: 71px !important;
	}
	#main #example_list .example_block > dl dt .item.type_text {
		margin-left: 0;
		margin-top: 20px;
		font-size: 0.30rem;
	}
}
/* =============================================================== */
/* TRANSLATION:EXAMPLE_LIST:DL:DT                                  */
/* =============================================================== */
#main #example_list .example_block > dl dd  {
	margin-top: 54px;
	letter-spacing: -.40em;
}
#main #example_list .example_block > dl dd .item {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
#main #example_list .example_block > dl dd .item.type_ctrl {
	width: 290px;
	line-height: 0;
}
#main #example_list .example_block > dl dd .item.type_image {
	width: 370px;
	height: 468px;
	overflow: hidden;
	position: absolute;
	right: calc(50% - 462px);
	bottom: 0;
}
@media screen and (max-width: 750px) {
	#main #example_list .example_block > dl dd  {
		margin-top: 30px;
	}
	#main #example_list .example_block > dl dd .item {
		display: block;
	}
	#main #example_list .example_block > dl dd .item.type_ctrl {
		width: auto;
		letter-spacing: -.40em;
		padding-top: 0;
	}
	#main #example_list .example_block > dl dd .item.type_image {
		width: 510px;;
		height: 645px;
		margin: 30px auto 0;
		text-align: center;
		overflow: hidden;
		position: static;
		right: 0;
	}
	#main #example_list .example_block > dl dd .item.type_image img {
		width: 100% !important;
	}
}
/* =============================================================== */
/* TRANSLATION:EXAMPLE_LIST:DL:DT:ITEM(TYPE_CTRL)                  */
/* =============================================================== */
#main #example_list .example_block > dl dd .item.type_ctrl .cmd_btn_11 {
	padding-left: 70px;
	cursor: pointer;
}
#main #example_list .example_block > dl dd .item.type_ctrl .cmd_btn_11:nth-child(n + 2) {
	margin-top: 20px;
}
#main #example_list .example_block > dl dd .item.type_ctrl .cmd_btn_11 .icon {
	line-height: 1;
	transform: translateY(-50%);
	position: absolute;
	top:  50%;
	left: 24px;
}
@media screen and (max-width: 750px) {
	#main #example_list .example_block > dl dd .item.type_ctrl .cmd_btn_11 {
		width: 150px;
		height: 120px;
		line-height: 1;
		padding-left: 0;
		text-align: center;
		letter-spacing: normal;
	}
	#main #example_list .example_block > dl dd .item.type_ctrl .cmd_btn_11:nth-child(n + 2) {
		margin-top:  0;
		margin-left: 30px;
	}
	#main #example_list .example_block > dl dd .item.type_ctrl .cmd_btn_11 .icon {
		display: block;
		line-height: 70px;
	transform: translateY(0);
		position: static;
		top: 0;
		left: 0;
	}
	#main #example_list .example_block > dl dd .item.type_ctrl .cmd_btn_11 .icon img {
		width: 45px !important;
		vertical-align: middle;
	}
	#main #example_list .example_block > dl dd .item.type_ctrl .cmd_btn_11 span:nth-child(3) {
		display: none;
	}
}
/* =============================================================== */
/* TRANSLATION:EXAMPLE_LIST:DL:DT:ITEM(TYPE_IMAGE)                 */
/* =============================================================== */
#main #example_list .example_block > dl dd .item.type_image img.ch,
#main #example_list .example_block > dl dd .item.type_image img.ko {
	display: none;
}