@charset "utf-8";

/* CSS Document */

div#eco-initiatives_content {
  position: relative;
}
div#eco-initiatives_content {
  position: relative;
  padding: 150px 0 50px;
  box-sizing: border-box;
  background: url("../img/cmn/common_content_bg.jpg");
}
.kasouBg_top {
  width: 100%;
  position: absolute;
  top: 0;
}
.kasouBg_top .img01 img {
  width: 100%;
}
.kasouBg_top p.img01 {
    margin: 0;
}
.kasouBg_top p.img03 {
  position: absolute;
  bottom: 0;
  right: 0;margin: 0;
}
.kasouBg_top p.img02 {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 0;margin: 0;
}
div#eco-initiatives_content h1 {
  position: relative;
  text-align: center;
  font-size: 28px;
  margin-bottom: 50px;
  line-height: 1.8;
  color: #047C4F;
}
div#eco-initiatives_content h1 span {
    background: #fff;
    padding: 15px 80px;
    border-radius: 50px;
    font-weight: bold;
}
.eco-initiatives_content_txt {
  background: rgb(255, 255, 255);
  padding: 0 0 10px;
  margin-bottom: 50px;
  border: 1px solid #DDDDDD;
}
.eco-initiatives-head {
    background: url("../img/cmn/h2-bg.png");
    display: flex;
    justify-content: space-between;
    height: 95px;
}
.eco-initiatives-head-l {
  display: table;
}
.eco-initiatives-head-l figure {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px 0;
}
.Exhibitor-logo img {
    max-width: 100%;
}
.eco-initiatives-head-l figure img {
  border-radius: 10px;
}
.eco-initiatives-head-l .eco-initiatives-head-name {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
.eco-initiatives-head-l .eco-initiatives-head-name p {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
}
.eco-initiatives-head-l .eco-initiatives-head-name p strong {
  font-size: 21px;
}
.eco-initiatives-head-l .eco-initiatives-head-name p span {
  font-size: 11px;
	display: block;
}
.eco-initiatives-head-r ul img {
    height: 100%;
}
.eco-initiatives-head-r ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    line-height: 0;
    height: 95px;
}
.bread ul {
  display: flex;
  font-size: 12px;
  margin: 10px;
  position: relative;
  padding: 0;
}
.bread ul::before {
  content: url("../img/contact/iconmonstr-home-6.png");
  vertical-align: middle;
  margin-right: 5px;
}
.bread ul li {
  position: relative;
  list-style: none;
}
.bread ul li a {
  color: #333;
}
.bread ul li:after {
  content: "＞";
  margin: 5px;
}
.bread ul li:last-child:after {
  content: none;
}
.bread ul li:last-child {
  font-weight: bold;
}
.eco-initiatives_content_01 h2 {
  font-size: 25px;
}
.eco-initiatives_content_01-in {
  width: 760px;
  margin: 0 auto 50px;
}
ul.eco_ul {
  margin: 0;
  padding: 0;
}
ul.eco_ul li {
  list-style: none;
  position: relative;
}
ul.eco_ul li:before {
  content: "✓";
  color: #fff;
  background: #3585df;
  padding: 0 3px;
  border: 1px solid #333;
  margin-right: 10px;
}
/*コンテンツ*/
.contact_wrap_head {
    position: relative;
}
img.contact_tre_bg {
    position: relative;
}.bread.mb0 {
    position: absolute;
    top: 0;
    left: 0;
}.contact_wrap_head h2 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 40px;
}.num_box {
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    margin: auto;
    width: 150px;
    background: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 19px;
}.num_box-bottom span {
    font-size: 68px;
}.num_box-head {
    font-size: 13px;
    background: #22A4BD;
    color: #fff;
    padding: 6px;
}.num_box-bottom {
    line-height: 1.3;
}.eco_tree.ac p {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}.eco_tree.ac {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
.contact_wrap_bottom h3 {
    font-size: 20px;
    background: url(../img/cmn/h2-bg.png);
    padding: 15px 30px;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
.contact_wrap_bottom {
    margin: 0 auto;
    padding: 40px;
}
.contact01 {
    border: 3px solid #9BC957;
    border-radius: 5px;
	margin-bottom: 30px;
	box-shadow: 0 5px 5px #0002;
}.contact_head label.col-sm-3.col-form-label {
    width: 100%;
    display: block;
    padding: 15px;
    margin: 0;
    max-width: initial;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #9bc957;
    box-sizing: border-box;
}.ontact01_In {
    padding: 40px 40px 20px;
}.ontact01_In .form-check:nth-child(odd) {
    background: #EBF9FF;
}.ontact01_In .form-check {
    padding: 10px 0;
    text-indent: 1.5em;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}.ontact01_In .form-check input.form-check-input {
    margin-right: 15px;
    position: relative;
}.ontact01_In .form-check {
    padding: 0 0 0 1.5em;
    text-indent: -1.8em;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    line-height: 135%;
}
.form-check:hover {
    background: #fcf09d !important;
}
.form-check-label {
    display: block;
    width: 100%;
    padding: 15px 15px 15px 10px;
    cursor: pointer;
    box-sizing: border-box;
}

.ontact01_In .form-check input.form-check-input {
    margin-right: 8px;
    position: relative;
    margin-left: 12px;
}
.contact02-In p.ac.red {
    color: #FF0000;
    font-size: 15px;
	margin-top: 0;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	.contact02-In p.ac.red {
		color: #FF0000;
		font-size: 15px;
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
	}
}

.contact02 h4 {
    font-size: 20px;
    text-align: center;
    padding: 20px;
    background: #9BC957;
    color: #fff;
    font-weight: bold;
    margin: 0;
}.contact02 {
    border: 3px solid #9BC957;
    border-radius: 5px;
    box-shadow: 0 5px 5px #0002;
    margin-bottom: 0;
}
.contact02-In {
    padding: 30px;
}.contact02-In th span {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
}
.contact02-In th {
    background: #eee;
    text-align: left;
    padding: 15px;
    width: 35%;
    border: 1px solid #ccc;
}
.contact02-In td {
    border: 1px solid #ccc;
    padding: 10px;
} 
.l_box {
    margin-right: 10px;
}.contact02-In th label.col-sm-3 {
    padding: 0;
    max-width: none;
    font-size: 16px;
}.r_box {
    width: 40%;
    float: left;
}.l_box {
    margin-right: 10px;
    width: 40%;
    float: left;
}
.input-group-addon {
    margin-right: 0;
    margin-top: 0;
    background: #aaa;
    padding: 7px 15px 0;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 0 0 5px;
}input.btn.btn-info {
    background: #22a4bd;
    border: none;
    color: #fff;
    border-radius: 0 5px 05px 0;
}.flex_zip {
    display: flex;
    justify-content: space-between;
}
.form-control,input.col-12 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    display: block;
    width: 100%;
    height: calc(1.8em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #f7f7f9;
    background-clip: padding-box;
	box-sizing: border-box;
}.contact02-In td p.red {
    font-size: 13px;
    color: #f00;
    margin: 5px;
}.contact02-In table {
    margin-bottom: 40px;
    width: 100%;
    box-sizing: border-box;border-collapse: collapse;
}
input.btn.btn-primary {
    width: 70%;
    margin: 0 auto;
    display: block;
    padding: 30px;
    color: #fff;
    font-weight: bold;
    background: #9BC957;
    border: #9BC957;
    box-shadow: 0 5px 5px #0002;
    cursor: pointer;
    font-size: 1rem;
}.kiyaku {
    border-top: 3px solid #eee;
    width: 90%;
    margin: 30px auto;
    padding: 30px 30px 1px;
    box-sizing: border-box;
}.conf_flex input.btn.btn-primary {
    width: 48%;
    margin: 0 auto;
    display: block;
    padding: 30px;
    color: #fff;
    font-weight: bold;
    background: #9BC957;
    border: #9BC957;
    box-shadow: 0 5px 5px #0002;cursor: pointer;
}input.btn.btn-secondary {
    width: 48%;
    margin: 0 auto;
    display: block;
    padding: 30px;
    color: #fff;
    font-weight: bold;
    background: #22a4bd;
    border: #22a4bd;
    box-shadow: 0 5px 5px #0002;
    cursor: pointer;
}.conf_flex {
    display: flex;
    justify-content: center;
}input.btn.btn-secondary:hover, input.btn.btn-primary:hover {
    opacity: 0.8;
}
/*確認画面*/
.eco-initiatives_content_txt.cntact_cof_wrap .bread.mb0 {
    position: relative;
}
.cntact_cof {
    width: 800px;
    border: 3px solid #9BC957;
    margin: 0 auto 30px;
    border-radius: 5px;
}.cntact_cof h2 {
    text-align: center;
    background: #9bc957;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}.cntact_cof-In {
    padding: 0 30px;
}.cntact_cof-In h3 {
    font-size: 20px;
    background: url(../img/cmn/h2-bg.png);
    padding: 15px 30px;
    border-radius: 50px;
    color: #fff;
	font-weight: bold;
	text-align: center;
}
div#use {
    padding: 20px;
    font-size: 18px;
    line-height: 3;
    font-weight: bold;
}.cntact_cof {
    width: 800px;
    border: 3px solid #9BC957;
    margin: 0 auto 30px;
    border-radius: 5px;
    padding: 0 0 40px;
    box-shadow: 0 5px 5px #0002;
}.cntact_cof_wrap .contact02-In {
    padding: 30px 30px 0;
}.contact_wrap_head h2.thank {
    text-align: center;
    width: 800px;
    padding: 15px;
    background: #FF5891;
    color: #fff;
    font-size: 22px;
    border-radius: 5px;
}.eco-initiatives_content_txt.contact_wrap.thank-page .num_box {
    top: 130px;
}.backBtn a {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 30px;
    color: #fff;
    font-weight: bold;
    background: #9BC957;
    border: #9BC957;
    font-size: 18px;
    box-shadow: 0 5px 5px #0002;
    position: relative;
	box-sizing: border-box;
}
.backBtn a span{
	position: relative;
}
.backBtn a span:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: translate(0, -50%) rotate(
45deg);
    transform: translate(0, -50%) rotate(
45deg);
}.thank_bottom {
    padding: 40px;
    text-align: center;
}p.text-right.powered {
    display: none;
}

