@charset "UTF-8";
/* main stylse
----------------------------------------------*/
#wrapper {
	width: 100%;
}
#wrapper h3 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 240%;
  margin: -30px 15px 0;
  padding-bottom: 5px;
  text-align:left;
}
#gaiyou {
  font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
  margin: 0 15px 15px;
  text-align:left;
  font-size: 1.4rem;
}
#gaiyou strong {
  display: inline-block;
  font-size: 150%;
  line-height: 1.4;
  margin-bottom: 5px;
}
#mainContent {
  margin-bottom: 20px;
}
#mainContent img {
  display: block;
  margin: auto;
  width: 100%;
  height: auto;
}
.main01 {
  background-color: #f72d84;
}
#mainContent .main01 img {
  width: auto;
  max-width: 100%;
}
#mainContent > [class^="main"]:not(.main01) {
  padding-left: 2.5%;
  padding-right: 2.5%;
}
[class^="main"] h4 {
  margin-bottom: 40px;
}
#mainContent h4 img {
  width: auto;
}
.box {
  border: 3px solid #000;
  border-radius: 10px;
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  padding: 2px;
  background-color: #fff;
  box-sizing: border-box;
}
.box img {
  border-radius: 10px;
  overflow: hidden;
}
.main02 {
  background: linear-gradient(0deg, #fff 0%, #000 100%);
  padding: 120px 0 60px;
}
.main03 {
  background-color: #fff;
  padding: 60px 0 120px;
}
.main03 .box {
  position: relative;
}
.main03 .new {
  position: absolute;
  width: 15.3061%;
  right: 11.4286%;
  top: -6.9217%;
}
.main0405Wrap {
  background: linear-gradient(0deg, #fff 0%, #f0007f 100%);
  padding: 120px 0;
}
.main04 .box {
  position: relative;
}
.main04 .piero {
  position: absolute;
  width: 29.898%;
  right: -1.9388%;
  bottom: -14.652%;
}
.main05 {
  padding-top: 60px;
}
.main06 {
  background: linear-gradient(0deg, #fff 0%, #fff100 100%);
  padding: 120px 0;
}
.main07 {
  background: linear-gradient(0deg, #fff 0%, #68d3e1 100%);
  padding: 120px 0 60px;
}
.main08 {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 120px;
}