@charset "UTF-8";
/*
 * ================================================
 *
 * [report]
 *
 * ================================================
 */
/**
 * lNav
 */
#lNav {
	padding-top: 10px;
}
/**
 * ---------------------------------------------------
 * index
 * ---------------------------------------------------
 */
.table01 {}
	.table01 tr.total {}
		.table01 tr.total th {
			text-align: left;
		}
		.table01 tr.total th,
		.table01 tr.total td {
			font-weight: bold;
			background: rgba(242, 150, 0, .5);
		}
	.table01 td {
		text-align: right;
	}
	.table01 tbody th,
	.table01 tbody td {
		border: 1px dashed #DDD;
	}
/**
 * topBox
 */
.topBox {
	overflow: hidden;
}
	.topBox .voice {
		line-height: 1.8;
		float: left;
		width: 700px;
	}
	.topBox .face {
		float: right;
	}
		.topBox .face figcaption {
			margin-top: 10px;
		}
			.topBox .face figcaption big {
				font-size: 1.8rem;
			}
/**


  * supprtVox
 */
.supprtVox {
	overflow: hidden;
}
	.supprtVox .image {
		width: 500px;
		float: left;
	}

	.supprtVox .image img {
		width: 95%;
	}
	.phIntroVox .content {
		width: 400px;
		float: right;
		line-height: 1.8;
	}

	.link01 {
		padding-top: 10px;
	}
	.link01 a  {
		position: relative;
		color: #005EAC;
		padding-left: 1em;
	}
	.link01 a::before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 8px;
		border-color: transparent transparent transparent #005EAC;
		position: absolute;
		top: .4em;
		left: 0;
	}



 /* reportVox
 */
.reportVox {
	padding-top: 15px;
}
	.reportVox h3 {
		margin-bottom: 25px;
	}
	.reportVox .graph01 {}
	.reportVox .graph02 {
		padding-top: 18px;
	}
	.reportVox .graph03 {
		padding: 10px 0 30px;
	}
	.reportVox.useBtn {
		padding-bottom: 65px;
		position: relative;
	}
		.reportVox.useBtn .link {
			position: absolute;
			bottom: 0;
			width: 100%;
			text-align: center;
		}
.reportVoxWrap {
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;*/
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 35px 0;
}
	.reportVoxWrap .reportVox {
		width: 430px;
	}
/**
 * table
 */
.tableWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 20px;
	margin-bottom: 25px;
}
	.tableWrap .item {
		width: 400px;
	}
		.tableWrap .item .unit {
			display: block;
			text-align: right;
			margin-bottom: .25em;
		}
/**
 * ---------------------------------------------------
 * announcement
 * ---------------------------------------------------
 */
.thanksVox {}
	.thanksVox h2 {
		text-align: center;
	}
	.thanksVox .head {
		background: #F5F5F5;
		padding: 20px;
		overflow: hidden;
	}
		.thanksVox .head .selectItem {
			display: inline-block;
			margin-left: 15px;
			padding: .5em;
			width: 10em;
		}
		.thanksVox .head .title {
			display: inline-block;
			vertical-align: middle;
			font-size: 2rem;
			padding-left: 1em;
		}
		.thanksVox .head .date {
			float: right;
		}
	.thanksVox .wordList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 20px 0 5px;
	}
		.thanksVox .wordList a {
			display: block;
			color: #005EAC;
			font-size: 1.6rem;
			border: 1px solid #E6E6E6;
			padding: 1em 1.95em;
			text-decoration: none;
			line-height: 1;
			-webkit-transition: .25s;
			transition: .25s;
		}
		.thanksVox .wordList a.active,
		.thanksVox .wordList a:hover {
			background: #F5F5F5;
		}
		.thanksVox .wordList a.disabled {
			color: #D4D4D4;
		}
