body {
   margin: 0;
   padding: 0;
}
  /* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 500px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.sp_br {
  display: none; 
}
@media screen and (max-width: 530px) {
  .sp_br {
    display: block; 
  }
}

/*メインビジュアル*/
.top h1 img{
    position: relative;
    width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
    text-align: center;
    margin:  0 auto;
    padding: 0 auto;
    align-items: center;
    max-width: 100%;
    justify-content: center;
    object-fit: cover;
    margin-top: -30px;
}
/*最初の挨拶*/
.t{
    position: relative;
    width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
    text-align: center;
    margin:  0 auto;
    padding: 0 auto;
    align-items: center;
    max-width: 100%;
    justify-content: center;
    object-fit: cover;
    margin-top: -30px;
}
.tbox{
    width: 1000px;
    text-align: center;
    padding: 30px;
    border-radius: 30px;
    position: relative;
        height: auto;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: 30px;
}
.tbox h1{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: 300;
    color: #6b492c;
    letter-spacing: 1px;
    font-size: 30px;
    padding-bottom: 10px;
}
.tbox h2{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 25px;
    padding-bottom: 10px;
    line-height: 45px;
}
@media (max-width: 680px){
.tbox{
    padding: 10px;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        margin-top: 30px;
}
.tbox h1{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: 300;
    color: #6b492c;
    letter-spacing: 0px;
    font-size: 20px;
    padding-bottom: 10px;
}
.tbox h2{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 30px;
}
}
/*本体*/
.main{
    position: relative;
    width: 100%;
  height: auto;
    text-align: center;
    margin:  0 auto;
    padding: 0 auto;
    align-items: center;
    max-width: 100%;
    justify-content: center;
    object-fit: cover;
    margin-top: -30px;
    background-image: linear-gradient(0deg,#ffffff,#fff6f2);
}
.mainbox{
   position: relative;
    width: 1000px;
    text-align: center;
    padding: 30px;
    height: auto;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.mainbox img{
    width: 1000px;
    margin-top: -20px;
    box-sizing: border-box;
    max-width: 100%;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
@media (max-width: 680px){
.main{
    position: relative;
    width: 100%;
  height: auto;
    text-align: center;
    margin:  0 auto;
    padding: 0 auto;
    align-items: center;
    max-width: 100%;
    justify-content: center;
    object-fit: cover;
    margin-top: -30px;
    background-image: linear-gradient(0deg,#ffffff,#fff6f2);
}
.mainbox{
   position: relative;
    width: 1000px;
    text-align: center;
    padding: 30px;
    height: auto;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: -20px;
}
.mainbox img{
    width: 1000px;
    margin-top: -30px;
    padding-bottom: -30px;
    margin-bottom: -20px;
    box-sizing: border-box;
    max-width: 100%;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
}


.yajirusi img{
    width: 100px;
    box-sizing: border-box;
    max-width: 100%;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}

.box1{
    width: 1000px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: -50px;
}
.box1 h1 img{
    width: 40px;
    margin-bottom: -30px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
.box1 h2{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 500;
    color: #6d1541;
    letter-spacing: 1px;
    font-size: 25px;
    padding-bottom: 10px;
}
.box1 h3 img{
    width: 500px;
    padding: 10px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}

.box2{
    width: 1000px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: 10px;
}
.box2 h1 img{
    width: 60px;
    margin-bottom: -30px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
.box2 h2{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 500;
    color: #6d1541;
    letter-spacing: 1px;
    font-size: 25px;
    padding-bottom: 10px;
}
.box2 h3{
    letter-spacing: 1px;
    font-size: 23px;
    padding-bottom: 10px;
    line-height: 40px;
    color: #634e3f;
    font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ ProN W4", sans-serif;
    font-weight: 400;
}

.box3{
    width: 1000px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: -10px;
}
.box3 h1 img{
    width: 60px;
    margin-bottom: -30px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
.box3 h2{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 500;
    color: #6d1541;
    letter-spacing: 1px;
    font-size: 25px;
    padding-bottom: 10px;
}
.box3 h3{
    letter-spacing: 1px;
    font-size: 23px;
    padding-bottom: 10px;
    line-height: 40px;
    color: #634e3f;
    font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ ProN W4", sans-serif;
    font-weight: 400;
}

@media (max-width: 680px){
    .mainbox2{
   position: relative;
    text-align: center;
    padding: 10px;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: -20px;
}
.yajirusi img{
    width: 50px;
    box-sizing: border-box;
    max-width: 100%;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}

.box1{
    width: 1000px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: -50px;
        padding-top: -20px;
}
.box1 h1 img{
    width: 20px;
    margin-top: -30px;
    padding-top: -30px;
    margin-bottom: 0px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
.box1 h2{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 500;
    color: #6d1541;
    letter-spacing: 1px;
    font-size: 17px;
    padding-bottom: 0px;
    margin-top: -30px;
}
.box1 h3 img{
    width: 500px;
    padding: 10px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: -20px;
    margin-bottom: -50px;
}

.box2{
    width: 1000px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: 10px;
}
.box2 h1 img{
    width: 30px;
    margin-bottom: -50px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: -40px;
}
.box2 h2{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 500;
    color: #6d1541;
    letter-spacing: 1px;
    font-size: 17px;
    padding-bottom: -30px;
    margin-top: -30px;
}
.box2 h3{
    letter-spacing: 1px;
    font-size: 15px;
    padding-bottom: 0px;
    margin-bottom: -20px;
    line-height: 30px;
    color: #634e3f;
    font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ ProN W4", sans-serif;
    font-weight: 400;
    text-align: justify;
}

.box3{
    width: 1000px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: -40px;
}
.box3 h1 img{
    width: 30px;
    margin-bottom: -20px;
    margin-top: -20px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
.box3 h2{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 500;
    color: #6d1541;
    letter-spacing: 1px;
    font-size: 17px;
    padding-bottom: 10px;
    margin-top: -30px;

}
.box3 h3{
    letter-spacing: 1px;
    font-size: 15px;
    padding-bottom: 0px;
    margin-bottom: -10px;
    line-height: 30px;
    color: #634e3f;
    font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ ProN W4", sans-serif;
    font-weight: 400;
    text-align: justify;
}


}
/*電話*/
.denwa{
    width: 900px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: -10px;
    border-top: 5px solid #9fb4f7;
    border-bottom: 5px solid #9fb4f7;
    background: #fffaee;
}
.denwa h1 img{
    width: 500px;
    margin-top: 10px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
.denwa p{
    margin-top: -30px;
    margin-bottom: -15px;
    font-size: 20px;
    color: #63687a;
}
.denwa h2{
    font-size: 37px;
    color: #506ecc;
    font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
}
.denwa h3{
    color: #c65900;
    font-size: 70px;
    font-weight: bolder;
    margin-top: -40px;
    margin-bottom: -40px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 900;
}
.denwa h4{
    font-size: 22px;
    font-weight: 300;
}
.denwa h5{
    color: #634e3f;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: 1px;
    margin-top: -10px;
    margin-bottom: 20px;
}
.denwa h5 span{
    color: #2056a5;
}
@media (max-width: 680px){
    .denwa{
        padding-left: 20px;
        padding-right: 20px;
        margin-top: -30px;
        margin-bottom: -20px;
        position: relative;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
}
.denwa p{
    margin-top: -30px;
    margin-bottom: -10px;
    font-size: 13px;
    color: #63687a;
}
.denwa h2{
    font-size: 20px;
    color: #506ecc;
    font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
}
.denwa h3{
    color: #c65900;
    font-size: 30px;
    font-weight: bolder;
    margin-top: -20px;
    margin-bottom: -20px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 900;
}
.denwa h4{
    font-size: 15px;
    font-weight: 300;
}
.denwa h5{
    color: #634e3f;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: -10px;
    margin-bottom: 10px;
}
.denwa h5 span{
    color: #2056a5;
}
}
/*フォーム*/
.fome{
    width: 900px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: 30px;
    border-top: 5px solid #edb072;
    border-bottom: 5px solid #edb072;
    background: #fffaee;
}
.fome h1 img{
    width: 500px;
    margin-top: 10px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
.custom-list1 span{
    color: #b55e00;
} 
.custom-list1 {
  list-style: none;
  padding-left: 0;
  text-align: left;
  color: #634e3f;
  font-size: 23px;
  font-weight: bold;
  width: 750px;        /* 2つの箱の幅を同じにする（一番長い文に合わせる） */
  margin: 10px auto;   /* 左右中央寄せ */
  max-width: 100%;
        box-sizing: border-box;
}

.custom-list1 li {
  position: relative;
  padding-left: 220px; /* 記号と文の間の距離（左右） */
  font-family: 'M PLUS Rounded 1c', sans-serif;
  
  /* --- ここで幅を調整します --- */
  line-height: 40px;     /* 行間（上下の幅）。1.5〜2.0くらいが読みやすい */
  margin-bottom: 15px;    /* 項目ごとの隙間。さらに広げたい場合に調整 */
}

.custom-list1 li::before {
  content: "・お問い合わせ詳細："; /* ここに好きな文字（★、※、✔など）を入れる */
  position: absolute;
  left: 0;
  color: #634e3f;   /* 記号の色 */
  font-weight: bold; /* 記号だけ太くすることも可能 */
}
.custom-list2 span{
    color: #b55e00;
} 
.custom-list2 {
  list-style: none;
  padding-left: 0;
  text-align: left;
  color: #634e3f;
  font-size: 23px;
  font-weight: bold;
  width: 750px;        /* 2つの箱の幅を同じにする（一番長い文に合わせる） */
  margin: 10px auto; 
  max-width: 100%;
        box-sizing: border-box;
}
.custom-list2 li {
  position: relative;
  padding-left: 220px; /* 記号と文の間の距離（左右） */
  font-family: 'M PLUS Rounded 1c', sans-serif;
  
  /* --- ここで幅を調整します --- */
  line-height: 40px;     /* 行間（上下の幅）。1.5〜2.0くらいが読みやすい */
  margin-bottom: 15px; 
}

.custom-list2 li::before {
  content: "・お問い合わせ項目："; /* ここに好きな文字（★、※、✔など）を入れる */
  position: absolute;
  left: 0;
  color: #634e3f;/* 記号の色 */
  font-weight: bold; /* 記号だけ太くすることも可能 */
}

@media (max-width: 680px){
    .fome{
    width: 900px;
    text-align: center;
    padding: 10px;
    position: relative;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: 30px;
    border-top: 5px solid #edb072;
    border-bottom: 5px solid #edb072;
    background: #fffaee;
}
.custom-list1 span{
    color: #b55e00;
} 
.custom-list1 {
  list-style: none;
  padding-left: 0;
  text-align: left;
  color: #634e3f;
  font-size: 16px;
  font-weight: bold;
  width: 750px;        /* 2つの箱の幅を同じにする（一番長い文に合わせる） */
  margin: 10px auto;   /* 左右中央寄せ */
  max-width: 100%;
        box-sizing: border-box;
}

.custom-list1 li {
  position: relative;
  padding-left: 220px; /* 記号と文の間の距離（左右） */
  font-family: 'M PLUS Rounded 1c', sans-serif;
  
  /* --- ここで幅を調整します --- */
  line-height: 40px;     /* 行間（上下の幅）。1.5〜2.0くらいが読みやすい */
  margin-bottom: 15px;    /* 項目ごとの隙間。さらに広げたい場合に調整 */
}

.custom-list1 li::before {
  content: "・お問い合わせ詳細："; /* ここに好きな文字（★、※、✔など）を入れる */
  position: absolute;
  left: 0;
  color: #634e3f;   /* 記号の色 */
  font-weight: bold; /* 記号だけ太くすることも可能 */
}
.custom-list2 span{
    color: #b55e00;
} 
.custom-list2 {
  list-style: none;
  padding-left: 0;
  text-align: left;
  color: #634e3f;
  font-size: 23px;
  font-weight: bold;
  width: 750px;        /* 2つの箱の幅を同じにする（一番長い文に合わせる） */
  margin: 10px auto; 
  max-width: 100%;
        box-sizing: border-box;
}
.custom-list2 li {
  position: relative;
  padding-left: 220px; /* 記号と文の間の距離（左右） */
  font-family: 'M PLUS Rounded 1c', sans-serif;
  
  /* --- ここで幅を調整します --- */
  line-height: 40px;     /* 行間（上下の幅）。1.5〜2.0くらいが読みやすい */
  margin-bottom: 15px; 
}

.custom-list2 li::before {
  content: "・お問い合わせ項目："; /* ここに好きな文字（★、※、✔など）を入れる */
  position: absolute;
  left: 0;
  color: #634e3f;/* 記号の色 */
  font-weight: bold; /* 記号だけ太くすることも可能 */
}
}

.fomese span{
    color: #b55e00;
} 
.fomese h1{
  list-style: none;
  padding-left: 0;
  text-align: justify;
  color: #634e3f;
  font-size: 18px;
  font-weight: bold;
  width: 750px;        /* 2つの箱の幅を同じにする（一番長い文に合わせる） */
  margin: 10px auto;   /* 左右中央寄せ */
  max-width: 100%;
box-sizing: border-box;
font-family: 'M PLUS Rounded 1c', sans-serif;
line-height: 30px;     /* 行間（上下の幅）。1.5〜2.0くらいが読みやすい */
  margin-bottom: 15px; 
  margin-top: -10px;
}
.fomese h2{
  list-style: none;
  padding-left: 0;
  text-align: justify;
  color: #634e3f;
  font-size: 18px;
  font-weight: bold;
  width: 750px;        /* 2つの箱の幅を同じにする（一番長い文に合わせる） */
  margin: 10px auto;   /* 左右中央寄せ */
  max-width: 100%;
box-sizing: border-box;
font-family: 'M PLUS Rounded 1c', sans-serif;
line-height: 30px;     /* 行間（上下の幅）。1.5〜2.0くらいが読みやすい */
  margin-bottom: 15px; 
  margin-top: 20px;
}

/*締め*/
.lastbox{
   position: relative;
    width: 1000px;
    text-align: center;
    padding: 30px;
    height: auto;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.lastbox h1 img{
    width: 500px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
.lastbox h2{
    letter-spacing: 2px;
    font-size: 27px;
    padding-bottom: 10px;
    line-height: 50px;
    color: #142670;
    font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ ProN W4", sans-serif;
    font-weight: 400;
    margin-top: -20px;
}
.lastbox h3 img{
    width: 350px;
    margin-top: 15px;
    margin-bottom: -30px;
    text-align: justify;
    position: relative;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
@media (max-width: 680px) {
  .lastbox {
    display: flex !important;
    flex-direction: column !important; 
    align-items: center !important;
    padding: 20px !important;
    width: 100% !important;
  }

  /* --- 1. 文章（.text）を一番上にする --- */
  .lastbox .text {
    order: 1 !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .lastbox h2 {
    font-size: 20px !important;
    line-height: 1.5 !important;
    margin-top: 10px !important; /* PCのマイナスマージンを消す */
    padding-bottom: 0 !important;
    margin-bottom: -10px;
  }

  /* --- 2. イラスト（.image）を真ん中にする --- */
  .lastbox .image {
    order: 2 !important;
    width: 100% !important;
    margin-bottom: 30px !important;
  }
  .lastbox h1 { margin: 0 !important; }
  .lastbox h1 img {
    width: 80% !important; 
    max-width: 300px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* --- 3. ボタン（h3）を一番下にする --- */
  .lastbox h3 {
    order: 3 !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .lastbox h3 img {
    width: 300px !important; 
    max-width: 90% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    margin-bottom: 0 !important; /* PCのマイナスマージンを消す */
  }
}