body { margin: 0; padding: 0;color:#654938; font-size:16px;font-family: "M PLUS Rounded 1c", sans-serif;
 }
.sp_header{
width:100%;
}
img{
width:100%;
}
.head_text{
margin:auto;
text-align:center;
}
.header_logo{
width:100%;
margin:auto;
text-align:center;
}
.logo{
width:150px;
margin-top:3%;
}
.pc_header{
display: none;
}
.contents02-1{
margin:auto;
text-align:center;
margin-top:15px;
}
.contents02-1 img{
width:96%;
padding:2% 2% 3% 2%;
}
.contents03{
margin-top:15px;
}
.title01 {
  background: url("../images/title01.jpg") no-repeat left center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent:-9999px;
  background-size: 100% auto;
}
.title02 {
  background: url("../images/title02.jpg") no-repeat left center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent:-9999px;
  background-size: 100% auto;
}
.title03 {
  background: url("../images/title03.png") no-repeat left center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent:-9999px;
  background-size: 100% auto;
}
.title04 {
  background: url("../images/title04.jpg") no-repeat left center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent:-9999px;
  background-size: 100% auto;
}
.title05 {
  background: url("../images/title05.jpg") no-repeat left center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent:-9999px;
  background-size: 100% auto;
}
.title06 {
  background: url("../images/title06.jpg") no-repeat left center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent:-9999px;
  background-size: 100% auto;
}

.seo_text{
text-align:center;
}

ul {
list-style: none;
margin:auto;
margin-top:15px;
}

ul li {
margin:auto;
 width:47%;
  float: left;
  margin-left: 0.2em;
  margin-right: 0.2em;
}
.contents_text{
padding-left:1em;
padding-right:1em;
}
.pricelist{
 margin-top:15px;
}
.flow{
 margin-top:15px;
}
.contents05{
margin:auto;
text-align:center;
}
.btn{
margin-top:3%;
width:75%;
}
.contents06{
margin:auto;
text-align:center;
}

.accordion-003 {
    max-width: 700px;
    margin:auto;
    margin-bottom: 7px;
    border-bottom: 2px solid #d0d0d0;
text-align:left;
}

.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}


#footer{
width:100%;
background-color:#ebe2d4;
}
.footer_text01{
padding-top:2%;
font-weight:bold;
font-size:20px;
text-align:center;
}
.footer_text02{
padding-bottom:3%;
}

#footer02{
width:100%;
height:85px;
background-color:#4a5f5a;
margin-top:-3%;
}

.bottom_menu{
width:100%;
margin:auto;
text-align:center;
}
   .bottom_menu li {
            list-style: none;
          line-height:0;
        }

       .bottom_menu  ul {
            display: flex;
           justify-content: space-evenly;
              padding-inline-start: 0px;
        }

        .bottom_menu a {
            color: #fff;
        }

        .bottom_menu {
            position: fixed;
            width: 100%;
            bottom: 0;
            left: 0;
            z-index: 1000;
            display: block;
            background-color: var(--color_main);
            font-size: 16px;
            padding: 1rem 0;
            transition: transform 0.3s ease-in-out;
            background-color: #cacaca;
            color: #fff;
            /* スムーズなアニメーション */
        }

        .bottom_menu.hide {
            transform: translateY(100%);
            /* メニューを下に隠す */
        }

.fixed_banner_sp{display:none;}

@media screen and (min-width: 900px) {
#contents{width:900px;margin:auto;}
ul li {width:30%;}
.contents05{margin:auto;text-align:center;}
.pricelist{width:700px;margin-left:100px;}
.flow{width:700px;}
.sp_header{display:none;}
.pc_header{display:inline;}
.accordion-003 {width:700px;}
.footer_text02{width:700px;margin:auto;padding-bottom;0;}
#footer02{margin-top:0;}
.bottom_menu{display:none;}
#footer02{height:10px;}
.fixed_banner_sp {
display: inline-block; /* 消していたスマホ用のバナーを表示させます */
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
bottom: 60px; /* 上から150pxのところにバナーを配置します */
right: 80px; /* 右から40pxのところにバナーを配置します */
width:200px;
}
.title01 { height: 100px;background-size: 100% auto; /* 横長にフィット */}
.title02 { height: 100px;background-size: 100% auto; /* 横長にフィット */}
.title03 { height: 100px;background-size: 100% auto; /* 横長にフィット */}
.title04 { height: 100px;background-size: 100% auto; /* 横長にフィット */}
.title05 { height: 100px;background-size: 100% auto; /* 横長にフィット */}
.title06 { height: 100px;background-size: 100% auto; /* 横長にフィット */}
.sponly {  display: none;}

}