@charset "shift_jis";

/* ======================================================
 * campaign20907.css
 * ------------------------------------------------------
 * - max-width: 750px
 * - clearfix
====================================================== */
body {
	font-family: "Noto Sans CJK JP", sans-serif;
	color: #333;
	overflow-x: hidden;
	font-size: 1.6rem;
	line-height: 1.6;
    background: #fff;
}
/* layout
------------------------------------------------------ */
#campaign20907 #mainContainer {
	margin-bottom: 20px;
}
#campaign20907 #mainContainer a {
	color: #008191;
	text-decoration: underline;
}
#campaign20907 #mainContainer a:hover {
	color: #008191;
	text-decoration: none;
}
#campaign20907 #mainContents {
	width: 1200px;
	margin: 0 auto;
}
/* mainVisual
------------------------------------------------------ */
#campaign20907 .campaignMainVisual {
	width: 1200px;
	margin: 0 auto;
}
#campaign20907 .campaign-term {
	margin-top: 20px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #333;
}
/* section
------------------------------------------------------ */
#campaign20907 .campaign-section01 {
	margin-top: 80px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #eb4b29;
}
#campaign20907 .campaign-section01:first-of-type {
	margin-top: 60px;
}
#campaign20907 .campaign-section01 .campaign-heading02 {
    padding: 14px 10px;
    font-size: 3.6rem;
    font-weight: bold;
	text-align: center;
    color: #fff;
	line-height: 1.2;
}
#campaign20907 .campaign-section01 .campaign-body01 {
	margin: 0 4px 4px 4px;
    background-color: #fff;
    border-radius: 0 0 16px 16px
}
#campaign20907 .campaign-section01 .campaign-body01 .campaign-body01Inner {
	padding: 35px 40px 45px;
}
#campaign20907 .campaign-section01 .campaign-body01 .campaign-body01Inner .campaign-sectionText01 {
	font-size: 2.6rem;
	text-align: center;
}
#campaign20907 .campaign-section01.notes {
    background-color: #595757;
}
/* detail */
#campaign20907 .campaign-detailWrap {
	margin-top: 30px;
	padding: 30px;
	background-color: #f8c2a8;
	border-radius: 5px;	
}
#campaign20907 .campaign-detailWrap .campaign-detailArea {
	display: flex;
	gap: 20px;
}
#campaign20907 .campaign-detailWrap .campaign-detailArea .campaign-detailBox {
	width: calc(100% / 3 - 40px / 3);
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 10px 20px 20px;
	align-items: center;
	background-color: #fff;
	border-radius: 5px;
}
#campaign20907 .campaign-detailWrap .campaign-detailArea .campaign-detailBox .campaign-detailBoxImage {
	text-align: center;
}
#campaign20907 .campaign-detailWrap .campaign-detailArea .campaign-detailBox .campaign-detailBoxText01 {
	margin-top: 20px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5;
}
#campaign20907 .campaign-detailWrap .campaign-detailArea .campaign-detailBox .campaign-detailBoxText01 .large {
	text-align: center;
	font-size: 1.85rem;
	font-weight: bold;
	color: #dc322c;
}
#campaign20907 .campaign-detailBtnArea {
	margin: 30px auto 0;
	text-align: center;
}
#campaign20907 .campaign-detailBtnArea .campaign-detailBtn {
	display: inline-block;
	background-color: #fff;
    border-radius: 9px;
}
#campaign20907 .campaign-detailBtnArea .campaign-detailBtn > a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 660px;
    padding: 19px 55px 20px 30px;
	font-size: 2.4rem;
    font-weight: bold;
    color: #ffffff!important;
	line-height:1.2;
    background-color: #eb4b29;
	border-radius: 9px;
    text-decoration: none!important;
}
#campaign20907 .campaign-detailBtnArea .campaign-detailBtn > a:after {
	content: "";
	position: absolute;
	top: 62%;
	right: 40px;
	width: 30px;
	height: 30px;
	margin: -23px -20px 0 0;
	background: url(/campaign/img-files/20907/20907_ic02.webp) no-repeat 0 0 /30px;
}
#campaign20907 .campaign-detailBtnArea .campaign-detailBtn > a:hover {
	opacity: 0.7;
}
/* step */
#campaign20907 .campaign-step {
	width: 800px;
	margin: 0 auto;
}
#campaign20907 .campaign-step .campaign-stepBox {
	padding: 30px 0 50px;
	border-top: 3px solid #ccc;
}
#campaign20907 .campaign-step .campaign-stepBox:first-child {
	padding: 20px 0 30px;
	border-top: none;
}
#campaign20907 .campaign-step .campaign-stepBox:last-child {
	padding: 30px 0 40px;
}
#campaign20907 .campaign-step .campaign-stepBox .campaign-stepBoxNum {
	width: 100px;
	margin: 0 auto;
	padding: 5px 10px;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	color: #333;
	background-color: #f8c2a8;
	border-radius: 50px;
}
#campaign20907 .campaign-step .campaign-stepBox .campaign-stepBoxTitle {
	display: flex;
	align-items: center;
	margin-top: 5px;
	padding-left: 10px;
}
#campaign20907 .campaign-step .campaign-stepBox .campaign-stepBoxTitle .campaign-stepBoxImage {
	width: 120px;
	height: 120px;
}
#campaign20907 .campaign-step .campaign-stepBox .campaign-stepBoxTitle .campaign-stepBoxText01 {
	max-width: 85%;
	padding-left: 30px;
	text-align: left;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.4;
}
#campaign20907 .campaign-step .campaign-stepBox .stepBoxList {
    padding-left: 150px;
	margin-top: 0;
}
/* entry */
#campaign20907 .campaign-entryArea {
    margin: 40px auto 0;
	text-align: center;
}
#campaign20907 .campaign-entryArea.type02 {
	margin: 0 auto;
	text-align: center;
}
#campaign20907 .campaign-entryArea .campaign-entryBtn {
	display: inline-block;
	background-color: #fff;
    border-radius: 9px;
}
#campaign20907 .campaign-entryArea .campaign-entryBtn > a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 660px;
    padding: 19px 55px 20px 30px;
	font-size: 2.6rem;
    font-weight: bold;
    color: #ffffff!important;
	line-height:1.2;
    background-color: #dc322c;
	border-radius: 9px;
    text-decoration: none!important;
}
#campaign20907 .campaign-entryArea .campaign-entryBtn > a:after {
	content: "";
	position: absolute;
	top: 62%;
	right: 40px;
	width: 30px;
	height: 30px;
	margin: -23px -20px 0 0;
	background: url(/campaign/img-files/20901/20901_ic01.webp) no-repeat 0 0 /30px;
}
#campaign20907 .campaign-entryArea .campaign-entryBtn > a:hover {
	opacity: 0.7;
}
/* notelist */
#campaign20907 .campaign-noteList01 {
    margin-top: 10px;
}
#campaign20907 .campaign-noteList01 > li {
    position: relative;
    padding-left: 18px;
	font-size: 1.6rem;
	line-height: 1.45;
}
#campaign20907 .campaign-noteList01 > li + li {
    margin-top: 5px;
}
#campaign20907 .campaign-noteList01 > li > .mark {
    position: absolute;
    top: 0;
    left: 0;
}
#campaign20907 .campaign-noteList01.type02 {
    margin-top: 30px;
}
#campaign20907 .campaign-noteList01.type03 {
    margin-top: 0;
}
/* normallist */
#campaign20907 .campaign-normalList01 {
    margin-top: 15px;
}
#campaign20907 .campaign-normalList01 > li {
    position: relative;
    padding-left: 18px;
	font-size: 1.6rem;
	line-height: 1.45;
}
#campaign20907 .campaign-normalList01 > li + li {
    margin-top: 5px;
}
#campaign20907 .campaign-normalList01 > li::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 5px;
	width: 5px;
	height: 5px;
	background-color: #595757;
	border-radius: 50%;
}
/* fontsize */
#campaign20907 .fontSize_L {
	font-size: 2.8rem!important;
	font-weight:bold;
}
#campaign20907 .fontSize_M {
	font-size: 2.4rem!important;
}
#campaign20907 .fontSize_S {
	font-size: 2.0rem!important;
}
#campaign20907 .fontSize_note {
	font-size: 1.6rem!important;
}
#campaign20907 .fontSize_110per{
	font-size: 110%!important;
}
#campaign20907 .fontSize_130per{
	font-size: 130%!important;
}
#campaign20907 .fontSize_150per{
	font-size: 150%!important;
}
#campaign20907 .number {
    font-size: 140%;
    line-height: 1.1;
    vertical-align: text-bottom;
}
/* color */
#campaign20907 .textRed {
	color: #dc322c!important;
}
#campaign20907 .textOrange {
	color: #eb4b29;
}
@media screen and (max-width: 750px) {
	body {
		font-size: 1.3rem;
	}
	/* layout
	------------------------------------------------------ */
	#campaign20907 #mainContainer {
		padding-top: 0;
		margin-bottom: 10px;
	}
	#campaign20907 #mainContents {
		width: 100%;
		padding: 0;
	}
	#campaign20907 .campaignMainContents {
		padding: 0 10px;
	}
	/* mainVisual
	------------------------------------------------------ */
	#campaign20907 .campaignMainVisual {
		width: 100%;
		margin: 0 auto;
	}
	#campaign20907 .campaign-term {
		margin-top: 15px;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}
	/* section
	------------------------------------------------------ */
	#campaign20907 .campaign-section01 {
		margin-top: 40px;
    	border-radius: 15px;
	}
	#campaign20907 .campaign-section01:first-of-type {
		margin-top: 45px;
	}
	#campaign20907 .campaign-section01 .campaign-heading02 {
		padding: 14px 10px;
		font-size: 2.4rem;
	}
	#campaign20907 .campaign-section01 .campaign-body01 {
		margin: 0 2.5px 2.5px 2.5px;
    	border-radius: 0 0 13px 13px;
	}
	#campaign20907 .campaign-section01 .campaign-body01 .campaign-body01Inner {
		padding: 30px 10px;
	}
	#campaign20907 .campaign-section01 .campaign-body01 .campaign-body01Inner .campaign-sectionText01 {
		font-size: 1.8rem;
	}
	/* detail */
	#campaign20907 .campaign-detailWrap {
		margin-top: 30px;
		padding: 15px;
		background-color: #f8c2a8;
		border-radius: 5px;	
	}
	#campaign20907 .campaign-detailWrap .campaign-detailArea {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	#campaign20907 .campaign-detailWrap .campaign-detailArea .campaign-detailBox {
		width: 100%;
		padding: 10px 10px 20px;
		background-color: #fff;
		border-radius: 5px;
	}
	#campaign20907 .campaign-detailWrap .campaign-detailArea .campaign-detailBox .campaign-detailBoxImage {
		text-align: center;
	}
	#campaign20907 .campaign-detailWrap .campaign-detailArea .campaign-detailBox .campaign-detailBoxText01 {
		margin-top: 20px;
		text-align: center;
		font-size: 1.5rem;
	}
	#campaign20907 .campaign-detailWrap .campaign-detailArea .campaign-detailBox .campaign-detailBoxText01 .large {
		text-align: center;
		font-size: 1.75rem;
		font-weight: bold;
		color: #dc322c;
	}
	#campaign20907 .campaign-detailBtnArea {
		margin: 20px auto 0;
        text-align: center;
	}
	#campaign20907 .campaign-detailBtnArea .campaign-detailBtn {
		display: block;
	}
	#campaign20907 .campaign-detailBtnArea .campaign-detailBtn > a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 10px 36px 10px 30px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #ffffff!important;
		line-height:1.2;
		background-color: #eb4b29;
		border-radius: 7px;
		text-decoration: none!important;
	}
	#campaign20907 .campaign-detailBtnArea .campaign-detailBtn > a:after {
		content: "";
		position: absolute;
		top: 60%;
		right: 30px;
		width: 24px;
		height: 24px;
		margin: -18px -20px 0 0;
		background: url(/campaign/img-files/20907/20907_ic02.webp) no-repeat 0 0 / 100%;
	}
	#campaign20907 .campaign-detailBtnArea .campaign-detailBtn > a:hover {
		opacity: 0.7;
	}
	/* step */
	#campaign20907 .campaign-step {
		width: 100%;
		margin: 0 auto;
	}
	#campaign20907 .campaign-step .campaign-stepBox {
		padding: 24px 10px 30px;
		border-top: 2px solid #ccc;
	}
	#campaign20907 .campaign-step .campaign-stepBox:first-child {
		padding: 5px 10px 30px;
		border-top: none;
	}
	#campaign20907 .campaign-step .campaign-stepBox:last-child {
		padding: 24px 10px 35px;
	}
	#campaign20907 .campaign-step .campaign-stepBox .campaign-stepBoxNum {
		width: 100px;
		margin: 0 auto;
		padding: 2.5px 5px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #333;
		background-color: #f8c2a8;
		border-radius: 50px;
	}
	#campaign20907 .campaign-step .campaign-stepBox .campaign-stepBoxTitle {
		display: flex;
		align-items: center;
		margin-top: 12px;
		padding-left: 0;
	}
	#campaign20907 .campaign-step .campaign-stepBox .campaign-stepBoxTitle .campaign-stepBoxImage {
		 width: 80px;
		 height: 80px;
		 flex-shrink: 0;
	}
	#campaign20907 .campaign-step .campaign-stepBox .campaign-stepBoxTitle .campaign-stepBoxText01 {
		max-width: 100%;
		padding-left: 10px;
		text-align: left;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.45;
	}
	#campaign20907 .campaign-step .campaign-stepBox .stepBoxList {
		margin-top: 12px;
		padding-left: 0;
	}
	/* entry */
	#campaign20907 .campaign-entryArea {
		margin: 20px 10px 0;
        text-align: center;
	}
	#campaign20907 .campaign-entryArea.type02 {
		margin: 0 0 10px;
		text-align: center;
	}
	#campaign20907 .campaign-entryArea .campaign-entryBtn {
		display: block;
	}
	#campaign20907 .campaign-entryArea .campaign-entryBtn > a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 10px 36px 10px 30px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #ffffff!important;
		line-height:1.2;
		background-color: #dc322c;
		border-radius: 7px;
		text-decoration: none!important;
	}
	#campaign20907 .campaign-entryArea .campaign-entryBtn > a:after {
		content: "";
		position: absolute;
		top: 60%;
		right: 30px;
		width: 24px;
		height: 24px;
		margin: -18px -20px 0 0;
		background: url(/campaign/img-files/20901/20901_ic01.webp) no-repeat 0 0 / 100%;
	}
	#campaign20907 .campaign-entryArea .campaign-entryBtn > a:hover {
		opacity: 0.7;
	}
	/* notelist */
	#campaign20907 .campaign-noteList01 {
		margin-top: 10px;
	}
	#campaign20907 .campaign-noteList01 > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.35rem;
		line-height: 1.45;
	}
	#campaign20907 .campaign-noteList01 > li + li {
		margin-top: 5px;
	}
	#campaign20907 .campaign-noteList01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	#campaign20907 .campaign-noteList01.type02 {
		margin-top: 15px;
	}
	#campaign20907 .campaign-noteList01.type03 {
		margin-top: 0;
	}
	/* normallist */
	#campaign20907 .campaign-normalList01 {
		margin-top: 0;
	}
	#campaign20907 .campaign-normalList01 > li {
		position: relative;
		padding-left: 14px;
		font-size: 1.35rem;
		line-height: 1.45;
	}
	#campaign20907 .campaign-normalList01 > li + li {
		margin-top: 5px;
	}
	#campaign20907 .campaign-normalList01 > li::before {
		content: '';
		position: absolute;
		top: 7px;
		left: 4px;
		width: 5px;
		height: 5px;
		background-color: #595757;
		border-radius: 50%;
	}
	/* fontsize */
	#campaign20907 .fontSize_L {
		font-size: 2.0rem!important;
	}
	#campaign20907 .fontSize_M {
		font-size: 1.8rem!important;
	}
	#campaign20907 .fontSize_S {
		font-size: 1.6rem!important;
	}
	#campaign20907 .fontSize_note {
		font-size: 1.2rem!important;
	}
}
@media screen and (max-width: 320px) {
		#campaign20907 .tabList {
		margin: 0 7px 7px 0;
		width: calc(33% - 5px);
	}
		#campaign20907 .SspOnly {
		display: inline-block;
	}
		#campaign20907 .tabList .tab-label .text {
		margin-top: 98px;
		font-size: 1.3rem;
	}
}
/* clearfix
------------------------------------------------------ */
#campaign20907 .twoColumn:after,
#campaign20907 .threeColumn:after,
#campaign20907 .detailsList:after,
#campaign20907 .figureCol:after,
#campaign20907 .campainSet:after,
#campaign20907 .campTwocol:after,
#campaign20907 .floatBox01:after{
	content: "";
	display: block;
	clear: both;
}
#campaign20907 .twoColumn,
#campaign20907 .threeColumn,
#campaign20907 .detailsList{
	zoom: 1;
}