@charset "utf-8";

/*
************** cp20 **************
*/

.campaign--cp20{}
.g-main__inner .campaign.campaign--cp20 .section12.pc-sitewidth {
}


.campaign--cp20 header p {
	font-size: 1.5em;
	line-height: 2em;
	margin: 1em 0;
}
.campaign--cp20 header p span {
	font-size: 1.25em;
	font-weight: bold;
	color: #F33;
	display: inline-block;
	white-space: nowrap;
}

.campaign--cp20 h3{
	background:#2A59C8;
	color: #fff;
	padding: 0.25em .5em;
	margin: 0;
	border-radius: 1em;
	text-align: center;
	font-size: 1.25em;
}

.campaign--cp20 .box {
	border: #DFAFAF solid 1px;
	border-radius: 1em;
	padding: 1em;
	background: #FFE7E7;
}
.campaign--cp20 .box p {
	margin: 1em;

}
.campaign--cp20 .link ul {
	margin-top: 1em;

}
.campaign--cp20 .link ul li {
	background-color: #fff;
	display: inline-block;
	width: 49.5%;
	text-align: right;
	margin: 0;
	padding: 0;
}
.campaign--cp20 .link ul li:first-of-type {
	text-align: left;
}
.campaign--cp20 .link ul li a {
	width: 90%;
}

@media only screen and (max-width: 767px){
.campaign--cp20 header p {
	font-size: 1.25em;
	line-height: 1.8em;
}
.campaign--cp20 header p span {
	font-size: 1.25em;
}
.campaign--cp20 .box {
	border-left: none;
	border-right: none;
	border-radius: 0;
}
.campaign--cp20 .link ul li {
	width: 100%;
	margin-bottom: 1em;
	text-align: center;
}
.campaign--cp20 .link ul li:first-of-type {
	text-align: center;
}
.campaign--cp20 .link ul li a {
	width: 95%;
}
}
/*
************** cp16 **************
*/


.campaign--cp16{}
.cp16__frame1{
	padding: 2.5%;
	background-color: #229641;
}
.cp16__frame2{
	padding: 2.5%;
	background-color: #fff;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.cp16__mv{
	margin: 0;
	padding: 0;
	
	margin-top: -5%;
	margin-left: -5%;
	margin-right: -5%;
	margin-bottom: 25px;
}
@media print, screen and (min-width: 768px){
.campaign--cp16{}
.cp16__frame1{}
.cp16__frame2{}
.cp16__mv{}
}
@media only screen and (max-width: 767px){
.campaign--cp16{}
.cp16__frame1{}
.cp16__frame2{}
.cp16__mv{}
}
	





.app{}
.app__items{
	margin: 0;
	padding: 0;
	list-style: none;
}
.app__item{}
@media print, screen and (min-width: 768px){
.app{}
.app__items{
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
}
.app__item{
	flex-basis: 160px;
	-ms-flex-basis: 160px;
	-moz-flex-basis: 160px;
	-webkit-flex-basis: 160px;
}
}
@media only screen and (max-width: 767px){
.app{}
.app__items{
	margin-left: -5%;
}
.app__item{
	margin-left: 5%;
	margin-bottom: 2em;
}
}





@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}