@charset "UTF-8";
/* CSS Document */
.pdf_btn{
	display: block;
	text-align: left;
}
.link_btn{
	width: 100%;
	text-align: left;
    padding: 16px 64px 16px 16px;
}
.pdf_btn p,.link_btn p{
	text-decoration: underline;
	border-bottom: none;
}
.pdf_btn:hover p,.link_btn:hover p{
	text-decoration: underline;
	border-bottom: none;
}

._3d-flip-book {
	border: solid 1px #CCCCCC;
	display: inline-block;
	border-radius: 5px;
	transition: 0.3s;
	position: relative;
	width: 100%;
	text-align: left;
	padding: 16px 64px 16px 16px;
	font-style: normal;
	color: #557EC0;
	font-size: 1.4rem;
	line-height: 24px;
	letter-spacing: 0.7px;
	font-weight: 400;
	cursor: pointer;
	text-decoration: underline;
}
.tetote_new ._3d-flip-book {
	max-width: 420px;
}
._3d-flip-book:hover {
	background: #557EC0;
	opacity: 1;
	text-decoration: underline;
	color: #fff;
}
._3d-flip-book:hover::after {
	content: "";
	width: 20px;
	height: 19.3px;
	background: url(../img/common/arrow_icon3.svg);
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-7px, -50%);
	opacity: 1;
}
._3d-flip-book::after {
	content: "";
	width: 20px;
	height: 19.3px;
	background: url(../img/common/arrow_icon3.svg);
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0px, -50%);
	opacity: 0;
	transition: 0.3s;
}

.tetote_new .col:first-child{
	flex: 1;
    min-width: 250px;
}
.tetote_new .col:last-child{
	flex: 0 0 23%;
	min-width: 250px;
}
h3{
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 187.5% */
	letter-spacing: 0.8px;
	color: #333333;
}
.tetote_menu{
	margin-bottom: 12px;
}
.tetote_menu p{
	margin-left: 20px;
}
.tetote_new .btn{
	margin-top: 32px;
}
.tetote_new .pdf_btn{
	margin-bottom: 8px;
}
.tetote_new .pdf_btn,.tetote_new .link_btn{
	max-width: 420px;
}
.back_no{
	padding: 32px 0px;
	border-bottom: solid 1px #CCCCCC;
}
.first{
	padding-top: 0px;
}
.back_no:last-child{
	border-bottom: none;
}
.back_no .col > p{
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 150% */
	letter-spacing: 1px;
	color: #557DBE;
}
.back_no .col h3{
	color: #333333;
	margin-bottom: 20px;
}
.back_no .col .pdf_btn{
	margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
	h3{
		font-size: 1.4rem;
	}
	h3::before{
		top: 11px;
	}
	.contents .cnt{
		margin-bottom: 40px;
	}
	.tetote_new .col:last-child{
		min-width: 227px;
	}
	.tetote_new .col.img{
		width: 227px;
		margin-bottom: 0px;
	}
	.column.col2.tetote_new {
	  display: flex;
	  flex-direction: row; /* デフォルトは横並び */
	  flex-wrap: wrap;
	}
	.column.col2.tetote_new {
		flex-direction: column-reverse;
	}
	.back_no{
		padding: 0px;
		border-bottom: none;
	}
	.back_no .col{
		padding: 32px 0px;
		border-bottom: solid 1px #ccc;
	}
	.back_no .col > p{
		font-size: 1.8rem;
	}
	.back_no.first .col:first-child{
		padding-top: 0px;
	}
	.back_no:last-child .col:last-child{
		border-bottom:none;
	}
}