@charset "utf-8";
body {
	font-family: "Noto Sans JP", "Roboto",sans-serif; 
}


html {
	font-weight: 300 ;
}

a:hover {
	text-decoration: none ;
	color: #003618 ;}

p {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem ;
	line-height: 1.8 ;
}

.m0p0 {
	margin: 0 ;
	padding: 0 ;
}

.pt-4rem {
	padding-top: 4rem ;
}

/* Main */
.main {

}

.bg-green {
	background: #003618 ;
	text-align: center ;
}

.bg-green h2 {
	color: #FFF ;
	font-weight: 700 ;
	padding: 30px 0 ;
	line-height: 1.7 ;
}

/* Info */
.info {
	padding: 70px 15px ;
	border-bottom: 1px solid #EEE ;
}

.info-col {
	border-bottom: 1px dotted #888 ;
}

.info-col p {
	margin: 0 ;
	padding: 5px ;
}

.info-col span {
	margin-right: 15px ;
}

/* Company */
.company {
	padding: 70px 15px ;
	background: #FAFAFA ;
	border-bottom: 1px solid #EEE ;
}

.comp-col {
	background: #e5ddc5 ;
	padding: 50px ;
	border-radius: 10px ;
	margin:  0 auto;  
}

.company img {
	margin-bottom: 30px ;
}

.comp-col p {
	font-weight: 700 ;
	font-size: 1.2rem ;
	margin-bottom: 0 ;
	color: #003618 ;
}

/* Sample */
.sample {
	padding: 70px 0 ;
	border-bottom: 1px solid #EEE ;
}

.sample-col {
	text-align: center ;
	font-size: 0.85rem ;

	overflow:hidden ;
	
	border: 1px solid #DDD ;
}

.sample-col a img {
	transition:0.5s all;
	opacity: 0.8 ;
}

.sample-col a img:hover {
	transform:scale(1.03,1.03) ;
	transition:0.5s all;
	opacity: 1 ;
}

.link-btn {
	text-align: center ;
	margin-top: 50px ;
}

.link-btn a {
	display: inline-block;
	padding: 10px 30px ;
	text-align: center ;
	font-size: 1.3rem ;
	border: 5px solid #937e28 ;
	border-radius: 9999px ;
	color: #937e28 ;
	font-weight: 700 ;
	transition: 0.5s ;
}

.link-btn a:hover {
	text-decoration: none ;
	color: #003618 ;
	border: 5px solid #003618 ;
	transition: 0.5s ;
}



/* Flow */
.flow {
	padding: 70px 0 ;
	background: #FAFAFA ;
	border-bottom: 1px solid #EEE ;
}

.d-arrow {
	font-size: 2.8rem ;
	text-align: center ;
	color: #947f28 ;
}

.flow-title {
	font-size: 1.2rem ;
	font-weight: 700 ;
	padding: 2px 10px;
    border-left: 3px solid #937f28;
    color: #003618;
	line-height: 2 ;
	
}

/* Inquiry */
.inq {
	padding: 70px 0 ;
	border-bottom: 1px solid #EEE ;
}

.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
	}

/* Tokutei */
.tokutei .tokutei-list {
  display: flex;
	border-bottom: 1px dotted #ccc;
}

.tokutei .tokutei-list dt {
	min-width: 210px ;
}
.tokutei .tokutei-list dt,
.tokutei .tokutei-list dd {
  padding: 5px; 
}

@media screen and (max-width: 768px) {
.tokutei .tokutei-list {
  flex-direction: column;
}
.tokutei .tokutei-list dt {
    width: 100%;
    padding: 5px;
}
.tokutei .tokutei-list dd {
    flex: 1;
    padding: 5px;
}
}

/* Tab */
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #003618;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-switch:checked+.tab-label {
  background: #003618;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.tab-switch {
  display: none;
}

.tab-switch:checked+.tab-label:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #003618;
    border-width: 14px;
    margin-left: -14px;
}
.tab-switch:checked+.tab-label {
    background: #003618;
    position: relative;
}

