@charset "utf-8";

.container {width: 100%;color: #111;overflow-x: hidden;}
.content {width: 100%;max-width: 1000px;margin: 0 auto;line-height: 1.4;font-size: 18px;}
.center {text-align: center;margin-right: auto; margin-left: auto;display: block;}
.mt2 {margin-top: 2rem;}
.mt4 {margin-top: 4rem;}
.mb4 {margin-bottom: 4rem;}
.mb1 {margin-bottom: 1rem;}
.mb2 {margin-bottom: 2rem;}
.no_img {margin: 0 calc(50% - 50vw) 1rem;width: 100vw;max-width: 100vw;}
.txt_blue {background: #46c0e2;color: #fff;text-align: center;margin: -5rem auto 1rem;padding: 0.5rem 0;font-weight: bold;width: 300px;}
.txt_pink {background: #ff7bac;color: #fff;text-align: center;margin: -5rem auto 1rem;padding: 0.5rem 0;font-weight: bold;width: 240px;}
.flex3 {display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex3 li {width: 30%}
.bx_contest1 {background: repeating-linear-gradient(-45deg, #fff9e6, #fff9e6 5px, #fff6db 5px, #fff6db 10px);padding: 2rem;position: relative;}
.bx_inner {background: #fff;padding: 2rem 1rem;border-radius: 20px;}
.bx_inner2 {background: repeating-linear-gradient(-45deg, #ffffbe, #ffffbe 5px, #fffcb5 5px, #fffcb5 10px);padding: 2rem;border-radius: 15px;position: relative;}
.bx_inner3 {background: repeating-linear-gradient(-45deg, #ffebc8, #ffebc8 5px, #ffe8be 5px, #ffe8be 10px);padding: 2rem;border-radius: 15px;}
.bx_inner4 {background: repeating-linear-gradient(-45deg, #e6ffc8, #e6ffc8 5px, #e6fcbe 5px, #e6fcbe 10px);padding: 2rem;border-radius: 15px;}
h3 {color: #46c0e2;font-size: 22px;margin-bottom: 1rem;text-align: center;}
.h3_pink {color: #ff7bac;}
.e_name {font-weight: bold;font-size: 18px;margin-bottom: 1rem;text-align: center;}
.e_name_bg {font-weight: bold;font-size: 18px;margin-bottom: 1rem;text-align: center;background: url(../images/idea2/bg_photo_blue.svg) left bottom no-repeat;background-size: 100%;padding-bottom: 9rem;}
.e_name_bg2 {font-weight: bold;font-size: 18px;margin-bottom: 1rem;text-align: center;background: url(../images/idea2/bg_photo_pink.svg) left bottom no-repeat;background-size: 100%;padding-bottom: 9rem;}
.e_name span, .e_name_bg span, .e_name_bg2 span {display: block;}

@media screen and (min-width: 768px){
	.sp {display: none;}
	.no_photo {position: absolute;margin-top: -12rem;left: 15%;}
	.pc_flex2 .no_photo {position: relative;margin-top: -8.5rem;left: initial;}
	.pc_flex2 {display: flex;flex-wrap: wrap;justify-content: space-between;}
	.pc_flex2 li:first-child {width: 60%;}
	.pc_flex2 li:last-child {width: 38%;margin-top: 2rem;}
	span.marker_blue { background: linear-gradient(transparent 70%, #46c0e2 70%);}
	span.marker_pink { background: linear-gradient(transparent 70%, #ff7bac 70%);}
	}
@media screen and (min-width: 1200px){
		.no_img {margin: 0 calc(50% - 600px) 1rem;width: 100vw;max-width: 1200px;}
}
@media screen and (max-width: 768px){
	.mt2 {margin-top: 1rem;}
	.mt4 {margin-top: 2rem;}
	.mb4 {margin-bottom: 2rem;}
	.sp_p1 {padding: 0 1rem;}
	.flex3 li {width: 100%;margin-bottom: 10px;}
	.bx_contest1, .bx_inner2, .bx_inner3, .bx_inner4 {padding: 2rem 1rem;}
	.no_img {margin: 0px calc(60% - 67vw) 1rem;width: 120vw;max-width: 120vw;}
	.pc_flex2 .no_photo {margin-top: -8.5rem;}
	.content {font-size: 16px;}
	}