.c5-contents {
	max-width: 1200px;
	margin: 0 auto;
}
.c5-mainContentWrapper {
	overflow: hidden;
	padding-top:6.8%;
}
.c5-mainContent {
	float: left;
	max-width: 800px;
	width: 66.666%;
	margin: 0 auto;
}
.c5-main {
	position: relative;
	width: 100%;
	height: auto;
}
.c5-main img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
/************************************************
c5-top
************************************************/
.c5-top {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 9.5%;
}
.c5-top__ttl {
	font-size: 28px;
	font-size: 1.75rem;
	margin: 0 auto;
	font-weight:bold;
}
.c5-top__date {
}
.c5-top__date--date {
	font-size: 12px;
	font-size: .75rem;
}
.c5-top__text {
}
.c5-top__author {
	text-align: right;
}
/************************************************
c5-block
************************************************/
.c5-block {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 9.5%;
}
.c5-block--border {
	padding: 3.75%;
	border: solid 10px #000;
	box-sizing: border-box;
}
.c5-block__ttl {
	margin-bottom: 5%;
	padding-bottom: 2%;
	font-size: 20px;
	font-size: 1.2rem;
	font-weight: bold;
	border-bottom: solid 2px #990100;
}
.c5-block__ttl--small {
	margin: 0 auto 1.9%;
	padding: 0;
	font-size: 16px;
	font-size: 1rem;
	border-bottom: none;
	clear: left;
}
.c5-block__ttl--bluecenter {
	margin: 0 0 5%;
	padding-bottom: 2%;
	font-size: 20px;
	font-size: 1.2rem;
	border-bottom: solid 1px #000;
	text-align: center;
}
.c5-block__ttl--bg {
	margin: 2% auto;
	background: #faebeb;
}
.c5-block__textBox {
	max-width: 450px;
	width: 56.25%;
}
.c5-block__textBox--interview {
	max-width: 370px;
	width: 52%;
}
.c5-block__boxWrap {
	overflow: hidden;
	max-width: 700px;
	width: 87.5%;
	margin: 0 auto;
	box-sizing: border-box;
}
.c5-block__boxWrap--manual {
	max-width: 680px;
	width: 85%;
}
.c5-block__boxWrap--interview {
	width: 94.5%;
}
.c5-block__box {
	max-width: 320px;
	width: 49%;
	margin: 0;
}
.c5-block__box img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.c5-block__text {
	margin: 0 auto 1.9%;
}
.c5-block__text--small {
	font-size: 12px;
	font-size: .75rem;
	margin: 2% auto 2.5%;
}
.c5-block__author {
	text-align: right;
}
.c5-block__inner {
	overflow: hidden;
	margin-bottom: 4%;
}
.c5-block__image {
	width: auto;
	height: auto;
}
.c5-block__image img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.c5-block__image--2col {
	width: 40.05%;
}
.c5-block__image--2col img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.c5-block__image--2col--type2 {
	width: 44.5%;
}
/************************************************
side
************************************************/
.c5-sideContent {
	float: right;
	max-width: 340px;
	width: 28.333%;
	margin: 0 auto;
}
.c5-sideBlock{
	max-width: 280px;
	padding:10% 9%;
	background: #e4e7ec;
	border-bottom:solid 1px #fff;
}
.c5-sideBlock--small{
	padding:8% 9%;
}
.c5-sideBlock__image {
	margin: 0 auto 8%;
}
.c5-sideBlock__image img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.c5-sideBlock__name{
	margin: 0 auto 8%;
	font-weight:bold;
}
.c5-sideBlock__list{
	margin: 0 auto;
	padding: 0;
	line-height: 1.8;
}
.c5-sideBlock__list dt{
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	font-size: .85rem;
}
.c5-sideBlock__list dd{
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	font-size: .75rem;
}
.c5-sideBlock__list dd.mb--s{
	margin: 0 auto 5%;
}
.c5-sideBlock__list dd.mb--m{
	margin: 0 auto 10%;
}
.c5-sideBlock__text{
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	font-size: .75rem;
	line-height: 1.8;
}
.c5-block__youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.c5-block__youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/************************************************
moudle
************************************************/
.c5-ml {
	margin-left: 2.5%;
}
.c5-mb--0 {
	margin-bottom: 0;
}
.c5-mb--ss {
	margin-bottom: 3%;
}
.c5-mb--s {
	margin-bottom: 5%;
}
.c5-mb--m {
	margin-bottom: 10%;
}
.c5-mb--l {
	margin-bottom: 15%;
}
.c5-color--b {
	color: #008099;
}
.c5-color--r {
	color: #990100;
}
.c5-right {
	float: right;
}
.c5-left {
	float: left;
}
.c5-pd {
	padding: 1% 0;
}
.c5-textCenter {
	text-align: center;
}
.c5-fontNormal {
	font-weight:normal;
}
.c5-fontSize--m{
	font-size: 14px;
	font-size: .85rem;
}
.c5-btn {
	background: #5787f5;
}
.c5-btn a {
	display: inline-block;
	width: 175px;
	height: 20px;
	padding: 13px 0;
	color: #fff;
	font-size: .77em;
	line-height: 1.22;
	text-align: center;
	text-decoration: none;
}
/************************************************
table
************************************************/
@media screen and (max-width: 768px) {
	.s5-container {
		max-width: 1200px;
		margin: 0 auto;
	}
	.c5-contents {
		max-width: 1200px;
		margin: 0 auto;
	}
	.c5-mainContentWrapper {
		overflow: hidden;
		padding-top:6.8%;
	}
	.c5-mainContent {
		float: none;
		max-width: 768px;
		width: 100%;
		margin: 0 auto;
	}
	.c5-block__boxWrap {
		overflow: hidden;
		max-width: 708px;
		width: 98%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.c5-block__box {
		max-width: 320x;
		width: 47.5%;
		margin: 0;
	}
	.c5-block__textBox--interview {
		max-width: 100%;
		width: 100%;
	}
	.c5-block__textBox {
	}
	.c5-block__image--2col--type2 {
		width: 44.5%;
		margin:0 0 .5% 2%;
	}
	.c5-sideContent {
		float: none;
		max-width: 768px;
		width: 92.18%;
		margin: 0 auto;
	}
	.c5-sideBlock{
		overflow: hidden;
		max-width: 768px;
		padding:4.237%;
		background: #e4e7ec;
		border-bottom:solid 1px #fff;
	}
	.c5-sideBlock__name{
		margin: 0 auto 3%;
		font-weight:bold;
	}
	.c5-sideBlock__image {
		float: left;
		max-width: 280px;
		width: 39.54%;
		margin: 0 auto 8%;
	}
	.c5-sideBlock__tabletBox{
		float: right;
		max-width: 337px;
		width:55%;
	}
	.c5-floatNone {
		float: none;
	}
	.c5-mb--s {
		margin-bottom: 2.5%;
	}
	.c5-mb--m {
		margin-bottom: 5%;
	}
	.c5-mb--l {
		margin-bottom: 7.5%;
	}
}

@media screen and (max-width: 639px) {
	.s5-container{
		padding: 0 10px;
	}
	.c5-main {
		max-width: 640px;
		width: 100%;
		height: auto;
		margin: 20px auto 0;
	}
	.c5-main img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.c5-mainContentWrapper {
		overflow: hidden;
		padding-top:20%;
	}
	.c5-mainContent {
		float: none;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
	.c5-block__boxWrap {
		overflow: hidden;
		max-width: 640;
		width: 100%;
		margin: 10% auto 0;
		box-sizing: border-box;
	}
	.c5-block {
		font-size: 16px;
		font-size: 1rem;
		margin-bottom: 15%;
	}
	.c5-block__inner {
		overflow: hidden;
		margin-bottom: 10%;
	}
	.c5-block__ttl {
		margin-bottom: 10%;
		padding-bottom: 5%;
		font-size: 20px;
		font-size: 1.2rem;
		font-weight: bold;
		border-bottom: solid 2px #990100;
	}
	.c5-block__ttl--small {
		margin: 0 auto 1.9%;
		padding: 0;
		font-size: 16px;
		font-size: 1rem;
		border-bottom: none;
		clear: left;
	}
	.c5-block__ttl--bluecenter {
		margin: 0 0 15%;
		padding-bottom: 2%;
		font-size: 20px;
		font-size: 1.2rem;
		border-bottom: solid 1px #000;
		text-align: center;
	}
	.c5-block__ttl--mb-s{
		margin: 0 auto 5%;
	}
	.c5-block__ttl--bg{
		margin: 0 auto 5%;
	}
	.c5-block__text {
		margin: 0 auto 7%;
	}
	.c5-block__text--small {
		font-size: 12px;
		font-size: .75rem;
		margin: 2% auto 2.5%;
	}
	.c5-block__text--mb0 {
		margin: 0 auto;
	}

	.c5-block__image--2col {
		width: 100%;
	}
	.c5-block__image--2col img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.c5-block__image--2col--type2 {
		width: 100%;
		margin:0 auto;
	}
	.c5-sideBlock__image {
		float: left;
		max-width: 100%;
		width: 100%;
		margin: 0 auto 8%;
		padding:6% 0 0;
	}
	.c5-block__textBox {
		width: 100%;
	}
	.c5-block__box {
		max-width: 100%;
		width: 100%;
		margin: 0 0 8%;
	}

	.c5-sideContent {
		float: none;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
	.c5-sideBlock__tabletBox{
		float: none;
		max-width: 640px;
		width:100%;
	}
	.c5-right {
		float: none;
	}
	.c5-left {
		float: none;
	}
}
.pc {
	display: block;
}
.ta {
	display: none;
}
.pcta {
	display: block;
}
.sp {
	display: none;
}
.br {
	display: none;
}
@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.pcta{
		display: block;
	}
	.ta {
		display: block;
	}
	.sp {
		display: none;
	}
}
@media screen and (max-width: 639px) {
	.pc {
		display: none;
	}
	.pcta{
		display: none;
	}
	.ta {
		display: none;
	}
	.sp {
		display: block;
	}
	.br {
		display: block;
	}
}