@charset "utf-8";

/* 共通 */
.mt0 { margin-top: 0px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }

.flR { float: right; }
.flL { float: left; }

.taC { text-align: center; }
.taR { text-align: right; }

.w300 { width: 300px; }
.w330 {width: 330px !important; }

/* index.html */
.idea_ul {
	margin: 0;
	padding: 0;
}
.idea_ul li {
	margin-top: 10px;
	margin-left: 1.5em;
}
.idea_ul li a {
}
.idea_ul li a:hover {
	text-decoration: none;
}

/* btn */
.btn {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* credit */
.section1 .credit {
	display: block;
	font-size: 12px;
	text-align: right;
	margin: 1% auto 0;
}

@media screen and ( min-width: 640px ) {
	.section1 .credit.w600 {
		width: 600px;
	}
}

/* img */
.section1 .img {
	margin-bottom: 0 !important;
}
.section1 .img img {
	width: 100%;
	height: auto;
}

/* caption */
.section1  .caption {
	display: block !important;
	font-size: 14px !important;
	text-align: center !important;
	margin: 1% auto 0 !important;
}

/* report_pic */
.report_pic {
	display: flex;
	justify-content: space-between;
}
.report_pic p {
	width: 48%;
}
.report_pic p img {
	width: 100%;
	height: auto;
}
.report_pic span.credit{
	display: block;
	font-size: 12px;
	text-align: right;
	margin: 1% auto 0;
}

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

.sp-img {
    float: none;
    width: 100%;
    margin: 0 0 20px !important;
}
.sp-img img {
    width: 100%;
    max-width: 460px;
}
}

/* mainimg_float  メイン画像横並び */
.mainimg_float p{
    width: 470px !important;
}
.mainimg_float p img{
    width: 100%;
    height: auto;
}

@media screen and ( max-width: 639px ) {
.mainimg_float p{
    max-width: 100%;
}
}

/* side_img  サイド画像縦並び */
.side_img p img{
    width: 100%;
    height: auto;
}

@media screen and ( max-width: 639px ) {
.side_img{
    margin-left: 0px !important;
    float:none;
}
.side_img p.w330{
    width: 100% !important;

}
}
/* setumei   ユニセフハウスの説明文言*/
.setumei{
    border:solid orange;
    padding: 15px;
}

/* 横並び */
.report_flex {
	display: flex;
	flex-wrap: wrap;
}

/* 吹き出し */
.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 15px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #333;
  font-size: 16px;
  background: #fcaa8c;
  border-radius: 10px;
}

.balloon:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #fcaa8c;
}

.balloon p {
  margin: 0 !important;
  padding: 0;
	font-size: 14px !important;
}

/* 枠つきボックス */
.border_box {
	border-radius: 10px;
	border: 5px solid #fcaa8c;
	padding: 20px;
}

/********** report_25.html用 **********/
.report_25_main {}
	.report_25_main .credit {
		display: block !important;
		font-size: 12px !important;
		text-align: right !important;
		margin: 1% auto 0 !important;
	}
.report_25_main .report_flex {
	align-items: center;
	justify-content: space-around;
}
.report_25_main .report_flex .img25_main01 {
	width: 60%;
}
.report_25_main .report_flex .img25_main02 {
	width: 38%;
}
.report_25_main .report_flex p img {
	width: 100%;
	height: auto;
}

.report_25_pic {
	margin-top: 80px;
}
.report_25_pic h5 {
	border-bottom: 1px solid #fcaa8c;
	padding-bottom: 6px;
	color: #f25121;
	font-size: 16px;
	font-weight: bold;
}
.report_25_pic .report_flex {
	justify-content: space-between;
}
.report_25_pic dl {
	width: 48%;
	max-width: 400px;
	margin: 0;
	padding: 0;
}
.report_25_pic dl dt {
	margin: 0;
	padding: 0;
	text-align: center;
}
.report_25_pic dl dd {
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
}
.report_25_pic dl dd > p {
	margin-bottom: 10px;
}
.report_25_pic dl dd img {
	width: 100%;
	height: auto;
}

.report_25_list {
	list-style:none;
}
.report_25_list li {
	margin: 4px 0;
}
.report_25_list li ul {
	list-style: disc;
}

.report_25_kansou {
	margin: 0;
	padding: 0;
}
.report_25_kansou dt {
	margin: 0;
	padding: 0;
	color: #f25121;
	font-weight: bold;
	text-align: center;
}
.report_25_kansou dd {
	margin: 0;
	padding: 0;
}
.report_25_kansou dd ul li {
	margin-top: 10px;
}

@media screen and ( max-width: 639px ) {
	.report_25_main .report_flex .img25_main01 {
		width: 80%;
	}
	.report_25_main .report_flex .img25_main02 {
		width: 80%;
	}
	.report_25_pic dl {
		width: 80%;
		margin: 0 auto;
	}
}


/********** report_27.html用 **********/
.report_27_img {}
	.report_27_img .report_flex {
		justify-content: space-between;
	}
	.report_27_img .report_flex p {
		width: 49% !important;
	}
	.report_27_img .report_flex p img {
		width: 100%;
		height: auto;
	}
@media screen and ( max-width: 639px ) {
	.report_27_img .report_flex {
		justify-content: center;
	}
	.report_27_img .report_flex p {
		width: 80% !important;
	}
}

.report_27_thought {}
.report_27_thought_tit {
	margin: 50px 0 0;
	font-size: 20px;
	color: #09f;
	text-align: center;
}
.report_27_thought ul {
	list-style: none;
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
.report_27_thought ul li {
	position: relative;
  padding: 20px 30px;
  display: inline-block;
  min-width: 200px;
  max-width: 100%;
  border-radius: 30px;
	margin-top: 20px;
	filter: drop-shadow(2px 1px 3px rgba(0, 0, 0, 0.1));
}
	.report_27_thought ul li:nth-child(odd) {
	  background-color: #fde1d6;
	}
	.report_27_thought ul li:nth-child(even) {
	  background-color: #d6ecfd;
	}
.report_27_thought ul li:before {
	content: '';
  position: absolute;
	display: inline-block;
	border: 16px solid transparent;
  top: 40px;

}
	.report_27_thought ul li:nth-child(odd):before {
	  border-right: 24px solid #fde1d6;
		margin-left: -24px;
		left: -16px;
	}
	.report_27_thought ul li:nth-child(even):before {
	  border-left: 24px solid #d6ecfd;
		margin-right: -24px;
		right: -16px;
	}

/********** report_28.html用 **********/
@media screen and ( min-width: 640px ) {
	.report28-img-sp {
		display: none !important;
	}
	.report28-img-pc {
		display: block !important;
	}
	.report_28_img {}
	.report_28_img .report_flex {
		justify-content: space-between;
	}
	.report_28_img .report_flex p {
		width: 49% !important;
	}
	.report_28_img .report_flex p img {
		width: 100%;
		height: auto;
	}
}

@media screen and ( max-width: 639px ) {
	.report28-img-sp {
		display: block !important;
	}
	.report28-img-pc {
		display: none !important;
	}
	.report_28_img {}
		.report_28_img .report_flex {
			justify-content: center;
		}
		.report_28_img .report_flex p {
			width: 80% !important;
		}
}

/********** report_38.html用 **********/
@media screen and ( min-width: 640px ) {
	.report_38_img {}
	.report_38_img .report_flex {
		align-items: center;
	}
	.report_38_img .report_flex p:last-child {
		flex-grow: 2;
	}
	.report_38_img .report_flex p:last-child img {
		max-width: 680px;
	}
}