@charset "utf-8";
*{
}

.contentsInner {
	width: 100%;
}

#page_title{
	background-image: url(../img/top_back.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 15px;
}
div.flex{
	display: flex;
}

div.mainWrap h2 {
	padding: 1em 0 0.8em 0.2em;
	font-size: 2.6em;
	line-height: 1.2em;
	margin-left: -0.3em;
	border: none;
	color: #1A5CA3;
	font-weight: 600;
	text-shadow:
		2px 2px white,
		-2px 2px white,
		2px -2px white,
		-2px -2px white;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 0.2em;
}

.top_img{
	width: 100%;
	min-width: 100%;
	margin-left: 20px;
}

.sub-title{
	color: white;
	background-color: #1A5CA3;
	width: 280px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 3px;
	border-radius: 24px;
	margin-top: 14px;
}
#page_title p{
	color: #1A5CA3;
}
span.note-text{
	display: block;
	text-align: right;
	margin-top: 12px;
	font-size: 14px;
}

.point_box{
	display: flex;
}
.point_box >div{
	width: 50%;
	padding: 0 16px;
}
.mainWrap h3{
	color: #E6808F;
	font-weight: 600;
	background-color: inherit;
	border: none;
	display: flex;
	align-items: center;
}

.otc_box img{
	width: 100%;
}

.cut-box {
	height: 40px;
	background: #E6808F;
	color: white;
	display: flex;
	align-items: center;
	padding-left: 12px;
	padding-right: 16px;
	margin-right: 12px;

	/* 右側を三角に削る */
	clip-path: polygon(0 0, 100% 0, 85% 50%, 100% 100%, 0 100%);
}

@media (max-width: 541px) {
	div.mainWrap h2 {
		font-size: 1.8em;
	}
	div#page_title.flex{
		display: block;
	}
	div#page_title img{
		margin-left: 20%;
		width: 60%;
		min-width: 60%;
	}
	.point_box{
		display: block;
	}
	.point_box >div{
		width: 100%;
	}
	.mainWrap h3{
		font-size: 17px;
	}
}