@charset "utf-8";
/* CSS Document */

/*特集記事*/
.sec_translation{
	display: block;
	overflow: hidden;
	width: 1100px;
	max-width: 95%;
	margin: 40px auto 40px;
}

.sec_translation h2{
	font-family: 'Noto Serif JP','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color: #e5007f;
	font-size: 210%;
	font-weight: bold;
	width: 100%;
	display: block;
	text-align: left;
	line-height: 1.5em;
	margin: 20px 0 60px 0;
}

.sec_translation_head{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0 auto 40px;
}

.sec_translation_head img{
	width: 100%;
}

.sec_translation h3 {
	font-family: 'Noto Serif JP','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color: #222;
	border-left: 4px #222 solid;
	padding: 0 0 0 18px;
	font-size: 160%;
	font-weight: bold;
	width: 100%;
	max-width: 95%;
	display: block;
	text-align: left;
	line-height: 2em;
	letter-spacing: 2px;
	margin: 70px 0 40px 0;
}

.sec_translation h3.h3_ver2 {
	font-family: 'Noto Serif JP','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color: #e4007f;
	border-left: 4px #e4007f solid;
	padding: 0 0 0 18px;
	font-size: 180%;
	font-weight: bold;
	width: 100%;
	max-width: 95%;
	display: block;
	text-align: left;
	line-height: 2em;
	letter-spacing: 2px;
	margin: 70px 0 40px 0;
}

.sec_translation h3.h3_ver2 span{
	font-size: 150%;
}


.sec_translation h4 {
	font-family: 'Noto Serif JP','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color: #0195DD;
	border-left: 4px #0195DD solid;
	padding: 0 0 0 14px;
	font-size: 140%;
	font-weight: bold;
	width: 100%;
	max-width: 100%;
	display: block;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: 2px;
	margin: 30px 0 18px 0;
}

.sec_translation p{
	margin: 30px;
}

.sec_translation table {
	border-collapse: collapse;
	width: 100%;
}

.sec_translation th, td {
	border: solid 1px #222;
	padding: 10px;
}


.translation_list2,
.translation_list3,
.translation_list4{
	display: block;
	overflow: hidden;
}

	.translation_list2 ul,
	.translation_list3 ul,
	.translation_list4 ul{
		display: grid;
		gap: 40px 8px;
		margin: 25px 0;
	}

	.translation_list2 ul{grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));}
	.translation_list3 ul{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
	.translation_list4 ul{grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));}


	.translation_list2 ul li,
	.translation_list3 ul li,
	.translation_list4 ul li{
		font-size: 88%;
		line-height: 1.5em;
	}

	.translation_list2 ul li p,
	.translation_list3 ul li p,
	.translation_list4 ul li p{
		margin: 0 10px 0 10px;
}

	.translation_list2 ul li img,
	.translation_list3 ul li img,
	.translation_list4 ul li img{
		width: 100%;
	}

	.translation_list2 ul li h5,
	.translation_list3 ul li h5,
	.translation_list4 ul li h5{
		font-family: 'Noto Serif JP','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		display: block;
		font-size: 128%;
		margin: 5px 10px 10px 10px;
}


.translation_list2_txt{
	display: block;
	overflow: hidden;
}

	.translation_list2_txt ul{
		display: grid;
		gap: 20px 30px;
		margin: 0px 0;
	}

	.translation_list2_txt ul{grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));}


	.translation_list2_txt ul li{
		font-size: 95%;
		line-height: 1.5em;
	}

	.translation_list2_txt ul li:nth-child(2){
		margin: 10% 0 0 0;
	}


	.translation_list2_txt2{
		display: block;
		overflow: hidden;
	}

	.translation_list2_txt2 ul{
		display: block;
		margin: 0px 0;
	}


	.translation_list2_txt2 ul li{
		display: block;
		font-size: 95%;
		line-height: 1.5em;
	}

	.translation_list2_txt2 ul li img{
		width: 100%;
}

	.translation_list2_txt2 ul li:nth-child(1){
		float: left;
		width: 34%;
	}

	.translation_list2_txt2 ul li:nth-child(2){
		float: right;
		width: 62%;
		margin: 5% 0 0 0;
	}

	.translation_list2_txt2 ul li span{
		display: block;
		margin: 0 0 18px 0;
		padding: 0 0 0 2em;
		text-indent: -2em;
	}


	.translation_list2_txt2 ul li span em{
		background-color: #333;
		color: #fff;
		border-radius: 50px;
		padding: 1px 6px 2px 7px;
		font-style: normal;
		margin: 0 10px 0 0;
		font-size: 76%;
	}

.sakura_txt1{
	display: block;
	margin: 0 30px;
}

	.sakura_txt1 em{
		background-color: #333;
		color: #fff;
		border-radius: 50px;
		padding: 1px 6px 2px 7px;
		font-style: normal;
		margin: 0 5px 0 0;
		font-size: 76%;
	}



.box_element {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.translation_map{
	width: 100%;
	height: 600px;
	display: inline-flex;
	margin: 80px 0 0 0;
}

img.translation_center{
	width: 100%;
	margin: 30px 0;
}

img.translation_r{
	float: right;
	width: 25%;
	margin: 0 30px 30px 40px;
}


img.translation_qr{
	float: right;
	width: 10%;
	margin: 0 400px 30px 40px;
}