@charset "UTF-8";
/* CSS Document */
/* レスポンシブ共通設定*/
body
{
  font-family: "M PLUS 1p",
  "Helvetica Neue",
  Arial,
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  Meiryo,
  sans-serif;
  font-size: 62.5%;
  width: 100%;
  color:#231815;
}
.gentle-flex
{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}
.center
{
    text-align: center;
}
#main article
{
    margin-top: 4em;
    text-align: center;
}
#main article p
{
    letter-spacing: 0.1em;
    line-height: 1.5;
}
#main article dl
{
    margin: 1em 0;
}
#main article dt
{
    font-weight: normal;
    text-align: center;
}
#main article dd
{
    margin: 1em 0;
}
#main article img
{
    display: block;
    margin: 0 auto;
    width:100%;
}
#main #campaign img
{
    display: block;
    margin: 0 auto;
    width:100%;
    max-width: 800px;
}
#main .photo img
{
    display: block;
    margin: 0 auto;
    width:100%;
    max-width: 800px;
}
/*タイトルタグ設定 Start */
h1,
h2
{
    font-size: 1.4em;
    padding: 0.5em 0;
}
h2
{
	border-radius: 10px;
  background: linear-gradient(45deg, #00a5ff 0%, #00a5ff 50%, #ee4198 50%, #ee4198 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  font-weight: 200;
  margin:0 auto 0.6em auto;
  width: 80%;
}
#campaign h2,
#introduction h2,
#story h2,
#cta h2
{
}
#comment h2
{
  color:#fff;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}
h3
{
  font-size: 2em;
  padding-bottom: 0.5em;
}
/*タイトルタグ設定 End */

#contents
{
  font-size: 1.6em;
}
#section p
{
    margin-top: 2em;
}
#comment div
{
    margin:0 auto;
}
#essentials .agreement
{
border-top: 1px solid;
border-bottom: 1px solid;
  font-size: 1.4em;
  margin-bottom: 1em;
  padding:0.4em 0;
}
#essentials
{
    font-size: 0.8em;
    margin-bottom: 4em;
}
#cta
{
    margin-bottom: 3em;
}
/*画像のトリミング設定 Start*/
.image-trim
{
  position: relative;
  overflow: hidden;
}
.image-trim img
{
  width: 100%;
}
.image-trim_none-object-fit
{
}
.image-trim_none-object-fit img
{
  width: 100%;
}
/*画像のトリミング設定 End*/
/*モバイル用（0px 〜 834px） Start*/
@media (max-width: 834px)
{
    .hidden-sp
    {
        display: none;
    }
    h2
    {
        font-size: 1.6em;
    }
    #contents
    {
            font-size: 1.6em;
    }
}
/*モバイル用（0px 〜 834px） End*/
/*PC用（835px 〜） Start*/
@media (min-width: 835px)
{
    .hidden-pc
    {
        display: none;
    }
    #introduction section,
    #story section,
    #essentials section
    {
        margin:0 auto;
        width: 66%;
    }
}
/*PC用（835px 〜） End*/