@charset "utf-8";
/* CSS Document */
/*-----------------------------
 reset
-------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, 
img, small, strong, sub, sup,b, i,dl, dt, dd, ol, ul, li,
 form, label,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;line-height:1.0;
}
th{font-style:normal;font-weight:normal;}
ul li,ol li{list-style:none; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {line-height:1;position:relative;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
nav ul {list-style:none;}
table {	border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, footer, header,hgroup, nav, section { display:block;}
img{vertical-align:bottom; display:inline-block;margin:0 auto;max-width:100%;height:auto;}
*,*::before,*::after { -webkit-box-sizing:border-box;box-sizing:border-box;}



/*-----------------------------
 common
-------------------------------*/
@media (min-width:768px) {
	html {
		font-size: 18px;
	}
}
body {
	font-feature-settings: "palt";
	font-family: 'Murecho', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #000000;
	font-weight: 400;
	line-height: 1.8;
	text-align: left;
}

#root {
	overflow: hidden;
}

.wrap {
	margin: 0 auto;
	position: relative;
}
.wrap .mincho {
	font-family: 'Yu Mincho','YuMincho', serif;
}
.wrap .gruppo {
	font-family: 'Gruppo', cursive;
}

.wrap * {
	box-sizing: border-box
}
.contentWrap {
	max-width: 1440px;
	max-width: 940px;
	margin: 0 auto;
}
.contentWrap img {
	max-width: 100%;
	height: auto;
}
.wrap a,
.wrap a::before,
.wrap a::after,
.wrap a img {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			 -o-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
}
.wrap a:hover {
	text-decoration: none;
}
.wrap a:hover img {
	opacity: 0.8;
}
.wrap a.txt {
	text-decoration: underline;
	color: #000;
}
.wrap a.txt:hover {
	text-decoration: none;
}
.wrap a.blank {
	text-decoration: underline;
	color: #fff;
}
.wrap a.blank span {
  width: 16px;
  fill: #fff;
  display: inline-block;
  margin: 0 0 0 5px;
}
.wrap p {
	line-height: 1.7;
	letter-spacing: 0.05em;
}
.wrap p + p {
	padding-top: 1.5em;
}
.wrap em {
	font-style: normal;
	letter-spacing: 0.2em;
}
.wrap sup {
	font-size: 60%;
	vertical-align: text-top;
}
.wrap p small {
	font-size: 80%;
}
.wrap p.center {
	text-align: center;
}
.wrap .note {
	font-size: 80%;
	text-align: left;
	margin-top: 2em;
	color: #737373;
}
.wrap .note li {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
}
.wrap .txtorange {
	color: #EE7602;
}

.flex {
	display: flex;
}
.flex.btn {
	justify-content: center;
}
.flex.btn li {
	margin: 0 2%;
}
.imgArea > div {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

section > h1 {
	text-align: center;
	margin: auto;
}

.accordion dt {
	-webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			 -o-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
}
.accordion dt:hover {
	opacity: 0.9;
	cursor: pointer;
}

@media (max-width:767px) {
	html {
		font-size: calc(100vw * 14 / 375); /* 14px相当 */
	}
	.pc{
		display:none !important;
	}
	.wrap p {
		letter-spacing: 0;
	}
	.wrap em {
		letter-spacing: 0.1em;
	}
}
@media screen and (max-width: 1330px) {
	.pc.wide{
		display:none !important;
	}
}
@media (min-width:768px) {
	.sp{
		display:none !important;
	}
}



/*-----------------------------
Footer
-------------------------------*/
#footer {
	/*padding-top: 120px;*/
}
#footer .role_inner {
	background: #FF9D00;
	color: #ffffff;
	padding: 50px 1% 40px;
}
#footer .contentWrap {
	max-width: 1200px;
}
#footer #company {
	text-align: left;
  font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.4;
  letter-spacing: 0.04em;
}
#footer #copyright {
	text-align: left;
  font-size: 14px;
  letter-spacing: 0.04em;
}

