@charset "utf-8";

*, *:before, *:after {
box-sizing: border-box
}
html{
scroll-behavior: smooth;
}
body {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
color: #000000;
text-align: center;
background-color: #ffffff;
margin: 0;
line-height: 1.9;
font-size: 15px;
position: relative;
}
.pc {
display: block;
}
.sp {
display: none;
}
a{
color:#000;
}
img {
display:block;
margin:0 auto;
vertical-align:bottom;
}

#index header{
height:565px;
background: #fff url('../img/mv.jpg') no-repeat top center;
background-size:cover;
}
#index header h1{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin:0;
}
#form header{
padding:20px;
border-bottom:1px solid #000;
}
#form header img{
width:272px;
}
#index main{
/*width:900px;*/
margin:0 auto;
}
#c1{
height:568px;
background: #fff url('../img/bg_c1.jpg') no-repeat top center;
background-size:cover;
padding:35px 0;
}
#c1 img.img1{
width:667px;
margin-top:50px;
margin-bottom:50px;
}
#c1 img.img2{
width:391px;
}
#c2{
background:#faf8f2;
padding:60px 0;
}
#c2 img{
width:725px;
}
#c3{
padding:60px 0;
}
#c3 img{
width:900px;
}
#c4{
background:#faf8f2;
padding:40px 0;
}
#c4 img{
width:900px;
}
#c5{
padding:50px 0;
}
#c5 img{
width:900px;
}
#c6{
background:#faf8f2;
padding:50px 0;
}
#c6 img{
width:900px;
}
#c7{
background:#faf8f2;
padding:5px 0 40px;
}
#c7 h2{
font-size:36px;
letter-spacing:0.1em;
}
#c7 form > div{
width:700px;
margin:0 auto 20px;
background:#fff;
border:2px solid #000;
padding:0 30px;
}
#c7 dl{
display: flex;
flex-flow: row wrap;
width: 100%;
text-align:left;
}
#c7 dt {
flex-basis: 27%;
padding: 20px 0;
border-bottom: 1px solid #666;
}

#c7 dd {
flex-basis: 73%;
padding: 20px 0;
background-color: #fff;
border-bottom: 1px solid #666;
margin:0;
}
#c7 dd input[type="text"],
#c7 dd textarea{
width:100%;
border:none;
background:#e0e0e0;
padding:10px;
}
#c7 dd textarea{
height:10em;
}
#c7 > form > div > div{
padding:20px 0;
}
#c7 > form > div > div:nth-child(2){
border-bottom: 1px solid #666;
}
#c7 label{
font-size:18px;
}
#c8{
padding:100px 0 40px;
}
#c8 img{
width:270px;
margin-top:80px;
}
#c7 span{
display:inline-block;
margin-left:6px;
color:#db1c24;
font-size:10px;
}





#floating{
position:fixed;
right:0;
top: calc(50% - 100px);
background:#f18e1d;
border-radius:10px 0 0 10px;
}
#floating a{
display:block;
writing-mode: vertical-rl;
text-decoration:none;
color:#fff;
padding:12px 8px;
font-size:20px;
font-weight:500;
letter-spacing:0.1em;
}

button{
display:inline-block;
padding:15px 0;
margin:10px;
width:200px;
background:#000;
color:#fff;
border:none;
border-radius:10px;
font-size:20px;
}
button.back{
background:#999
}

footer{
background:#000;
}
footer small {
color:#ffffff;
}



@media screen and (max-width:428px){

body {
font-size:13px;
}
.pc {
display: none;
}
.sp {
display: block;
}
header{
width:100%;
}
img {
width:100% !important;
}
#index main{
width:auto;
}
main > div{
padding:0 !important;
}
main > div#c7{
padding:10px 20px !important;
}

#index header{
/*height:526px;*/
background: #ffffff url('../img/mv_sp.jpg') no-repeat top center;
background-size:cover;
}
#index header h1{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}


#form header{
margin-bottom:30px !important;
}
#form header img{
width:150px !important;
}
#c1 {
height:auto;
margin-bottom:50px;
}
#c1 img.img1{
margin:0;
}

#c7 h2{
font-size:18px;
}
#c7 form > div{
width:auto;
padding:0 10px;
background:transparent;
border:none;
}
#c7 > form > div > div:nth-child(2) {
margin:0;
padding:0;
border:none;
}

#c7 dl{
flex-flow: column;
}
#c7 dt{
border:none;
padding:0;
}
#c7 dd{
padding:0 0 20px;
margin-bottom:0px;
background:transparent;
border:none;
}
#c7 dd input[type="text"],
#c7 dd textarea{
border:2px solid #000;
background:#fff;
}
#c7 label{
font-size:15px;
}
#c8 {
padding:20px 0 10px !important;
}
#c8 img{
width:150px !important;
margin-top:20px;
}
#floating{
position:fixed;
top:auto;
right:auto;
bottom:0;
background:#f18e1d;
border-radius:0;
width:100%;
}
#floating a{
display:block;
writing-mode: horizontal-tb;
text-decoration:none;
color:#fff;
padding:8px;
font-size:18px;
font-weight:500;
letter-spacing:0.1em;
text-align:center;
}
footer{
margin-bottom:50px;
}


button{
width:90%;
padding:15px 0;
font-size:18px;
}

}