@font-face {
    font-family: 'Hannari';
        src: url('../font/Hannari.otf');
}
@font-face {
    font-family: 'sawarabi';
        src: url('../font/sawarabi-mincho-medium.ttf');
}
.section_box {
	width: 100%;
	margin: 0 auto 8%;
	max-width: 1200px;
	font-family: "游ゴシック",  "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#shinki_price {
	background-image: url(../campaign/images/ttl_icon.png);
	background-repeat: no-repeat;
	padding: 10px 0 10px 65px;
	background-position: left center;
	font-size: 162.5%;
	line-height: 140%;
	margin: 0 0 3%;
	letter-spacing: 2px;
	font-family: "Hannari","游明朝", "sawarabi", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#campaign_contents .left_box {
	width: 37.5%;
	margin: 0 8% 0 0;
	display: inline-block;
	vertical-align: top;
}
#campaign_contents .right_box {
	width: 54%;
	max-width: 650px;
	display: inline-block;
}
#campaign_contents h2 {
	border-bottom: 2px solid #462a19;
	font-family: 'Arima Madurai', Arial, sans-serif;
	font-size: 262.5%;
	padding: 0 0 1%;
	margin: 3% 0 5%;
	line-height: 120%;
	letter-spacing: 1px;
}
#campaign_contents h2 span {
	font-family: "游明朝","sawarabi",  "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	padding: 0 0 0 5%;
	font-size: 36%;
	font-weight: bold;
}
#hyperKnife dl {
	margin: 0 0 4%;
}
#hyperKnife dt {
	font-weight: bold;
	overflow: hidden;
}
#hyperKnife dt.no1_icon:before {
	content: url(../campaign/images/no1_icon.png);
	display: inline-block;
	float: left;
	padding: 0 5px 0 0;
}
#hyperKnife dd span {
	color: #c62e10;
	font-weight: bold;
}
#campaign_contents .red_txt {
	font-size: 112.5%;
	font-weight: bold;
	margin: 0 0 2%;
	color: #c62e10;
}
#extension dl {
	width: 90%;
}

#extension dt {
	display: inline-block;
	width: 58%;
	word-break: break-all;
	font-weight: bold;
	line-height: 180%;
}
#extension  dd {
	display: inline-block;
	width: 40%;
	word-break: break-all;
	text-align: right;
	font-weight: bold;
	color: #c62e10;
	line-height: 180%;
}

.yoyaku_btn {
    margin-top: 2%;
    text-align: center;
}
.yoyaku_mail {
    display: inline-block;
    background: #FE446D;
    color: #ffffff;
    padding: 1% 2%;
    width: 45%;
    text-align: center;
    border-radius: 10px;
}
.yoyaku_line {
    display: inline-block;
    background: #00C400;
    color: #ffffff;
    padding: 1% 2%;
    width: 45%;
    text-align: center;
    border-radius: 10px;
}


@media screen and (max-width: 980px) {
#campaign_contents .left_box {
	width: 52%;
	margin: 0 7% 0 0;
}
#campaign_contents .right_box {
	width: 40%;
	max-width: 650px;
}
}
@media screen and (max-width: 860px) {
#campaign_contents .left_box {
	width: 58%;
	margin: 0 3% 0 0;
}
#campaign_contents .right_box {
	width: 38%;
}
}
@media screen and (max-width: 640px) {
#shinki_price {
	padding: 10px 0 10px 60px;
	font-size: 150%;
	line-height: 140%;
	margin: 0 auto 3%;
	width: 90%;
}
#campaign_contents .left_box {
	width: 90%;
	margin: 0 auto;
	display: block;
}
#campaign_contents .right_box {
	width: 70%;
	margin: 0 auto;
	display: block;
}
#extension dl {
	margin: 0 0 3%;
}
}
@media screen and (max-width: 480px) {
#campaign_contents h2 {
	font-size: 187.5%;
}
#campaign_contents h2 span {
	font-family:  "Hannari","游明朝","sawarabi",  "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	padding: 0 0 0 5%;
	font-size: 50%;
	font-weight: bold;
}
#extension dt {
	width: 57%;
}
#extension  dd {
	width: 41%;
}
}
@media screen and (max-width: 414px) {
#shinki_price {
	padding: 10px 0 10px 65px;
	background-position: left center;
	font-size: 125%;
	line-height: 140%;
	margin: 0 0 3%;
	letter-spacing: 2px;
}

#campaign_contents h2 {
	font-size: 187.5%;
	padding: 0 0 1%;
	margin: 3% 0 5%;
}
#campaign_contents h2 span {
	padding: 0 0 0 0%;
	font-size: 50%;
	display: block;
}
#campaign_contents .left_box {
	width: 90%;
}
#campaign_contents .right_box {
	width: 80%;

}
#extension dt {
	width: 57%;
	font-size: 87.5%}
#extension  dd {
	width: 41%;
	font-size: 87.5%}
}
@media screen and (max-width: 383px) {
#extension dt {
	width: 56%;
	font-size: 82.75%
}
#extension  dd {
	width: 42%;
	font-size: 82.75%
}}