#footer .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#footer .wrap ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: calc(100% - 240px);
}
#footer .wrap li:not(:last-child) {
  margin-right: 1em;
}
#footer .wrap li a {
  display: flex;
  flex-direction: column;
	font-size: 0.777rem;
  text-align: center;
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
}

#footer .wrap + .flex {
	margin-top: 1em;
	font-size: 18px;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}
#footer .wrap + .flex a {
	text-decoration: none;
	color: #fff;
	font-size: 0.9rem;
}
#footer .wrap + .flex a:hover {
	text-decoration: underline;
}
#footer .flex img {
	vertical-align: middle;
	margin-left: 1em;
}


@media screen and (max-width: 767px) {
  #footer {
  }
	#footer .role_inner {
		padding: 5% 5% 18%;
	}
	#footer #company {
		font-size: 0.9rem;
	}
	#footer #copyright {
		font-size: 0.6rem;
	}
	#footer .wrap div {
		width: 100%;
	}
	#footer .wrap ul {
		justify-content: center;
		width: 100%;
		padding-top: 1em;
	}
	#footer .wrap li:not(:last-child) {
		margin: 0 0.5em;
	}
	#footer .wrap ul li {
		line-height: 1.5;
	}
}





/*-----------------------------
mv
-------------------------------*/
.mv {
	padding: 0;
	background: url("../images/head_ballset.png") center center no-repeat;
	background-size: contain;
	position: relative;
}
.mv::before {
	content: "";
	display: block;
	width: 100%;
	height: 40px;
	background: #FF9D00;
	position: absolute;
	top: 0; left: 0;
}
.mvInner {
	position: relative;
	width: 94%;
	margin: 0 auto;
	max-width: 1100px;
}
.mv h1 {
	position: absolute;
	width: 20%;
	max-width: 460px;
	height: auto;
	top: 0;
	left: 0;
	z-index: 2;
	margin: 0;
}
.mv h1 img {
	margin: 0;
}
.mv h2 {
	width: 16%;
	max-width: 170px;
	text-align: center;
	position: absolute;
	margin: auto;
	top: 13%;
	left: 0; right: 0;
	z-index: 2;
}
.mv .bounce {
	width: 60%;
	margin: auto;
	position: absolute;
	top: 41%;
	left: 0; right: 0;
}
.mv .hat {
	width: 44%;
	margin: auto;
	padding: 45% 0 12%;
}
.mv .fukidashi {
	width: 20%;
	position: absolute;
	top: 48%;
	left: 16%;
}
.mv .mark {
	width: 15%;
	position: absolute;
	bottom: 12%;
	right: 20%;
}

@media screen and (max-width: 767px) {
	.mv {
		background: url("../images/head_ballset_sp.png") top center no-repeat;
		background-size: cover;
	}
	.mv::before {
		content: "";
		height: 15px;
	}
	.mv h1 {
		position: absolute;
		width: 32%;
		margin: 0 auto;
		top: 0;
		left: 0;
		right: auto;
	}
	.mv h1 img {
		width: 100%;
	}
	.mv h2 {
		width: 30%;
		top: 10%;
	}
	.mv .hat {
		width: 70%;
		padding: 85% 0 30%;
	}
	.mv .bounce {
		width: 100%;
		top: 38%;
	}
	.mv .fukidashi {
		width: 40%;
		top: 46%;
		left: 1%;
	}
	.mv .mark {
		width: 28%;
		bottom: 10%;
		right: 7%;
	}
}


section {
	padding: 5%;
	text-align: center;
}
section h1 {
	margin: 0 auto 1em;
	font-size: 2.5rem;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1.5;
}
section h1 span {
	display: inline-block;
	font-size: 1.875rem;
	letter-spacing: 0.3em;
	margin-bottom: 1em;
}
section h1 img {
	height: auto;
	margin-bottom: 5px;
}
section h2 {
	font-size: 1.5rem;
}
section h3 {
	font-size: 1.2rem;
}

p.lead {
	font-size: 1.125rem;
	margin-bottom: 2em;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}

