@charset "UTF-8";
/* CSS Document */

/*====================
スマホの時だけ改行
====================*/
.br-sp {
	display: none;
}
@media (max-width: 767.98px){
.br-sp {
    display: block;
}
}

/*====================
調整cssここから
====================*/

/*ここにある命令を修正すれば優先される */

#topics{
font-family: "M PLUS Rounded 1c", serif;
line-height:1.8;
}
/*h2,h3を明朝にする */
#topics h2,#topics h3{
font-family: "M PLUS Rounded 1c", serif;
line-height:1.8;
}
/* h2 */
#topics h2{
font-size: 32px;
color: #000 ;
text-align: center;
margin-bottom: 30px;
margin-top: 60px;
}
/* h3 */
#topics h3{
color: #E40080;
  font-style: normal;
  font-weight: bold;
  font-size: 1.8rem !important;
  text-align: center;
  background: #FFF;
  font-family: "M PLUS Rounded 1c", serif;
  padding: 8px;
  margin-bottom: 16px;
  margin-top: 0;
  border-radius: 10px;
}
/* pのデフォルト */
#topics p{
  line-height: 1.8;
}

#topics p.desc{
line-height:2.8;
text-align:center;
}
.pc_none02{
display:none !important;
}


@media (max-width: 767.98px){
/* h2 */
#topics h2{
font-size: 28px;
margin-top: 40px;
}
/* h3 */
#topics h3{
font-size: 1.6rem !important;
}
#topics p{
	font-size: 1.35rem !important;
}
#topics p.desc{
line-height:1.8;
text-align:left;
margin-bottom: 40px;
}
.pc_none02{
display:inline-block !important;
}
}

/*****************/

#topics .txt30{
font-size:30px;
color:#000;
text-align:center;
margin-bottom:30px;
margin-top: 60px;
}
#topics .txt32{
font-size:32px;
text-align:center;
margin-bottom:0;
letter-spacing: 0.12em;
}

@media (max-width: 767.98px){
#topics .txt30{
font-size:18px;
padding-bottom: 0px;
margin-top: 40px;

}
#topics .txt30{
font-size: 28px ;
padding-bottom: 0px ;
margin-top: 40px;
}
}

/*====================
ページのみ cssここから
====================*/
.intro{
	margin: 40px auto 50px auto;
	text-align: center;
}
.intro-txt{
	color: #E40080 !important;
	font-weight: 500;
	font-size: 15px !important;
}
.colum01{
	background: #fbe5ee;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
}
.colum02{
	background: #fbe5ee;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
	max-width: 560px;
	margin: 0 auto;
}
.h2add-deco{
	font-weight: 600 !important;
	color: #fffef9 !important;
	background: #E40080;
	line-height: 1.8 !important;
	margin-bottom: 0px !important;
	padding: 30px 20px !important;
	border-radius: 10px 10px 0px 0px;
}
.h2span01{
	margin-bottom: 0px !important;
	font-size: 12px !important;
}
.h2span02{
	margin-bottom: 0px !important;
	font-size: 13px !important;
}
.infoarea{
	background: #E40080;
	padding: 0 30px 20px 30px;
	border-radius: 0 0 10px 10px;
}
.collabo-ttl{
	font-weight: 900 !important;
  color: #E40080 !important;
  background: #fbe5ee;
  line-height: 1.4 !important;
	border-radius: 10px;
	padding: 14px !important;
	margin-bottom: 20px !important;
}
.collabo-span{
	font-weight: 900 !important;
  font-size: 1.4rem !important;
  margin-bottom: 0px !important;
  color: #555 !important;
}

/*====================
SP調整
====================*/
@media (max-width: 767.98px){
.intro{
	margin: 40px auto 50px auto;
	text-align: left;
}
.intro-txt{
	font-size: 14px !important;
}
.h2add-deco{
	line-height: 1.4 !important;
	padding: 20px 10px !important;
}
.h2span01{
	margin-bottom: 10px !important;
}
.h2span02{
	margin-top: 10px;
	font-size: 12px !important;
}
	
}