@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&family=Noto+Sans+JP:wght@700&display=swap');

html,body{margin:0;}
article{
	margin-bottom:3px;
	padding:10px 0 40px;
	min-width:1012px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;
	line-height:2;
	text-align:center;
	background:
    url(../images/mv_bg.png)no-repeat center top,
    url(../images/fix_bg1.png)no-repeat left top fixed,
    url(../images/fix_bg2.png)no-repeat right top fixed;
	background-color:#ffebed;
}
@media only screen and (max-width:1024px){
  article{
    background:
      url(../images/mv_bg.png)no-repeat center top,
      url(../images/fix_bg1.png)no-repeat left top fixed,
      url(../images/fix_bg2.png)no-repeat 802px top fixed;
    background-color:#ffebed;
  }
}

.maru{
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

.only_smart,
.only_smart_i{
	display:none !important;
}
article img{
	max-width:100%;
}

article a{
  text-decoration:none;
}

article ul{
	margin:0;
	padding:0;
}
article ul li{
	list-style:none;
}


/* #mv */
#mv{
  padding-bottom:30px;
}
#mv h1{
	margin:0;
}
#mv h1 + p{
	margin:0;
	padding:80px 0 80px;
	font-size:20px;
	color:#ff5c7a;
}

#mv nav{
  width:1012px;
  margin:auto;
}
#mv nav ul li{
  width:280px;
  display:inline-block;
  vertical-align:middle;
  margin:10px 10px 15px;
}
#mv nav ul li a{
  display:block;
  line-height:70px;
  background-color:#ff5c7a;
  border-radius:35px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color:#fff;
  padding-left:30px;
  text-align:left;
}
#mv nav ul li a img{
  width:50px;
  margin-right:20px;
  vertical-align:middle;
}
#mv > div{
  width:800px;
  margin:80px auto 0;
  padding:40px 0;
  background-color:#fff;
}
#mv > div p{
  margin:10px 0 15px;
  font-size:22px;
}
#mv > div p + a{
  display:block;
  width:250px;
  line-height:54px;
  border-radius:27px;
  margin:auto;
  background-color:#ff5c7a;
  color:#fff;
}



/* .cont */
.cont{
  padding:30px 0 40px;
}
.cont h2{
  padding-bottom:20px;
  font-size:38px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color:#fc4365;
  background:url(../images/h2_bg.png)no-repeat center bottom;
}
.cont h2 img{
  display:block;
  width:40px;
  margin:auto;
}
.cont ul{
  width:1012px;
  margin:auto;
  letter-spacing:-0.4em;
}
.cont ul li{
  width:242px;
  margin:5px;
  display:inline-block;
  vertical-align:top;
  background-color:#fff;
  box-shadow:0 0 3px rgba(138,9,67,0.4);
  letter-spacing:normal;
}
.cont ul.three li{
  margin:5px 10px;
}
.cont ul.three li:nth-child(-n+3){
  margin-bottom:20px;
}
.cont ul li a{
  display:block;
  padding:5px;
}
.cont ul li a figure{
  margin:auto;
}
.cont ul li a figure img{
  vertical-align:bottom;
}
.cont ul li a figure figcaption{
  padding:10px 10px 0;
}
.cont ul li a figure figcaption span{
  display:block;
}
.cont ul li a figure figcaption span:first-of-type{
  line-height:34px;
  font-size:16px;
  color:#4c4c4c;
}
.cont ul li a figure figcaption span:first-of-type.orange{
  background:url(../images/tag_orange.png)no-repeat left top;
}
.cont ul li a figure figcaption span:first-of-type.sky{
  background:url(../images/tag_sky.png)no-repeat left top;
}
.cont ul li a figure figcaption span:first-of-type.blue{
  background:url(../images/tag_blue.png)no-repeat left top;
}
.cont ul li a figure figcaption span:last-of-type{
  height:3.5em;
  line-height:1.3;
  color:#333;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.cont ul li a figure figcaption span:last-of-type.noflex{
  display:block;
}



/* #cont6 */
#cont6{
  padding-bottom:80px;
}