@charset "utf-8";

#mainimage a img{
width:100%;
}
#mainimage a img.pc{
display:none;
}
@media screen and (min-width: 635px) {
                                #mainimage a img.sp{
                                display:none;
                                }
                                #mainimage a img.pc{
                                display:block;
                                width:100%;
                                Max-width:1200px;
                                }
}

#target,
#info,
#zoom,
#price,
#naiyou,
#kousi,
#voice,
#experience,
#gallery,
#mousikomi,
#qa{
Margin:0 10px 15px 10px;
}
#target h2,
#info h2,
#zoom h2,
#price h2,
#naiyou h2,
#kousi h2,
#voice h2,
#experience h2,
#gallery h2,
#mousikomi h2,
#qa h2{
Margin-left:-10px;
Margin-right:-10px;
}
@media screen and (min-width: 1200px) {
                                #target,
                                #info,
                                #zoom,
                                #price,
                                #naiyou,
                                #kousi,
                                #voice,
                                #experience,
                                #mousikomi,
                                #qa{
                                Margin:0 0px 15px 10px;
                                }
}

#mousikomi{
border:1px solid #ccc;
padding:15px 15px;
Margin:0 10px 15px 10px;
}
@media screen and (min-width: 635px) {
                                #mousikomi{
                                Margin:0 10px 15px 10px;
                                }
}
@media screen and (min-width: 1200px) {
                                #mousikomi{
                                Margin:0 0px 15px 0px;
                                }
}

.navtype02{
margin-bottom:20px;
}


.headtype_top{
Font-size:22px;
Text-align:center;
font-weight:bold;
Line-height:1.4;
Margin-bottom:7px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px 0;
}
@media screen and (min-width: 800px) {
                                .headtype_top{
                                Font-size:20px;
                                Text-align:left;
                                font-weight:bold;
                                Background:#666;
                                Padding:5px 15px;
                                margin-bottom:10px;
                                Color:white;
                                }
}



.button a{
Display:inline-block;
Padding:13px 20px;
Background:#ff0000;
Color:white;
Font-weight:bold;
border-radius:6px;
Font-size:18px;
line-height:1.3;
}

.workbox{
margin-bottom:15px;
}
.workbox img{
margin-bottom:10px;
}
.workbox img.tate{
Width:65%;
Max-width:350px;
}
.workbox img.totemotate{
Width:55%;
Max-width:300px;
}
.workbox img.yoko{
Width:90%;
Max-width:470px;
}
.workbox img.totemoyoko{
Width:100%;
Max-width:530px;
}
.workbox img.sikaku{
Width:75%;
Max-width:380px;
}

.imagebox{
margin-bottom:10px;
text-align:center;
}
.imagebox img{
margin-bottom:10px;
}
.imagebox img.tate{
Width:65%;
Max-width:350px;
}
.imagebox img.totemotate{
Width:55%;
Max-width:250px;
}
.imagebox img.yoko{
Width:70%;
Max-width:350px;
}
.imagebox img.totemoyoko{
Width:100%;
Max-width:530px;
}
.imagebox img.sikaku{
Width:75%;
Max-width:380px;
}
@media screen and (min-width: 600px) {
                                .imagebox{
                                text-align:left;
                                }
}

/* Q＆A */
.faq {
Margin-bottom:8px;
}
.faq-question {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 7px 15px;
  background: #f5f5f5;
  border: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 3px;
  transition: background 0.3s ease-in-out;
  position: relative;
  font-size: 1.2em;
}

.faq-question::before {
  content: "+"; /* 初期状態では + を表示 */
  font-size: 1.2em;
  margin-right: 10px;
  transition: transform 0.3s ease-in-out;
}

.faq-question.open::before {
  content: "−"; /* 開いたら - に変更 */
}

/* 回答部分 */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
Margin-bottom:10px;
}

.faq-answer.open {
  max-height: 5000px; /* 大きめに設定（長い質問にも対応） */
  opacity: 1;
  padding: 10px 0px;
}