@charset"utf-8";

/* body */
body {
  background-image: url(../images/contact_bg.jpg);
  background-size: cover;

}

wrapper {
  width: 1300px;
  background-color: #c0c0c000;
  margin: 0 auto;

}


header {
  background-image: url(../images/header_001.jpg);
  background-size: cover;
  background-position: 3px, 83px;

  width: 1300px;
  height: 205px;
  padding: auto;
  display: flex;
  justify-content: space-between;
}

/* box001 */
.box001 {
  width: 165px;
  line-height: normal;
  padding: 15px;

}

.box001 img {
  border-radius: 5px;
  border: 5px solid silver;
}

h1.logotext {
  text-indent: 1rem;
}

.logotext {
  color: silver;
  font-size: 1.0rem;
  font-style: italic;
  font-weight: bold;
  text-indent: 0.5rem;
  margin: 0 auto;
  padding-top: 0.5rem;
}


/* -------headbox001------- */


.headbox001 {
  width: 165px;

}

.box101 img {
  border-radius: 5px;
  border: 5px solid rgb(182, 179, 179);
}


h1.logotext {
  text-indent: 1rem;
}


.logotext {
  color: rgb(240, 237, 237);
  font-size: 1.0rem;
  font-style: italic;
  font-weight: bold;
  text-indent: 0.5rem;
  margin: 0 auto;
  padding-top: 0.5rem;

}

.logoimg{
  border:3px #1e02bf;
  border-radius: 8px;
}



/* box002 */
.headbox002_01 {
  width: 400px;
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 1.3rem;
  font-weight: 500;
  color: #de0000;
  font-style: italic;
  line-height: 2rem;
  text-shadow: 2px 2px 2px #080000;
  
}


.headbox002_01 span.pp1{
text-decoration: underline;
}

h2 {
  background-color: rgba(0, 0, 0, 0.555);
  text-indent: 1rem;
  text-align: center;
  border: blue solid 1px;
  border-radius: 5px;
  text-shadow: 6px 6px 3px #0b0b0b;
  margin-top: 3rem;
}
/* 
img {
  border: 2px solid silver;
  border-radius: 30px;
} */

.box002text {

  color: #ff0000;
  font-size: 105%;
  font-weight: bold;

}

.box002.span {
  font-size: 110%;

}

/* box003 */

.nav {
  height: 60px;
  margin-bottom: 0;
  border: 2px solid silver;
  border-radius: 3px;
  margin-top: 10px;
  /* box-shadow: 2px,2px,2px,2px,silver; */
}

.box003 {
  width: 600px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 0px;
}

article.humanp {
  display: flex;
  height: 120px;
  opacity: 0.7;
  padding-right: 7px;

}


/* navigation */


nav.grnav {
  border-top: 2px solid rgb(0, 0, 255);
  border-bottom: 2px solid rgb(0, 0, 255);
}

nav.grnav ul {
  display: flex;
}

nav.grnav ul li {
  line-height: 2.5rem;
  background-color: rgb(255, 255, 255);
  width: 120px;
  height: 55px;
  border-right: 1px solid #0b0b0b;
  text-align: center;
}

nav.grnav ul li:last-child {
  border-right: 0px;
}

nav.grnav ul li a {
  font-size: 0.6rem;
  line-height: 1.5rem;
  text-align: center;
  margin-top: 0;
  display: block;
  color: rgb(238, 17, 17);
  transition-duration: 150ms;
}

span.navspn {
  font-size: 1.1rem;
  color: rgb(81, 13, 240);
  font-weight: bold;
}

nav.grnav ul li a:hover {
  background-color: rgb(190, 255, 10, 0.5);

}



/* ふっだー */

footer {

  width: 1300px;
  height: 400px;
  border: 5px solid silver;
  border-radius: 50px;
  background: linear-gradient(45deg, rgba(1, 4, 94, 0.694),
      silver)
}