@media screen and (max-width: 767px) {
	section h1 {
		font-size: 1.375rem;
	}
	section h1 span {
		font-size: 1.25rem;
	}
	.mb50 {
		margin-bottom: 8% !important;
	}
	.mb100 {
		margin-bottom: 15% !important;
	}
}

@media screen and (min-width: 769px) {
	#floating {
		position: absolute;
		z-index: 90;
		top: 5%;
		right: 0%;
		width: calc( 100% - 22% );
	}
	#floating .flex {
		align-items: center;
		justify-content: flex-end;
	}
	#floating .flex li {
		margin-left: 2em;
	}
	#floating a {
		color: #707070;
		font-size: 0.9rem;
	}
	#floating a:hover {
		opacity: 0.7;
	}
	#floating .tel {
		display: inline-block;
		color: #fff;
		text-align: center;
		letter-spacing: 2px;
		font-size: 0.7rem;
		padding: 0.4em 0.8em;
		background: #FF7600;
		box-shadow: 6px 6px 6px -6px #a3a3a3;
		border-radius: 3em;
	}
	#floating .tel .t1 {
		font-size: 1rem;
	}
	#floating .tel .t2 {
		font-size: 1.4rem;
		font-weight: 700;
		color: #FFF100;
	}
}

@media screen and (max-width: 767px) {
	#floating {
		position: fixed;
		z-index: 90;
		bottom: 3%;
		right: 3%;
	}
	#floating a {
		display: none;
	}
	#floating a.tel {
		display: inline-block;
		color: #fff;
		text-align: center;
		letter-spacing: 2px;
		font-size: 0.6rem;
		padding: 0.3em 0.8em;
		background: #FF7600;
		box-shadow: 6px 6px 6px -6px #a3a3a3;
		border-radius: 3em;
	}
	#floating a.tel .t1 {
		font-size: 0.5rem;
	}
	#floating a.tel .t2 {
		font-size: 1.2rem;
		font-weight: 700;
		color: #FFF100;
	}
}


/*-----------------------------
sec01
-------------------------------*/
.sec01 {
	display: none;
}
section#instagram {
	background: #FFBB03;
	text-align: center;
  padding: 2% 5% 5%;
}
section#instagram h1 {
	width: 360px;
	margin: 0 auto 0.2em;
}

@media screen and (max-width: 767px) {
	.sec01 {
		padding: 10% 5% 10% !important;
	}
	section#instagram {
		padding: 2% 5% 10% !important;
	}
	section#instagram h1 {
		width: 50%;
	}
}


/*-----------------------------
sec02
-------------------------------*/
.sec02 {
	padding: 10% 5% 5%;
}
.sec02 h1 {
	position: relative;
	max-width: 840px;
	margin: 0 auto 1em;
}
.sec02 h1 span {
	position: absolute;
	width: 34%;
	left: -5%;
	bottom: 60%;
	transform: rotate(-10deg);
}
.sec02 p {
	letter-spacing: 1.6px;
}
.sec02 p.lead {
	text-align: center;
	margin-bottom: 3em;
}
.sec02 p.lead strong {
	font-size: 1.3rem;
	color: #EE7602;
}
.sec02 .secret {
	position: relative;
	margin-top: 20%;
	margin-bottom: 10%;
	text-align: left;
}
.sec02 .secret::before {
	content: "";
	display: block;
	width: 130%;
	height: 130%;
	background: url("../images/about_bg.svg") no-repeat;
	background-size: contain;
	position: absolute;
	top: -5%; left: -15%;
	z-index: -1;
}
.sec02 .secret .flex {
	justify-content: space-between;
	align-items: center;
}
.sec02 .secret li {
	width: 49%;
}
.sec02 .secret li:nth-child(1) {
}
.sec02 .secret li:nth-child(2) {
	padding-top: 8%;
	padding-right: 6%;
	position: relative;
}
.sec02 .secret li .top {
	position: absolute;
	width: 60%;
	top: -10%; right: -14%;
}
.sec02 .shanetsu-jikken .flex {
	justify-content: space-between;
	align-items: center;
}
.sec02 .shanetsu-jikken li {
	width: 49%;
}
.sec02 .shanetsu-jikken li {
	text-align: left;
}
.shanetsu-jikken ul li h3 {
	margin-bottom: 10px;
}
.sec02 .shanetsu-jikken {
    margin-bottom: 10%;
}
.sec02 .scene h2 {
	margin-bottom: -4%;
}