/* Form */
select.form-control {
  margin-left: 3px;
  font-size: 0.9rem;
  color: #777;
  width: 50%;
}

form#mailformpro dl dd {
  font-size: 14px;
}

form#mailformpro label {
  margin-right: 10px;
}

form#mailformpro input, form#mailformpro textarea {
  padding: 10px;
  font-size: 14px;
  /*vertical-align: middle;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  margin: 5px;
  color: #777;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
}
.mfp_buttons button {
  background: #e71f1f;
  padding: 15px 44px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14 px;
  /*border-radius: 50px;*/
  border-radius: 0;
  -moz-user-select: none;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin: 10px;
  transition: color 0.4s linear;
  position: relative;
  z-index: 1;
  border: 1px solid #e71f1f;
  overflow: hidden;
  margin: 0;
  line-height: 1;
}
.mfp_buttons button::before {
  content: "";
  position: absolute;
  margin-right: 5px;
  left: 0;
  top: 0;
  width: 101%;
  height: 101%;
  background: #fff;
  color: #FFF !important;
  z-index: 1;
  transition: transform 0.5s;
  transition-timing-function: ease;
  transform-origin: 0 0;
  transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
  transform: scaleX(0);
  border-radius: 0;
}
.mfp_buttons button:hover::before {
  transform: scaleX(1);
  color: #FFF !important;
  z-index: -1;
  background: #25609b;
}
.mfp_buttons button:hover {
  color: #FFF !important;
  border: 1px solid #FFF;
}
.mfp_buttons button.reset {
  background: #555;
  border: 1px solid #555;
}
.mfp_buttons button.reset:hover::before {
  background: #222;
}
.form-bb {
  border-bottom: 1px solid rgb(204, 204, 204);
}

.mfp_col10 textarea {
	max-width: 100% ;
}
.mfp input {
	/*min-width: 100% ;*/
}

.tab-wrap label {
	margin-bottom: 0 ;
}

input[type="radio"] {
  transform: scale(1.5); /* 1.5倍に拡大する場合 */
}

.form-bb p {
	font-size: 13px ;
	line-height: 1.5 ;
}

/* Footer */
.footer {
	background: #003618 ; 
	padding: 50px 0 ;
	border-top: 5px solid #937e28 ;
}

.footer img {
	max-width: 190px ;
}

.footer .footer-add p {
	color: #d9e1dd ;
}

.footer .footer-add {
	display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer .toshop {
	text-align: center ;
}

.footer .toshop a {
	display: inline-block;
	padding: 10px 30px ;
	text-align: center ;
	font-size: 1.3rem ;
	border: 5px solid #937e28 ;
	border-radius: 9999px ;
	color: #937e28 ;
	font-weight: 700 ;
	transition: 0.5s ;
}

.footer .toshop a:hover {
	text-decoration: none ;
	color: #FFF ;
	border: 5px solid #FFF ;
	transition: 0.5s ;
}

.footer a {
	color: #FFF ;
}

.footer a:hover {
	color: #A89447 ;
}

/* Copyright */
.copyright {
	background: #001b0c ;
	color: #7C7C7C ;
	text-align: center ;
	padding: 5px 0 ;
	font-weight: 300 ;
	font-family: "Roboto", sans-serif;
	font-size: 0.9rem ;
}


/* Title */
.heading03 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center;
	color: #003618 ;
	margin-bottom: 50px ;
}

.heading03::before,
.heading03::after {
	content: '';
	width: 70px;
	height: 3px;
	background-color: #e3bf00;
}

.heading03::before {
	margin-right: 20px;
}
.heading03::after {
	margin-left: 20px;
}

@media (max-width: 767px) {
	.main {
		margin-top: 44px ;
	}
	
	.footer-mark,
	.footer-add {
		text-align: center ;
	}
	
	.footer-mark {
		margin-bottom: 15px ;
	}
	.footer-add {
		margin-bottom: 30px ;
	}
	
	
   .bg-green h2 {
		 font-size: 1rem ; 
	color: #FFF ;
	font-weight: 700 ;
	padding: 30px 0 ;
}
}