plsceholder{
  color: #f60a0aa9;
}

.footwrapper {
  display: flex;
}

address {
  margin: 20px;
  font: size 1rem;
  color: silver;
  font-weight: 600;
  line-height: 1.6rem;
}

address h2 {
  color: #ff0404;
}

/* フッターコンタクト */

.footercontact {
  padding-top: 160px;
  font-size: 0.9em;
  line-height: 1.6rem;
}

.footercontact a {
  text-decoration: underline;
  transition-duration: 1s;
}

.footercontact a:hover {
  text-decoration: dashed;
  color: silver;

}

.footercontact button {
  width: auto;
  margin-top: 2rem;
  border: 1px solid red;
  border: 20px;
}

.footercontact h5 {
  margin-bottom: 1.3rem;
}

.footercontact a {
  margin-bottom: 2rem;
}


/* なび */

.footernav ul li {
  display: inline-block;
  margin-right: 5px;
  font-size: 1rem;
  margin-top: 2rem;
}

.footernav ul li a {
  line-height: 36px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  margin-right: 20px;
  transition-duration: 0.8s;
}

.footernav ul li a:hover {
  color: silver;
  text-decoration: underline;
}

.footerimg {
  margin-top: 0;
  /* margin-left: 200px; */
}

.footergall {
  width: 280px;
  height: 280px;
  display: block;
  transition-duration: 2s;
  margin-left: 200px;
  border: 1p solid silver;
  border-radius: 20px;
  margin-top: 5px;
}

.footergall:hover {
  background-color: rgb(255, 217, 0);
}

/* ちょさくけん */

.footwrapper small {
  margin: 0 auto;
  -size: 1.1rem;
  font-style: italic;
}

.small {
  padding: 5px;
  /* text-align: center; */
  line-height: 2rem;
  margin: 20px;
}









/* --------
フォームメイン
-------- */

form {
  border: 1px #000;

}

.formmaster {
  width: 900px;
  height: auto;
  background-color: #ffffffb2;
  color: #ffffff;
  margin: 50px auto;
  text-align: center;
  line-height: 2rem;
  padding: 30px;
  text-align: center;
 
}

.formmaster h4 {
  width: 780px;
  font-size: 1.5rem;
  color: #000;
  text-align: left;
  text-indent: 3rem;
  line-height: 2rem;
}

formbase{

 display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-evenly;


}

.address{
 display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-evenly;



}


.form111{

 display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-evenly;



}



.q001{
width: 380px;

}



/* フォーム詳細 */
.form001 {
  color: #000;
  margin: 50px 100px;
  text-align: center;
  padding: 10px;
  border: 5px rgb(0, 0, 171);
  border-radius: 0 20px;
  width: 800px;
  height: 450px;
  margin: 20px auto;
  background-color: #fff;

border: 1px solid black;

}

.form002 {
  width: 840px;
  height: 1800px;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}

.form011 {
  width: 400px;
  height: 100px;

}

textarea {
  border: 1px solid #660202;
}

h6 {
  background-color: rgb(36, 0, 146);
  color: #f9f7f7;
  width: 400px;
  height: 64px;
  line-height: 2rem;
  margin: 0 auto;
  vertical-align: middle;
  border: 1px rgb(0, 0, 171);
  border-radius: 0 20px;
}

.q001 {
  text-align: left;
}


.q002 {
  text-align:center;
  width: 390px;
  text-align: left;
}



.q003 {
  text-align: left;
  width: 780px;
}




.address h5 {
  text-align: left;
}

.form002 textarea {
  width: 400px;
  height: 200px;
}



.send{
  display: flex;
  color: #660202;
}

.submition{
  width: 100px;
  height: 20px;
border:2px  solid rgb(54, 4, 120)b0b;
}

.reset{
  width: 100px;
  height: 20px;
border:2px solid  rgb(54, 4, 120)b0b;
}