#tabWrapper {
	padding-top: 15px;
}
.tabVox {}
.tabVox:not(:nth-of-type(1)) {
	display: none;
}
	.tabVox dl {
		display: table;
		width: 100%;
		border: 1px solid #E6E6E6;
	}
	.tabVox dt,
	.tabVox dd {
		display: table-cell;
		vertical-align: top;
	}
	.tabVox dt {
		background: #F5F5F5;
		font-size: 1.6rem;
		color: #005EAC;
		text-align: center;
		padding: .75em;
		width: 150px;
	}
	.tabVox dd {
		font-size: 1.5rem;
	}
	.tabVox .nameList {}
		.tabVox .nameList li {
			padding: .75em 1.5em;
		}
		.tabVox .nameList li:not(:last-child) {
			border-bottom: 1px solid #E6E6E6;
		}
/**
 * ---------------------------------------------------
 * module
 * ---------------------------------------------------
 */
.tblS01 {}
	.tblS01 .link {
		text-align: right;
		margin-top: 1em;
	}
.dlVox01 {
	padding: 30px 0 15px;
}
	.dlVox01 dt {
		color: #8DC21F;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.dlVox01 dd + dt {
		padding-top: 1em;
	}
	.dlVox01 dd {
		padding: .5em 0 0 1.25em;
		line-height: 1.8;
	}
.linkList {
	margin-bottom: 25px;
}
	.linkList li:not(:last-child) {
		margin-bottom: .5em;
	}
.imageBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 25px;
}
	.imageBox figure {
		width: 280px;
	}
	.imageBox figure:not(:first-child) {
		margin-left: 30px;
	}
.typeVox {
	padding: 40px 0;
}
.typeVox:last-of-type {
	border-bottom: none;
}
	.typeVox .label {
		display: inline-block;
		background: #D5E7EC;
		font-size: 1.6rem;
		font-weight: bold;
		color: #005EAC;
		padding: .25em 3em;
	}
	.typeVox .title {
		margin-bottom: 25px;
	}
	.typeVox > header .label {
		display: inline-block;
		margin-bottom: 15px;
	}
		.typeVox .title span {
			display: inline-block;
			min-width: 240px;
			color: #FFF;
			font-size: 1.5rem;
			font-weight: bold;
			background: #005eac;
			border-radius: 4px 4px 0 0;
			text-align: center;
			padding: .75em 2em;
		}
		.typeVox .comingSoon {
			font-size: 1.7rem;
			font-weight: bold;
			padding-left: 3.75em;
		}
	.typeVox .articles {}
		.typeVox .articles article {
			position: relative;
			line-height: 1.8;
		}
		.typeVox .articles article:not(:last-child) {
			margin-bottom: 45px;
		}
			.typeVox .articles article > header > .title {
				/*color: #00A395;*/
				font-size: 1.7rem;
				font-weight: bold;
				margin-bottom: .75em;
				width: 30em;
			}
			.typeVox .articles article .image {
				text-align: center;
				float: right;
				width: 360px;
				/*margin-top: -35px;*/
			}
			.typeVox .articles article .image.multi {
				margin-top: -64px;
			}
			.typeVox .articles article .image.multi.h3em {
				margin-top: -95px;
			}
				.typeVox .articles article .image figcaption {
					margin-top: .5em;
					font-size: 1.3rem;
				}
			.typeVox .articles article .inner {}
			.typeVox .articles article .inner::after {
				content: '';
				display: table;
				clear: both;
			}
			.typeVox .articles article .content {
				padding-right: 390px;
			}
			.typeVox .articles article .desc {}
				.typeVox .articles article .desc small {
					font-size: 1.2rem;
				}
			.typeVox .articles article .link {
				padding-top: 20px;
			}
				.typeVox .articles article .link a  {
					position: relative;
					color: #005EAC;
					padding-left: 1em;
				}
				.typeVox .articles article .link a::before {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 6px 0 6px 8px;
					border-color: transparent transparent transparent #005EAC;
					position: absolute;
					top: .4em;
					left: 0;
				}
			.typeVox .articles article .info {
				padding-top: 25px;
			}
			.typeVox .articles article aside {
				background: #F5F5F5;
				padding: 30px;
				margin-top: 20px;
			}
				.typeVox .articles article aside .head {
					color: #005eac;
					font-size: 2rem;
					margin-bottom: 20px;
				}
				.typeVox .articles article aside .detail {
				}
				.typeVox .articles article aside .dl01 {
					display: table;
					width: 100%;
					vertical-align: top;
					padding: .5em 0;
				}
					.typeVox .articles article aside .dl01 dt,
					.typeVox .articles article aside .dl01 dd {
						display: table-cell;
					}
					.typeVox .articles article aside .dl01 dt {
						width: 7em;
						font-weight: bold;
					}
				.typeVox .asideSec {
					margin-top: 40px;
				}
				.typeVox .list01 {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					    flex-wrap: wrap;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
				}
					.typeVox .list01 li {
						width: 280px;
						margin: 15px 0;
					}
						.typeVox .list01 li > dt {
							font-weight: bold;
							padding: .75em 0 .25em;
						}