div#total2:after {
    content: "人";
    font-size: 21px;
}
div#total2 {
    font-size: 68px;
    display: block;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    position: relative;
}
@media screen and (max-width: 768px) {
  
  .under_Inner {
    width: 95vw;
    margin: 0 auto;
    position: relative;
    line-height: 1.8;
  }
  .kasouBg_top p.img01 {
    margin: 0;
  }
  .kasouBg_top .img01 img {
    width: 100%;
    height: 450px;
    object-fit: cover;
  }
  .kasouBg_top p.img02 {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 0;
    width: 48%;
    margin: 0;
  }
  .kasouBg_top p.img03 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48%;
    margin: 0;
  }
  .kasouBg_top p.img02 img, .kasouBg_top p.img03 img {
    width: 100%;
  }
  .bread ul {
    display: flex;
    font-size: 10px;
    margin: 0;
    position: relative;
    padding: 0;
    flex-wrap: wrap;
    padding: 10px;
}.bread.mb0 {
    position: relative;
    top: auto;
    left: auto;
}								
.contact_wrap_head h2 {
    position: relative;
    left: auto;
    right: auto;
    margin: auto;
    top: auto;
}								
.num_box {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: auto;
    width: 150px;
    background: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 19px;
}.eco_tree.ac {
    position: relative;
    bottom: auto;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px 10px;
    box-sizing: border-box;
}.eco_tree.ac figure {
    width: 50%;
    margin: 40px auto;
}								
/*	CONTENTS*/
  .contact_wrap_head {
    position: relative;
	  background: url("../img/contact/bg.jpg") center bottom;
	  background-size: cover;
}.contact_wrap_bottom {
    margin: 0 auto;
    padding: 20px;
}.ontact01_In {
    padding: 15px;
}.ontact01_In .form-check {
    padding: 0;
    text-indent: 0;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}.contact02-In {
    padding: 15px;
}.l_box {
    margin: 0 0 10px;
    width: 100%;
    float: left;
}.r_box {
    width: 100%;
    float: left;
}.contact02-In table {
    margin-bottom: 40px;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
}.flex_zip {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}.flex_zip input.form-control {
    width: 80%;
}.flex_zip input.btn.btn-info {
    display: block;
    float: right;
    margin: 10px auto 0;
}.kiyaku {
    border-top: 3px solid #eee;
    width: 100%;
    margin: 30px auto;
    padding: 10px  10px 1px;
    box-sizing: border-box;
}input.btn.btn-primary {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 20px 0 !important;
    color: #fff;
    font-weight: bold;
    background: #9BC957;
    border: #9BC957;
    box-shadow: 0 5px 5px #0002;
    display: block;
}.cntact_cof {
    width: 100%;
    border: 3px solid #9BC957;
    margin: 0 auto 30px;
    border-radius: 5px;
    padding: 0 0 40px;
    box-shadow: 0 5px 5px #0002;
    box-sizing: border-box;
}.cntact_cof-In {
    padding: 0 15px;
}.cntact_cof_wrap .contact02-In {
    padding: 15px 15px 0;
}.kiyaku ol {
    margin: 0;
    padding: 0 0 0 25px;
}.contact_wrap_head h2.thank {
    text-align: center;
    width: 100%;
    padding: 15px;
    background: #FF5891;
    color: #fff;
    font-size: 22px;
    border-radius: 5px;
    box-sizing: border-box;
}.eco-initiatives_content_txt.contact_wrap.thank-page .num_box {
    top: auto;
    margin: 25px auto;
}.backBtn a {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 20px;
    color: #fff;
    font-weight: bold;
    background: #9BC957;
    border: #9BC957;
    font-size: 18px;
    box-shadow: 0 5px 5px #0002;
    position: relative;
    box-sizing: border-box;
}form input[type="button"] {
	-webkit-appearance:none;
}input.btn.btn-primary {
    -webkit-appearance: none;font-size: 18px;
	}.contact02-In th {
    background: #eee;
    text-align: left;
    padding: 10px;
    display: block;
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-bottom: 0;
    margin-top: 15px;
}