@media screen and (max-width: 767px) {
	.sec02 {
		padding: 10% 5% 5% !important;
	}
	.sec02 h1 span {
		width: 38%;
		position: absolute;
		left: -5%;
		bottom: 60%;
		transform: rotate(-10deg);
	}
	.sec02 p {
		text-align: left;
	}
	.sec02 p.lead {
		font-size: 1rem;
		line-height: 1.8;
		letter-spacing: 1px;
		text-align: left;
	}
	.sec02 .secret::before {
		content: "";
		display: block;
		width: 110%;
		height: 110%;
		background: url("../images/about_bg_sp.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: -8%; left: -5%;
		z-index: -1;
	}
	.sec02 .secret .flex {
		display: block;
	}
	.sec02 .secret li {
		width: 100%;
	}
	.sec02 .secret li:nth-child(2) {
		padding-top: 20%;
		padding-right: 20%;
	}
	.sec02 .secret li .top {
		width: 60%;
		position: absolute;
		top: -5%; right: -10%;
	}
	.sec02 .shanetsu-jikken .flex {
		flex-direction: column-reverse;
	}
	.sec02 .shanetsu-jikken li {
		width: 100%;
	}
	.sec02 .scene .flex {
		display: block;
		width: 70%;
		margin: auto;
	}
	.sec02 .scene .flex li:nth-child(2) {
		margin: 0 -18% 12%;
	}
}




/*-----------------------------
sec03
-------------------------------*/
.sec03 {
	padding: 10% 5% 5% !important;
}
.sec03 .contentWrap {
	max-width: 1560px;
	max-width: 1020px;
}
.sec03 .packagebox {
	background: #E2F4FD;
	border: #80CEF4 8px solid;
	border-radius: 60px;
	padding: 0 4% 4%;
}
.packagebox h1 {
	max-width: 680px;
	margin: -4.3rem auto 1rem;
}
.packagebox h2 {
	text-align: left;
	margin-bottom: 0.3em;
}
.packagebox h2 img {
	width: auto;
	height: 130px;
}
.packagebox p {
	text-align: left;
}
.packagebox .flex {
	justify-content: space-between;
}
.packagebox .flex + .flex {
	margin-top: 2rem;
}
.packagebox .flex li {
	width: 48%;
}


.sec03 .flex.test {
	background: #fff;
	border-radius: 20px;
	padding: 5%;
	flex-wrap: wrap;
	margin-top: 1em;
}
.sec03 .flex.test li:nth-child(1) {
	width: 100%;
	margin-bottom: 0.5em;
	text-align: left;
}
.sec03 .flex.test span {
	display: block;
	padding: 0.5em;
	background: #FFF505;
	color: #EA5303;
	font-size: 0.8rem;
	line-height: 1.5;
	text-align: center;
	border-radius: 10px;
	margin-top: 1em;
}
@media screen and (min-width: 767px) {
	.sec03 h3 {
		width: 80%;
	}
}

@media screen and (max-width: 767px) {
	.sec03 {
		padding: 25% 5% 10% !important;
	}
	.sec03 .packagebox {
		border: #80CEF4 4px solid;
		border-radius: 30px;
	}
	.packagebox h1 {
		margin: -2.3rem auto 1rem;
	}
	.packagebox > .flex {
		display: block;
	}
	.packagebox > .flex li {
		width: 100%;
	}
	.packagebox > .flex li + li {
		margin-top: 2rem;
	}
	.packagebox h2 img {
		width: auto;
		max-height: 80px;
	}
	.sec03 .flex.test .zuhan {
		width: 70%;
		margin: auto;
	}
}



/*-----------------------------
sec04
-------------------------------*/
.sec04 {
	padding: 5% 5% 5% !important;
}
.sec04 .contentWrap {
	max-width: 1560px;
	max-width: 1020px;
}
.sec04 .packagebox {
	background: #FFF4F2;
	border: #F4AC9F 8px solid;
	border-radius: 60px;
	padding: 0 5% 5%;
}
.sec04 .packagebox .flex + .flex li {
	width: 30%;
}
.sec04 .flex.ventilation {
	flex-wrap: wrap;
}
.sec04 .flex.ventilation li:nth-child(1) {
	width: 100%;
	text-align: left;
}
.sec04 .flex.note {
	align-items: center;
	justify-content: space-between;
	margin-top: 1rem;
}
.sec04 .flex.note li {
	width: auto;
}
.sec04 .flex.note li:nth-child(1) {
	color: #737373;
	white-space: nowrap;
	font-size: 90%;
}

@media screen and (max-width: 767px) {
	.sec04 {
		padding: 10% 5% 10% !important;
	}
	.sec04 .packagebox {
		border: #F4AC9F 4px solid;
		border-radius: 30px;
	}
	.sec04 .packagebox .flex + .flex li {
		width: 100%;
	}
	.sec04 .flex.ventilation .zuhan {
		width: 70%;
		margin: auto;
	}
	.sec04 .flex.ventilation li:nth-child(2) {
		margin-top: 0;
	}
	.sec04 .flex.ventilation a {
		display: block;
		width: 70%;
		margin: auto;
	}
	.sec04 .flex.note li:nth-child(1) {
		white-space: normal;
	}
	.sec04 .packagebox .flex.note li + li {
		margin-top: 0;
	}
}



/*-----------------------------
sec05
-------------------------------*/
.sec05 {
	padding: 0 5% 3% !important;
}
.sec05 .contentWrap {
	max-width: 1560px;
	max-width: 1020px;
}
.sec05 .specwrap > div:nth-child(1) {
	padding-top: 4rem;
	width: 45%;
}
.sec05 .specwrap > div:nth-child(2) {
	width: 55%;
	text-align: right;
}
.sec05 .specwrap {
	padding-bottom: 5%;
}
.sec05 .spec {
	text-align: left;
	border: #E23001 3px solid;
	border-top: none;
	padding: 1em;
	font-size: 0.88rem;
	color: #704524;
}
.sec05 .spec p {
	margin-bottom: 1em;
}
.sec05 .spec dl {
	line-height: 1.6;
}
.sec05 .spec dt {
	float: left;
	clear: both;
	display: inline-block;
	width: 7em;
	background: #EA6000;
	border-radius: 2em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 1.6;
}
.sec05 .spec dd {
	padding-left: 8em;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 0.5em;
}
.sec05 .spec dd li {
	margin-left: 1em;
	text-align: left;
	text-indent: -0.9em;
	line-height: 1.6;
}
.sec05 .spec dd em {
	color: #FDB005;
	font-size: 50%;
}
.sec05 .spec dd span {
	border-bottom: #FDB005 2px dotted;
}
.sec05 .sgfuki {
	width: 44%;
	max-width: 346px;
	height: auto;
}
.sec05 .sghat {
	margin-top: -10%;
}
.sec05 .anshin {}
.sec05 .anshin h1 {
	width: 80%;
	margin-bottom: 0.1em;
}
.sec05 .anshin h2 {
	width: 45%;
	margin: 0 auto 1.5em;
}
.sec05 .anshin .flex {
	justify-content: space-between;
	margin-bottom: 2rem;
}
.sec05 .anshin .flex dl {
	width: 30%;
}
.sec05 .anshin .flex dt {
	margin-bottom: -0.5rem;
}
.sec05 .anshin .flex dd {
	text-align: left;
	padding: 1.5em 1.9em 1.5em;
	background: #E7FAD0;
	border-radius: 40px;
	color: #00A700;
	line-height: 1.5;
	font-size: 1.074rem;
	font-weight: bold;
}
.sec05 .anshin .flex + p {
	border: #96D57F 5px solid;
	border-radius: 30px;
	padding: 1.5em;
	color: #71400D;
	font-size: 0.935rem;
	text-align: left;
	margin-bottom: 2em;
}
.sec05 .anshin a {
	display: block;
	max-width: 450px;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.sec05 {
		padding: 0 5% 10% !important;
	}
	.sec05 .specwrap {
		display: block;
	}
	.sec05 .specwrap > div:nth-child(1),
	.sec05 .specwrap > div:nth-child(2) {
		width: 100%
	}
	.sec05 .specwrap div + div {
		margin-top: 2rem;
	}
	.sec05 .anshin h1 {
		width: 100%;
	}
	.sec05 .anshin h2 {
		width: 60%;
		margin: 0 auto 1.5em;
	}
	.sec05 .anshin .flex {
		display: block;
	}
	.sec05 .anshin .flex dl {
		width: 80%;
		margin: 0 auto;
	}
	.sec05 .anshin .flex dl + dl {
		margin-top: 2em;
	}
	.sec05 .anshin .flex dd {
		border-radius: 20px;
	}
	.sec05 .anshin .flex + p {
		width: 80%;
		border: #96D57F 3px solid;
		border-radius: 20px;
		margin: 0 auto 2em;
	}
}


/*-----------------------------
sec06
-------------------------------*/
.sec06 {
	/*padding: 0 5% 8% !important;*/
}
.sec06 .contentWrap {
	max-width: 1560px;
	max-width: 1020px;
}
.sec06 .flex {
	justify-content: space-between;
}
.sec06 .contactbox {
	padding: 3rem;
	background: #F8F7EA;
	border-radius: 50px;
	color: #71400D;
	position: relative;
	box-shadow: 5px 5px 10px -5px #999;
	width: 45%;
}
.sec06 .contactbox h1 {
	color: #E9680A;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0.3em;
	position: relative;
}
.sec06 .contactbox::before,
.sec06 .contactbox::after,
.sec06 .contactbox h1::before,
.sec06 .contactbox h1::after {
	content: "●";
	color: #DDD0A7;
	font-size: 1rem;
	line-height: 1;
	position: absolute;
}
.sec06 .contactbox::before {
	bottom: 30px;
	left: 30px;
}
.sec06 .contactbox::after {
	bottom: 30px;
	right: 30px;
}
.sec06 .contactbox h1::before {
	top: -23px;
	left: -23px;
}
.sec06 .contactbox h1::after {
	top: -23px;
	right: -23px;
}
.wrap .sec06 p + p {
	padding-top: 0;
}
.wrap .sec06 p.address,
.wrap .sec06 p.button-wrap {
    padding-top: 1.5em;
}
.button {
	position: relative;
	display: inline-block;
	padding: 0.5em 2em 0.7em;
	width: 100%;
	max-width: 640px;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	line-height: 1;
	background: #71400D;
	letter-spacing: 0.1em;
	border-radius: 2.5em;
	box-sizing:border-box;
	cursor:pointer;
	box-shadow: 5px 5px 10px -5px #999;
}
.button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.3em;
  margin: auto;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-right: 2px solid #FEEC03;
  border-top: 2px solid #FEEC03;
  transform: rotate(45deg);
	transition: all 0.3s ease-out;
}
.button:hover {
	opacity: 0.9;
}
.button:hover::after {
  right: 1em;
}
img.ec-button {
    border-radius: 4.5em;
    box-shadow: 5px 5px 10px -5px #999;
    border: 3px solid #71400D;
}

@media screen and (max-width: 767px) {
	.sec06 {
		padding: 0 5% 20% !important;
	}
	.sec06 h1 {
		font-size: 1.5rem;
	}
	.button {
		font-size: 1.1rem;
	}
	.button::after {
		content: "";
		right: 1em;
		width: 9px;
		height: 9px;
	}
	.sec06 .flex {
		flex-wrap: wrap;
	}
	.sec06 .contactbox {
		width: 100%;
		margin-bottom: 1.5em;
	}
}