.afterImgs {
	padding-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
	.afterImgs figure {
		width: 280px;
		text-align: center;
		padding: 15px 0;
	}
	.afterImgs figure:not(:nth-child(3n)) {
		margin-right: 30px;
	}
		.afterImgs figure figcaption {
			background: #F5F5F5;
			font-weight: bold;
			color: #8BC21F;
			padding: .5em;
		}
.beforeAfter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 0 0;
}
	.beforeAfter figure {
		text-align: center;
		position: relative;
		width: 280px;
	}
	.beforeAfter figure:first-child {
		margin-right: 60px;
	}
	.beforeAfter figure:first-child::after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 0 8px 14px;
		border-color: transparent transparent transparent #8BC21F;
		position: absolute;
		top: 50%;
		right: -38px;
		margin-top: -8px;
	}
		.beforeAfter figure figcaption {
			background: #F5F5F5;
			font-weight: bold;
			color: #8BC21F;
			padding: .5em;
		}
.resultBox {
	background: #F5F5F5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px;
	justify-content: space-between;
	flex-wrap: wrap;
}
	.resultBox dl {
		padding: 20px;
	}
	.resultBox dt,
	.resultBox dd {
		display: table-cell;
		vertical-align: middle;
	}
	.resultBox dt {
		width: 80px;
	}
		.resultBox dt.corona {
			width: 130px;
		}
		.resultBox dt span {
			background: #2c60ab;
			width: 80px;
			height: 80px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			color: #FFF;
			font-weight: bold;
			font-size: 1.5rem;
		}
			.resultBox dt.corona span {
				background: #F29602;
				width: 150px;
			}
	.resultBox dd {
		padding-left: 20px;
		text-align: center;
	}
	.resultBox .note {
		font-size: 1.2rem;
	}
	.resultBox .price {
		font-weight: bold;
		font-size: 1.8rem;
	}
		.resultBox .price big {
			font-size: 4.4rem;
		}
			.resultBox .price.corona big {
				font-size: 6rem;
				line-height: 1;
			}