.contact02-In td {
    border: 1px solid #ccc;
    padding: 10px;
    display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #CCC;
}.form-check-label {
    display: block;
    width: 100%;
    padding: 15px 15px 15px 2em;
    cursor: pointer;
    box-sizing: border-box;
    text-indent: -2em;
}.conf_flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}.conf_flex input.btn.btn-primary {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 30px;
    color: #fff;
    font-weight: bold;
    background: #9BC957;
    border: #9BC957;
    box-shadow: 0 5px 5px #0002;
    cursor: pointer;
    font-size: 1rem;
}input.btn.btn-secondary {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 20px;
    color: #fff;
    font-weight: bold;
    background: #22a4bd;
    border: #22a4bd;
    box-shadow: 0 5px 5px #0002;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 1rem;
}.eco_tree.ac figure iframe {
    text-align: center;
    margin: 0 auto;
    height: 325px;
}p.count_IMG img {
    height: auto;
    width: 100%;
}.eco_tree.ac figure {
    width: 100%;
    margin: 40px auto;
}
}


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

	.contact_wrap_head.bg_01 {
		position: relative;
		background: url(../img/contact/bg.jpg) center bottom;
		background-size: cover;
	}
	.contact_wrap_head.bg_02 {
		position: relative;
		background: url("../img/contact/bg_02.jpg") center bottom;
		background-size: cover;
	}
	.contact_wrap_head.bg_03 {
		position: relative;
		background: url(../img/contact/bg_03.jpg) center bottom;
		background-size: cover;
	}
}