/* サイト全体のフォント指定 */
body {
font-family: "メイリオ" ;
}

body{
  color:#555555;
  font-size: 13px;
  line-height: 2.0em;
  margin:0px;
  padding: 0px;

}

.AAA  {
  display: flex;
  justify-content: space-between;
  height: 80px;
  margin:0 10%;
}

.AAA >a{
text-decoration: none;
font-size: 20px;
padding: 10px;
}


.btn-gradation {
  position: relative;
  /* display: inline-block; */
  /* font-weight: bold; */
  margin-left: 10px;
  margin-right: 10px;
  padding:10px 30px;
  text-decoration: none;
  color: #fff;
  /* background: #00bcd4; */
  border-left: solid 6px #277453;/*左線*/
  transition: .4s;
}

.btn-gradation:hover {
  background: #277453;
}

.container {
  font-size: 14px;
  padding: 10px;
}

header{
    padding:  10px 20px 10px 20px ;
    position:fixed;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 70px;
    top: 0; /* 一番上に表示 */
    text-align: right;
    color: #fff;
    line-height:50px;
}

.TOP1{
  margin-top: 0px;
  background-image:url(../images/2.png);
  background-repeat: no-repeat;
  background-size:cover;
  height: 800px;
　text-align: center;
　color: #fff;
}


  .border{
      border-bottom: 6px solid;
      border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
      border-image-slice: 1;
  }

.fontA{
  color: #000;     /* 文字色指定 */
  font-size: 20px;
  font-weight: bold;
}

.fontB{
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
}

.fontC{
  font-size: 15px;
  font-weight: bold;
}

.fontD{
  font-weight: bold;
    font-size: 20px;
  /* background: linear-gradient(transparent 80%, #277453 0%); */
}

.sectionA{
  color: #333333;
  color: #000;
  min-height: px;
  margin-top: 70px;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: : 50px;
}

.sectionB{
  min-height: 350px;
  margin-top: 70px;
  /* margin-left: 10%;
  margin-right: 20%; */
  margin-bottom: : 50px;
  background-color: ;
}

.sectionA h1{
  margin-top: 70px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 80px;
  font-size: 45px;
  text-align:center;
  color: #333333;
}


h2 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

h2:before, h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 10px;
}

.flex{
    display: flex;
    justify-content: space-between;
    margin-left: 55px;
}

.flex > p{
    width: 50%;
}


.contents{
  margin-top: 100px;
  margin-left: 20px;
  margin-right: 20px;
  /* text-align:center; */
}

.contents1{
  margin: auto;
  text-align:center;
  margin-bottom: 30px;
}


.contents2{
  margin-left: 30px;
  margin-right: 30px;
  text-align:left;
}

.contents3{
  padding-left: 30px;
  padding-right: 50px;
  text-align:left;
}

.Flow{
  margin: auto;
  text-align: center;
}

.midasi{
  margin-left: 30px;
  margin-right: 30px;
  line-height:45px;
  font-size: 17px;
  color: #333333;
  font-weight: bold;
}

.mongon1{
  margin: auto;
  margin-left: 30px;
  text-align:left;
  line-height: 2;
  color: #333333;
  font-size: 14px;
  /* font-weight: bold; */
}

.mongon2{
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align:center;
  line-height: 2;
  color: #333333;
  font-size: 14px;
  /* font-weight: bold; */
}


.heading07 {
	position: relative;
	padding-top: 100px;
	padding-left: 50px;
	font-size: 25px;
}

.heading07 span {
	position: relative;
	z-index: 5;
}

.heading07::before {
	content: attr(data-en);
	position: absolute;
	transform: rotate(-6deg);
	top: -0px;
	color: rgba(224,66,114,0.6);
  color: rgba(39,116,83,0.6);
	font-size: 70px;
	font-weight: 800;
	font-family: luxus-brut, cursive;
	font-style: italic;
}


.subtitle{
  margin-top: 80px;
  text-align: center;
  line-height: 2;
  font-size: 15px;
  /* font-weight: bold; */
}


img.hannbai {
margin: 20px;
float: left;
margin: 0 30px 30px 50px;
}

.my-parts {
  margin-left: 30px;
	text-align: center;
}

.my-parts::after {
	display: block;
	clear: both;
}

.my-parts   h3{
  text-align:center;
  color:;
  padding-bottom: 10px;
}

.my-parts p{
  text-align:center;
}

.my-parts div {
	float: left;
	width: calc(33% - 20px);
	max-width: 100%;
	/* height: 200px; */
	margin: 0;
	padding: 0;
	overflow: hidden;
  background-color: #ffffff;
}

.line {
  border-bottom: 3px solid #34701e;
  padding-bottom: 10px;
}

.bn632-hover {
  width: 160px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 10px;
  height: 55px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn632-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn632-hover:focus {
  outline: none;
}

.bn632-hover.bn22 {
  background-image: linear-gradient(
    to right,
    #0ba360,
    #3cba92,
    #30dd8a,
    #2bb673
  );
  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}



 .Goods {
 text-align: center;
 margin-bottom: 30px;
 }


.flex08 {
    justify-content: space-between;
    flex-wrap: wrap;
    /* margin-left: 30px; */
  }

  .flex08 .item {
    display: flex;
    width: 50%;
  }
  .flex08 .item:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex08 .item > div:first-child {
    width: 100px;
    height: 100px;
    background: #ddd;
  }
  .flex08 .item > div:nth-child(2) {
    width: calc(100% - 115px);
    margin-left: 15px;
    text-align: left;
  }

  .FUNNYLOCO{
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
  }


.thanks{
  margin: auto;
  text-align: center;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.kakunin{
  margin: 0 auto;
  text-align: center;
  margin-bottom: 150px;
}


.cb{
  clear: both;
}

.CVbtn-eria{
  margin-top: 0;
  float: right;
}

footer{
  background-color: #808080;
  text-align: center;
  margin:0 auto;
  margin-top: 50px;
  height: 200px;

}

footer p{
  color:#ffffff;
  font-size: 14px;
}


#formWrap {
	margin:0 auto;
  text-align: center;
  }

#formWrap h2{
    font-size: 15px;
    color:#ffffff;
  }

  .table {
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%;
  }
  .table tr {
      border-top: 1px solid #ACACAC;
      border-bottom: 1px solid #ACACAC;
  }
  .table tr th,
  .table tr td {
      padding: 20px 20px;
      text-align: left;
      vertical-align: top;
  }
  .table tr th {
      width: 20%;
      font-weight: bold;
      background: #F2F2F3;
  }
  .table tr td {
      width: 80%;
  }

  @media screen and (max-width: 767px){
  .table tr th,
  .table tr td {
      display: block;
      width: 100%;
  }
  }


  /* 装飾 */
  *{
    box-sizing: border-box;
  }
  body{
    margin: 0px;
  }


input[type="number"],
input[type="text"],
input[type="submit"],
input[type="reset"]{
  padding: 0 10px;
  height: 30px;
  font-size: 90%;
}

.kakunin{
  margin: 20px;
  padding: 10px 10px 10px 10px;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
  color:#fff;
	font-weight:normal;
	background-color: rgba(0, 0, 0, 0.3);
	text-align:left;
}

table.formTable td{
  color: #FF5192;
  font-size: 90%;
	font-weight:normal;
	background:rgba(255, 255, 255, 0.4);
	text-align:left;
}

.formTable select {
  padding: 0 10px;
  height: 30px;
  font-size: 90%;
}

.formTable textarea {
    height: 150px; /* お好みの高さに */
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}