.coronaMessage {
	font-size: 2.0rem;
	font-weight: bold;
	width: 860px;
	text-align: center;
	margin: 0 0 20px 20px;
  padding: 2rem 3rem;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff5100), to(#f29602));
  background-image: -webkit-linear-gradient(left, #ff5100 0%, #f29602 100%);
  background-image: linear-gradient(to right, #ff5100 0%, #f29602 100%);
}
.coronaBaloon {
	width: 358px;
	margin: 10px 0 -25px 175px;
}

.coronaResult {
	font-size: 2.2rem;
	line-height: 1;
	margin: 30px 0;
}

.coronaResult span{
	background: #e6edf7;
	color: #005eac;
	padding: 10px 30px;
	font-weight: bold;
}
/**
 * ---------------------------------------------------
 * education
 * ---------------------------------------------------
 */
/**
 * ---------------------------------------------------
 * campus
 * ---------------------------------------------------
 */
/**
 * ---------------------------------------------------
 * economic
 * ---------------------------------------------------
 */
.thanksTitle {
	font-size: 2rem;
	text-align: center;
	margin: 30px 0;
}
/**
 * ---------------------------------------------------
 * club
 * ---------------------------------------------------
 */
body.club .typeVox {}
	body.club .typeVox .sign {
		padding-top: 1em;
	}
/**
 * ---------------------------------------------------
 * volunteer
 * ---------------------------------------------------
 */
body.volunteer .typeVox {}
	body.volunteer .typeVox .articles .orgItem .content {
		padding-right: 0;
		float: left;
		width: 530px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
		body.volunteer .typeVox .articles .orgItem .content .desc {
			width: 24em;
		}
		body.volunteer .typeVox .articles .orgItem .content figure {
			width: 190px;
		}
	body.volunteer .typeVox .articles .orgItem .label {
		font-size: 1.4rem;
		padding: .5em 1em;
		display: block;
		margin-top: 10px;
	}
	body.volunteer .typeVox .articles .orgItem .subBox {
		float: right;
		width: 340px;
		margin-top: -32px;
		background: #F5F5F5;
		padding: 20px;
	}
		body.volunteer .typeVox .articles .orgItem .subBox .title {
			font-size: 1.5rem;
			font-weight: bold;
			line-height: 1.5;
			margin-bottom: 15px;
		}
		body.volunteer .typeVox .articles .orgItem .subBox .detail {
			font-size: 1.2rem;
		}
		body.volunteer .typeVox .articles .orgItem .subBox .name {
			border-left: 5px solid #8DC21F;
			padding-left: .5em;
			line-height: 1.4;
			margin-top: 1em;
			font-size: 1.3rem;
		}
			body.volunteer .typeVox .articles .orgItem .subBox .name small {
				font-size: 1.1rem;
			}
/**
 * ---------------------------------------------------
 * anniversary
 * ---------------------------------------------------
 */
body.anniversary .secVox .typeVox {
	padding: 20px 0;
}
/**
 * ---------------------------------------------------
 * infoBox
 * ---------------------------------------------------
 */
.infoBox {
	background: #f5f5f5;
	padding: 40px;
}
.infoBoxTitle {
	font-size: 2rem;
	color: #005eac;
	margin-bottom: 10px;
}
/**
 * ---------------------------------------------------
 * figcaption
 * ---------------------------------------------------
 */
.caption {
	font-size: 1.4rem;
	text-align: center;
	margin-top: 10px;
}
/**
 * ---------------------------------------------------
 * result
 * ---------------------------------------------------
 */
.resultBox {
  width: 900px;
  background: #ecf0f8;
  padding: 70px 50px;
  margin: 0 auto 100px;
  line-height: 1;
}
.resultBoxInner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 70px 0;
}
.resultTitle span{
  display: block;
  background: #005eac;
  color: #fff;
  padding: 8px 15px 10px;
  margin: 0 15px 0 0;
}
.resultYen {
  font-size: 9rem;
  font-weight: bold;
  line-height: 1;
  margin: -15px 0 0 10px;
}
.resultYen span {
  font-size: 4rem;
}
.resultBoxInnerSub {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px 10px;
}
.resultTitleSub span{
  color: #005eac;
  font-size: 1.6rem;
  display: block;
  border: solid 1px #005eac;
  padding: 8px 15px 10px;
  margin: 0 15px 0 0;
}
.resultYenSub {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  margin: -5px 0 0 10px;
}
.resultYenSub span {
  font-size: 1.5rem;  
}


/**
 ****************************************************
 *
 * screens larger than 767
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	/**
	 * typeVox
	 */
	.typeVox {}
		.typeVox .articles article > header > .title.wAuto {
			width: auto;
		}
	/**
	 * table
	 */
	.tblS01 {}
		.tblS01 .link {
			margin-right: -3em;
		}
	/**
	 * ---------------------------------------------------
	 * economic
	 * ---------------------------------------------------
	 */
	body.economic {}
		body.economic .typeVox {}
			body.economic .typeVox .image {
				width: 200px;
			}
			body.economic .typeVox .content {
				padding-right: 250px;
			}
}

/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * lNav
	 */
	#lNav {
		padding-top: 10px;
	}
	.table01 {
		width: 100%;
	}
	/**
	 * topBox
	 */
	.topBox {}
		.topBox .voice {
			float: none;
			width: auto;
		}
		.topBox .face {
			float: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: end;
			    -ms-flex-align: end;
			        align-items: flex-end;
			margin-top: 20px;
		}
			.topBox .face img {
				width: 120px;
			}
			.topBox .face figcaption {
				margin-top: 0;
				padding-left: 1.5em;
			}
				.topBox .face figcaption big {
					font-size: 1.8rem;
				}

	/**
	 * supprtVox
	 */	
	.supprtVox .image {
		width: 100%;
		float: left;
	}
	.supprtVox .image img {
		width: 100%;
	}
	/**
	 * reportVox
	 */
	.reportVox {}
		.reportVox .graph01,
		.reportVox .graph02,
		.reportVox .graph03 {
			padding-top: 10px;
			text-align: center;
		}
		.reportVox .graph01,
		.reportVox .graph02 {
			padding-bottom: 30px;
		}
		.reportVox .graph03 {
			padding-bottom: 0;
		}
	.reportVox.useBtn {
		padding-bottom: 0;
	}
		.reportVox.useBtn .link {
			position: static;
		}
	.reportVoxWrap {
		display: block;
		padding: 30px 0;
	}
		.reportVoxWrap .reportVox {
			width: auto;
		}
		.reportVoxWrap .reportVox:not(:first-child) {
			padding-top: 30px;
		}
	/**
	 * ---------------------------------------------------
	 * announcement
	 * ---------------------------------------------------
	 */
	.thanksVox {}
		.thanksVox h2 {}
		.thanksVox .head {
			padding: 10px;
		}
			.thanksVox .head .selectItem {
				margin-left: 0;
				width: auto;
			}
			.thanksVox .head .title {
				font-size: 1.4rem;
			}
			.thanksVox .head .date {
				padding-top: 1em;
			}
		.thanksVox .wordList {
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			        overflow-scrolling: touch;
		}
			.thanksVox .wordList a {
				font-size: 1.4rem;
				padding: 1em 1.5em;
			}
			.thanksVox .wordList li {}
			.thanksVox .wordList li:not(:last-child) {
				margin-right: 10px;
			}
	.tabVox {}
		.tabVox dt {
			width: auto;
			padding: .6em 1em;
		}
		.tabVox dd {
			font-size: 1.3rem;
		}
		.tabVox .nameList {}
			.tabVox .nameList li {
				padding: .75em 1em;
			}
	/**
	 * ---------------------------------------------------
	 * module
	 * ---------------------------------------------------
	 */
	.typeList {}
		.typeList li {}
			.typeList li dt,
			.typeList li dd {
				display: block;
			}
			.typeList li dt {
				width: auto;
				/*padding: 0 10%;*/
			}
			.typeList li dd {
				padding: 1em 0;
				/*font-size: 1.2rem;*/
			}
		/*.typeList a.btn {
			display: inline-block;
			font-size: 1.4rem;
			padding: 1em 2em;
		}*/
	.imageBox {}
		.imageBox figure {
			width: 48%;
		}
		.imageBox figure:not(:first-child) {
			margin-left: 4%;
		}
	.typeVox {
		padding: 25px 0 30px;
	}
		.typeVox .title {}
			.typeVox .title span {
				min-width: auto;
			}
		.typeVox .articles {}
			.typeVox .articles article {}
			.typeVox .articles article:not(:last-child) {
				margin-bottom: 35px;
			}
				.typeVox .articles article > header > .title {
					font-size: 1.5rem;
					width: auto;
				}
				.typeVox .articles article .image {
					float: none;
					width: auto;
					margin-top: 0 !important;
				}
					.typeVox .articles article .image .spImgShort {
						width: 220px;
					}
				.typeVox .articles article .content {
					padding: 1.25em 0 0 0;
				}
				.typeVox .articles article .desc {}
				.typeVox .articles article .link {}
				.typeVox .articles article .info {
					padding-top: 20px;
				}
					.typeVox .articles article .info .label {
						font-size: 1.6rem;
					}
				.typeVox .articles article aside .dl01 {
					display: block;
				}
					.typeVox .articles article aside .dl01 dt,
					.typeVox .articles article aside .dl01 dd {
						display: block;
					}
					.typeVox .articles article aside .dl01 dt {
						width: auto;
						margin-bottom: .25em;
					}
				.typeVox .list01 {}
					.typeVox .list01 li {
						width: 48%;
						margin: 10px 0;
					}
	.afterImgs {
		justify-content: space-between;
	}
		.afterImgs figure {
			width: 48%;
		}
		.afterImgs figure:not(:nth-child(3n)) {
			margin-right: 0;
		}
	.beforeAfter {
		padding: 30px 0 0;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
		.beforeAfter figure {
			width: 46%;
		}
		.beforeAfter figure:first-child {
			margin-right: 0;
		}
		.beforeAfter figure:first-child::after {
			border-width: 6px 0 6px 8px;
			right: -12%;
			margin-top: -6px;
		}
			.beforeAfter figure figcaption {
				font-size: 1.2rem;
			}
	.resultBox {
		display: block;
	}
		.resultBox dl {
			padding: 15px;
			display: table;
			width: 100%;
			max-width: 400px;
		}
		.resultBox dt {}
		.resultBox dd {
			padding-left: 20px;
			text-align: center;
		}
		.resultBox .note {
			font-size: 1.0rem;
		}
		.resultBox .price {
			font-weight: bold;
			font-size: 1.4rem;
		}
			.resultBox .price big {
				font-size: 4.0rem;
			}
			.resultBox .price.corona big {
				font-size: 3.2rem;
			}
		.coronaMessage {
			width: auto;
			padding: 10px;
			font-size: 1.4rem;
			margin: 0 15px 0 15px;
		}
		.coronaBaloon {
			width: 90%;
			margin: 20px auto 0px;
		}
		.coronaResult {
			font-size: 1.5rem;
			margin: 20px 0;
		}

		.coronaResult span{
			padding: 10px 30px;
			font-weight: 500;
		}
	/**
	 * ---------------------------------------------------
	 * economic
	 * ---------------------------------------------------
	 */
	body.economic {}
		body.economic .typeVox {}
			body.economic .typeVox .image {}
				body.economic .typeVox .image img {
					width: 180px;
				}
.thanksTitle {
	font-size: 1.5rem;
	margin: 20px 0;
}
	/**
	 * ---------------------------------------------------
	 * club
	 * ---------------------------------------------------
	 */
	/**
	 * ---------------------------------------------------
	 * volunteer
	 * ---------------------------------------------------
	 */
	body.volunteer .typeVox {}
		body.volunteer .typeVox .articles .orgItem .content {
			float: none;
			width: auto;
			display: block;
		}
			body.volunteer .typeVox .articles .orgItem .content .desc {
				width: auto;
			}
			body.volunteer .typeVox .articles .orgItem .content figure {
				width: 190px;
				margin: 15px auto 0;
			}
		body.volunteer .typeVox .articles .orgItem .subBox {
			float: none;
			width: auto;
			margin-top: 20px;
			padding: 15px;
		}
  /**
   * ---------------------------------------------------
   * result
   * ---------------------------------------------------
   */
  .resultBox {
    width: auto;
    padding: 20px;
    margin: 0 auto 30px;
  }
  .resultBoxInner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 20px 0;
  }
  .resultTitle span{
    font-size: 3rem;
    padding: 3px 10px 5px;
    margin: 0 5px 0 0;
  }
  .resultYen {
    font-size: 2.5rem;
    line-height: 1;
    margin: -5px 0 0 5px;
  }
  .resultYen span {
    font-size: 1.4rem;
  }
  .resultBoxInnerSub {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px;
  }
  .resultTitleSub span{
    font-size: 1.3rem;
    padding: 3px 5px 5px;
    margin: 0 5px 0 0;
  }
  .resultYenSub {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1;
    margin: -3px 0 0 5px;
  }
  .resultYenSub span {
    font-size: 1.4rem; 
  }
}
/**
 * ---------------------------------------------------
 * infoBox
 * ---------------------------------------------------
 */
.infoBox {
	padding: 20px;
}
.infoBoxTitle {
	font-size: 1.5rem;
	margin-bottom: 10px;
}

/**
 ****************************************************
 *
 * screens smaller than 360
 *
 ****************************************************
 */
@media only screen and (max-width: 359px) {
	.thanksVox {}
		.thanksVox .head .title {
			font-size: 1.2rem;
		}
		.thanksVox .head .date {
			font-size: 1.1rem;
		}
}