@charset "UTF-8";
/* CSS Document */
*,*::before,*::after{box-sizing:border-box;margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
ul[role='list'],ol[role='list']{list-style:none}
body{min-height:100vh;line-height:1.8}
h1,h2,h3,h4,button,input,label{line-height: 1.4;}
h1,h2,h3,h4{text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
img,picture{max-width:100%;display:block}
input,button,textarea,select{font:inherit}
textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
a,button{text-decoration: none;color: inherit;}
table{border-collapse: collapse;border-spacing: 0;}
/*
font-family: 
*/

/*共通*/
html {
font-size: 62.5%;
}
body{
font-size: 1.6rem;
font-family: "BIZ UDPGothic", sans-serif;
font-weight: 400;
font-style: normal;
position: relative;
}
a,button{
display: block;
transition: 0.5s;
}
a:hover,button:hover {
opacity: 0.6;
}
p{
line-height: 1.8;
}
ul,li{
list-style: none;
}
.contents{
max-width: 1100px;
margin: 0 auto;
}
.contents870{
max-width: 900px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.contents600{
max-width: 630px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}

@media screen and (max-width: 768px) {
body{font-size: 1.4rem;}
}

#main{
position: relative;
background: url("/img/main_back.jpg") no-repeat top center / cover;
overflow: hidden;
}
#main img.nami-top{
position: absolute;
top:0;
left: 50%;
transform: translateX(-50%);
width: 100%;
min-width: 1100px;
}
#main img.main-i {
  display: block;
  width: 100%;
  margin: 5rem auto 0;
  position: relative;
  z-index: 2;
}
#main img.main-i:nth-of-type(2) {
  margin: -6rem auto 10rem;
  position: relative;
  z-index: 1;
}
#main img.nami-bottom{
position: absolute;
bottom:0;
left: 50%;
transform: translateX(-50%);
width: 100%;
min-width: 1100px;
}

@media screen and (max-width: 1100px) {
#main img.nami-top{
min-width: auto;
}
#main img.main-i {
margin: 1rem auto 0;
}
#main img.main-i:nth-of-type(2) {
margin: -6rem auto 7rem;
}
#main img.nami-bottom{
min-width: auto;
}
}
@media screen and (max-width: 768px) {
#main img.main-i {
  margin: 1rem auto 0;
}
#main img.main-i:nth-of-type(2) {
margin: -6rem auto 4rem;
}
}


#message{
  margin: 5rem 0;
}
#message .box{
  text-align: center;
}
#message a{
  display: inline-block;
  background: #2C9CE0;
  margin: 0 auto;
  border-radius: 3rem;
  padding: 1rem 3rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
}



/*現状なし*/
#form{
  margin-top: 10rem;
  padding-top: 5rem;
  border-top: 2px dotted #ccc;
}
#form h4{
  letter-spacing: 0.1rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
 #form{
  margin-top: 5rem;
}
}
  




  
footer{
background: #413a37;
color: #fff;
text-align: center;
  padding-top: 2rem;
}
#pre .info{
text-align: center;
padding-bottom: 30px;
}
#pre .info a{
display: inline;
vertical-align: middle;
}
#pre .info img{
display: inline;
vertical-align: baseline;
max-width: 200px;
}

.copiright{
padding: 10px 15px;
color: #fff;
text-align: center;
}


.sp-show{display: none;}
@media (max-width: 768px) {
.sp-show{display: inline;}
.pc-show{display: none;}
}