/** 大塚追加 **/
/* PC用 */
@media screen and (min-width: 769px) {
	.title_eng {
		width: 94%;
		margin: 0 auto;
		padding: 0 0 0 10px;
		font-size: 130%;
	}
}
/* タブレット＆モバイル用 */
@media screen and (max-width: 768px) {
	.title_eng {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 0 10px;
		font-size: 130%;
	}
	input[type='text'], input[type='password'] {
		width: 84%;
	}

}

/** 若松追加 **/
.content-box-all{
	margin: 0 auto;
	width: 99%;
}
.content-box-j,.content-box-e {
	margin: 40px auto;
	padding: 40px 0 20px 0;
	position: relative;
	width: 100%;
	border: 2px solid #ddd;
	color: #6D6660;
	background-color: #fff;
	border-radius: 20px;
}
.content-box-title-j {
	position: absolute;
	top: -22px;
	width: fit-content;
	padding: 0 20px;
	font-weight: bold;
	font-size: 130%;
	color: #6D6660;
	text-align: center;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.content-box-title-e {
	position: absolute;
	top: -25px;
	width: fit-content;
	padding: 0 20px;
	font-weight: bold;
	font-size: 130%;
	color: #6D6660;
	text-align: center;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 90%;
}
#content-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin: 0 auto;
	width: 97%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
a.content-link {
	text-decoration: none;
}
#content-wrap img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	border-radius: 2px;
}
.content-figure {
	margin: 0;
	padding: 0;
}
.content-text {
	margin: 0 0;
	padding: 10px 0;
	color: #6D6660;
}
.content-list {
	margin: 0 auto;
	padding: 10px;
	background: #f0f0f0;
	border-radius: 5px;
}
.caution_text {
	color: red;
	font-size: 18px;
	text-align: center;
}
.caution_text a {
	color: red;
	font-size: 18px;
	text-decoration: underline;
}
.txt_nobr {
  display: none;
}

/* PC用 */
@media screen and (min-width: 769px){
	.content-list {
		width: calc(96% / 3.5);
		margin: 10px 10px;
	}
	/* シリアルコード画像が5つ以上の時に左寄せ
	#content-wrap::after{
		display: block;
		content: "";
		width: 30%;
	}
	*/
	#content-wrap .content-list:only-child{
		margin: 10px auto;
		width: calc(96% / 2);
		content: none;
	}
	.content-list:first-child:nth-last-child(2), .content-list:first-child:nth-last-child(2) ~ .content-list{
		margin: 10px auto;
		width: calc(96% / 2.5)
	}

	.scheme_block {
		background: #F98800;
		color: white;
		font-size: 140%;
		width: 50%;
		margin: 18px auto;
		padding: 18px 8px;
		text-align: center;
		font-weight: bold;
		border-radius: 30px;
		cursor: pointer;
	}
	.schme_link {
		opacity: 1.0;
		color: #ffffff !important;
	}
}

/* タブレット＆モバイル用 */
@media screen and (max-width: 768px) {
	.content-box-all{
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
		display: block;
	}
	.content-list {
		width: calc(100% / 1);
		margin: 5px 10px;
	}
	.content-box-j{
	}
	.content-box-e{
		padding: 90px 0 20px 0;
	}
	.content-box-title-e{
		top: -45px;
		font-size: 160%;
		width: 90%;
		line-height:30px;
	}

	#content-wrap img {
		float: left;
		margin: 0 0;
		max-width: 40%;
		height: auto;
	}
	.content-figure {
		margin: 0;
		padding: 0;
	}
	.content-text {
		display: block;
		margin-top: 0;
		margin-left: 43%;;
		font-size: 130%;
	}
	.txt_nobr {
	  display: unset;
	}

	.scheme_block {
		background: #F98800;
		color: white;
		font-size: 140%;
		width: 70%;
		margin: 18px auto;
		padding: 18px 8px;
		text-align: center;
		font-weight: bold;
		border-radius: 30px;
		cursor: pointer;
	}
	.schme_link {
		opacity: 1.0;
		color: #ffffff !important;
	}
}


/*---ライブラリで見るボタン---*/
.btn-area {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
.btn-tolibrary {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 240px;
	min-height: 48px;
	margin: 0 auto;
	color: #ffffff;
	background-color: #f98800;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #FFB45B;
	border-bottom: 1px solid #F97800;
	border-left: 1px solid #F97800;
	border-right: 1px solid #F97800;
	border-radius: 4px;
	box-shadow: 0px 3px 0px 1px rgba(230,100,0,1);
	transition-duration: var(--transition-dur2);
}
.btn-tolibrary:hover {
	box-shadow: 0px 2px 0px 1px rgba(230,100,0,1);
	margin: 1px auto -1px auto;
	transition-duration: var(--transition-dur2);
}
.btn-tolibrary:active {
	box-shadow: 0px 0px 0px 0px rgba(230,100,0,1);
	margin: 3px auto -3px auto;
	transition-duration: var(--transition-dur2);
}