@charset "utf-8";


@media screen and (min-width: 768px) {
	.sp-only {display: none !important;}
}
@media screen and (max-width: 767px) {
	.pc-only {display: none !important;}
}



/* ----------------------------- */
.p-activity {
	background: #00a0e9;
	position: relative;
	margin-top: -28px;
	padding-top: 40px;
	padding-bottom: 80px;
}

.p-activity__heading {
	color: #fff;
	margin-bottom: 25px;
}
.p-activity__heading .heading {margin-bottom: 20px;}
.p-activity__heading .heading .logo {float: left;}
.p-activity__heading .heading .txt {margin-left: 140px;}
.p-activity__heading .heading .txt h2 {
	font-size: 480%;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 5px;
}
.p-activity__heading .heading .txt p {
	font-size: 150%;
	line-height: 140%;
	font-weight: bold;
}
.p-activity__heading .lead {
	background: #ec6c00;
	padding: 10px 15px;
	text-align: center;
}
.p-activity__heading .lead .title,
.p-activity__heading .lead .txt {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.p-activity__heading .lead .title {
	width: 100%;
	max-width: 315px;
	margin-right: 20px;
	font-size: 250%;
	line-height: 120%;
	text-align: left;
}
.p-activity__heading .lead .title span {
	font-size: 73%;
	margin-right: 10px;
}
.p-activity__heading .lead .txt {
	max-width: 620px;
	font-size: 116%;
	text-align: left;
}


.p-activity__content {
	background: #fff;
	border-radius: 3px;
	padding: 20px;
}
.p-activity__content-block1 {margin-bottom: 80px;}
.p-activity__content-block1:last-child {margin-bottom: 0;}
.p-activity__content-block1 h4 {margin-bottom: 12px;}
.p-activity__content-block1 .block1 {margin-bottom: 40px;}
.p-activity__content-block1 .block1:last-child {margin-bottom: 0;}
.p-activity__content-block1 .block1 .heading {margin-bottom: 15px;}
.p-activity__content-block1 .block1 .heading h5 {
	color: #6fb92c;
	font-size: 240%;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 4px;
}
.p-activity__content-block1 .block1 .heading p {
	color: #ec6c00;
	font-size: 116%;
	font-weight: bold;
}
.p-activity__content-block1 .block1 .heading p em {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	border-radius: 2px;
	color: #fff;
	background: #ec6c00;
	font-size: 78%;
	line-height: 140%;
	padding: 2px 6px;
	margin-right: 6px;
	font-style: normal;
}
.p-activity__content-block1 .block1 .heading p a {color: #ec6c00;}
.p-activity__content-block1 .block1 .box1 {}
.p-activity__content-block1 .block1 .box1 .txt {
	float: left;
	width: 220px;
}
.p-activity__content-block1 .block1 .box1 .txt p {
	font-size: 108%;
	line-height: 160%;
}
.p-activity__content-block1 .block1 .box1 .txt ul {
	text-align: center;
	margin-top: 10px;
}
.p-activity__content-block1 .block1 .box1 .txt li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	border-radius: 3px;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	padding: 1px 4px;
	margin-right: 3px;
	margin-bottom: 5px;
}
.p-activity__content-block1 .block1 .box1 .txt li.communication {background: #e3007f;}
.p-activity__content-block1 .block1 .box1 .txt li.drawing {background: #5db6e7;}
.p-activity__content-block1 .block1 .box1 .txt li.planning {background: #0068b6;}
.p-activity__content-block1 .block1 .box1 .txt li.design {background: #ec6c00;}
.p-activity__content-block1 .block1 .box1 .txt li.responsibility {background: #910782;}
.p-activity__content-block1 .block1 .box1 .txt li.support {background: #006934;}
.p-activity__content-block1 .block1 .box1 .txt li.general {background: #e50012;}
.p-activity__content-block1 .block1 .box1 .txt li.scene {background: #f9be00;}
.p-activity__content-block1 .block1 .box1 .txt li.performance {background: #796a56;margin-top: 0;}
.p-activity__content-block1 .block1 .box1 .txt li.expression {background: #ee847d;}
.p-activity__content-block1 .block1 .box1 .txt li.presentation {background: #6fb92c;}
.p-activity__content-block1 .block1 .box1 .txt li.selfproduced {background: #1bbc9b;}
.p-activity__content-block1 .block1 .box1 .txt li.study {background: #008643;}
.p-activity__content-block1 .block1 .box1 .img {
	float: right;
	width: calc(100% - 240px);
}
.p-activity__content-block1 .block1 .box1 .img img {
	max-width: 100%;
	height: auto;
}


@media screen and (max-width: 768px) {

.p-activity {
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-left: -3.19%;
	margin-right: -3.19%;
}
.p-activity__heading {
	padding-left: 15px;
	padding-right: 15px;
}
.p-activity__heading .heading .logo {
	float: none;
	text-align: center;
}
.p-activity__heading .heading .logo img {width: 60px;}
.p-activity__heading .heading .txt {
	margin-top: 15px;
	margin-left: 0;
	text-align: center;
}
.p-activity__heading .heading .txt h2 {font-size: 185%;}
.p-activity__heading .heading .txt p {
	font-size: 116%;
	text-align: left;
}
.p-activity__heading .lead .title,
.p-activity__heading .lead .txt {
	display: block;
	max-width: initial;
}
.p-activity__heading .lead .title {
	font-size: 200%;
	margin-right: 0;
	margin-bottom: 10px;
}

.p-activity__content {
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px;
}
.p-activity__content-block1 {margin-bottom: 60px;}
.p-activity__content-block1 h4 {margin-bottom: 8px;}
.p-activity__content-block1 h4 img {width: 54px;}
.p-activity__content-block1 .block1 {margin-bottom: 50px;}
.p-activity__content-block1 .block1 .heading h5 {
	font-size: 180%;
	margin-bottom: 10px;
	text-indent: -1.25em;
	padding-left: 1.25em;
}
.p-activity__content-block1 .block1 .heading p {}
.p-activity__content-block1 .block1 .heading p em {
	display: block;
	width: 55px;
	margin-right: auto;
	margin-bottom: 4px;
	text-align: center;
}
.p-activity__content-block1 .block1 .box1 .txt,
.p-activity__content-block1 .block1 .box1 .img {
	float: none;
	width: auto;
}
.p-activity__content-block1 .block1 .box1 .txt {margin-bottom: 10px;}


}