@charset "utf-8";
/*
**********************************************************************

* common.css

*********************************************************************
*/

body {
	font-family: "yugo", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	color: #303030;
	word-break: break-all;
}
body.no-scroll {
	overflow-y: hidden;
	touch-action: none;
}
p {
	margin-bottom: 2.5em;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
iframe {
  max-width:100%;
}
a {
	color: #303030;
	text-decoration: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	outline: none;
}
#site a,
#site button,
#site .hover {
  transition: all 300ms 0s ease;
}
#site a:hover,
#site button:hover,
#site .hover:hover {
	opacity: 0.6;
}
.sp-area {
	display: none;
}
.sp-area-inline {
	display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
/* WinIE7 only */
*:first-child+html .clearfix {
	height: 1%;
}
/* WinIE6 and below */
/* hide \*/
* html .clearfix {
	height: 1%;
}
#window-size-check {
	display: block;
}
@media screen and (min-width:641px) {
.pc-area {
	display: block;
}
.pc-area-inline {
	display: inline-block;
}
.sp-area,
.sp-area-inline	{
	display: none !important;
}
}
@media screen and (max-width:640px) {
body {
}
.pc-area,
.pc-area-inline {
	display: none !important;
}
.sp-area	{
	display: block;
}
.sp-area-inline	{
	display: inline-block;
}
#window-size-check {
	display: none;
}
}

/* nomal */
@font-face {
	font-family: 'yugo';
	src: url('../font/YuGoPr6N-D.woff') format('woff');
	font-weight: normal;
}
@font-face {
	font-family: 'yugo';
	src: url('../font/YuGoPr6N-B.woff') format('woff');
	font-weight: bold;
}


/* ///////////////////////////////////////////////////////////////////

#site

/////////////////////////////////////////////////////////////////// */
#site {
	overflow: hidden;
}
.global-inner {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 800px;
	min-width: 800px;
}

@media screen and (max-width:640px) {
#site {
	min-width: auto;
}
.global-inner {
	margin: 0 6%;
	width: auto;
	min-width: auto;
}
}


/*===================================================================
  global-footer
===================================================================*/

#global-footer {
	background: #303030;
	color: #ffffff;
}
#global-footer a {
	color: #ffffff;
}
#global-footer ul {
	padding: 50px 0;
	font-size: 18px;
	text-align: center;
}
#global-footer ul li {
	display: inline-block;
	margin: 0 20px 10px;
}
#global-footer .copyright {
	padding: 10px 0;
	border-top: solid 1px #C6C6C6;
}
#global-footer .copyright p {
	margin: 0;
	text-align: right;
	font-size: 14px;
}


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

#global-footer {
	padding-bottom: 20vw;
}
#global-footer ul {
	text-align: left;
}
#global-footer ul li {
	display: block;
	margin: 0 0 10px;
}	

}


/*===================================================================
 fixed-btn
===================================================================*/

.fixed-btn {
}
.fixed-btn a {
	display: block;
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 200px;
	padding: 20px 20px;
	border: solid 1px #ffffff;
	border-radius: 14px 14px 0 0;
	background: #D0AD75;
	background: linear-gradient(45deg,rgba(208, 173, 117, 1) 13%, rgba(184, 151, 100, 1) 29%, rgba(182, 149, 97, 1) 36%);
	text-align: center;
	font-size: 19px;
	color: #ffffff;
	line-height: 1;
	overflow: hidden;
	z-index: 100;
}
.fixed-btn a::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #ffffff;
	transition: 300ms;
	animation: btn 3s ease-in-out infinite;
}

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

.fixed-btn a {
	right: 3%;
	width: 41%;
	padding: 22px 3%;
	border: solid 1px #ffffff;
	font-size: 3.5vw;
}
	
}
	

/*===================================================================
content-box
===================================================================*/

.content-box-01 {
	background: #FAF8F4;
	overflow: hidden;
}
.content-box-02 {
	background: #FFFFFF;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 27%, rgba(224, 219, 210, 1) 100%);
	overflow: hidden;
}

.content-box-03 .content-box-top {
	background-image: url(../images/content-box-top.png);
	background-size: 100% 100%;
	height: 150px;
}
.content-box-03 .content-box-main {
	padding: 50px 0;
	background: #faf8f4;
}
.content-box-03 .content-box-bottom {
	background-image: url(../images/content-box-bottom.png);
	background-size: 100% 100%;
	height: 200px;
}

.content-box-04 .content-box-main {
	padding: 50px 0;
	background: #E0DBD2;
}
.content-box-04 .content-box-bottom {
	background-image: url(../images/content-box-bottom-02.png);
	background-size: 100% 100%;
	height: 200px;
}

.content-box-05 .content-box-top {
	background-image: url(../images/content-box-top-03.png);
	background-size: 100% 100%;
	height: 150px;
}
.content-box-05 .content-box-main {
	padding: 50px 0;
	background: #faf8f4;
}
.content-box-05 .content-box-bottom {
	background-image: url(../images/content-box-bottom-03.png);
	background-size: 100% 100%;
	height: 100px;
}

.content-box-06 .content-box-main {
	padding: 50px 0;
	background: #E0DBD2;
}
.content-box-06 .content-box-bottom {
	background-image: url(../images/content-box-bottom-02.png);
	background-size: 100% 100%;
	height: 200px;
}

.content-box-07 .content-box-top {
	background-image: url(../images/content-box-top-05.png);
	background-size: 100% 100%;
	height: 150px;
}
.content-box-07 .content-box-main {
	padding: 50px 0;
	background: #faf8f4;
}
.content-box-07 .content-box-bottom {
	background-image: url(../images/content-box-bottom-05.png);
	background-size: 100% 100%;
	height: 100px;
}

.content-box-08 .content-box-top {
	background-image: url(../images/content-box-top-06.png);
	background-size: 100% 100%;
	height: 150px;
}
.content-box-08 .content-box-main {
	padding: 50px 0;
	background: #E0DBD2;
}


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

.content-box-03 .content-box-top {
	height: 15vw;
}
.content-box-03 .content-box-bottom {
	height: 15vw;
}
.content-box-04 .content-box-bottom {
	height: 20vw;
}
.content-box-05 .content-box-top {
	height: 20vw;
}
.content-box-05 .content-box-bottom {
	height: 15vw;
}
.content-box-06 .content-box-bottom {
	height: 20vw;
}
.content-box-07 .content-box-top {
	height: 20vw;
}
.content-box-07 .content-box-bottom {
	height: 15vw;
}
.content-box-08 .content-box-top {
	height: 20vw;
}

}



/*===================================================================
main
===================================================================*/

.mv-area {
	position: relative;
	margin-bottom: 50px;
}
.mv-area .btn {
	position: absolute;
	width: 220px;
	top: 26vw;
	right: 18%;
}
.mv-area .scroll {
	position: absolute;
	top: 33vw;
	left: 19vw;
}
.mv-area .scroll .text {
	display: block;
	padding-bottom: 10px;
	font-size: 12px;
	writing-mode: vertical-rl;
	background-image: url(../images/scroll-arrow.png);
	background-size: 12px auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #9F7D48;
}
.mv-area .scroll .line {
	display : inline-block;
	position : absolute;
	background-color: #9F7D48;
	top: 70px;
	right : 50%;
	bottom : -115px;
	transform : translateX(-50%);
	width : 1px;
	height : 190px;
	animation: scroll 1.5s infinite;
}
@keyframes scroll {
0% {
	transform: scale(1, 0);
	transform-origin: 0 0;
}
50% {
	transform: scale(1, 1);
	transform-origin: 0 0;
}
50.1% {
	transform: scale(1, 1);
	transform-origin: 0 100%;
}
100% {
	transform: scale(1, 0);
	transform-origin: 0 100%;
}
}


.mv-area .star-list .star-01 {
	top: 3vw;
	right: 18%;
	width: 1.2%;
}
.mv-area .star-list .star-02 {
	top: 10vw;
	right: 23%;
	width: 1.2%;
}
.mv-area .star-list .star-03 {
	top: 11vw;
	right: 19%;
	width: 2.4%;
}
.mv-area .star-list .star-04 {
	top: 19vw;
	right: 22%;
	width: 1.2%;
}

.first-area {
	display: flex;
}
.first-area .text {
	position: relative;
	width: 50%;
	z-index: 10;
}
.first-area .text p {
	font-size: 24px;
	font-family: "Noto Serif JP", serif;
}
.first-area .img {
	flex: 1;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	position: relative;
}
.first-area .img img {
	position: absolute;
	width: 600px;
	top: 0;
	right: 0;
}
.worry-area {
	margin-bottom: 50px;
}
.worry-area h2 {
	position: relative;
	margin: 50px 0 50px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 23px;
	font-family: "Noto Serif JP", serif;
}
.worry-area h2::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 65px;
	height: 1px;
	background: #303030;
}
.worry-area ul {
	margin-bottom: 30px;
	overflow: hidden;
}
.worry-area ul li {
	float: left;
	width: 50%;
	text-align: center;
}
.worry-area ul li:nth-child(2) {
	padding-top: 100px;
}
.worry-area ul li:nth-child(3) {
	margin-top: -170px;
}
.worry-area ul li img {
	width: 93%;
}
.worry-area .text-01 {
	text-align: center;
	font-size: 33px;
	font-family: "Noto Serif JP", serif;
	line-height: 2;
}
.worry-area .text-02 {
	text-align: center;
	font-size: 38px;
	font-family: "Noto Serif JP", serif;
}
.worry-area .text-02 .big {
	font-size: 50px;
	color: #9F7D48;
	line-height: 2;
}
.worry-area .text-02 .dot {
	padding-top: 0.5em;
	background-position: top left 1px;
	background-repeat: repeat-x;
	background-size: 1.04em 1em;
	background-image: radial-gradient(.08em .08em at center center, #303030, #303030 100%, transparent);
}
.worry-area .img-01 {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}
.check-area {
	margin-bottom: 150px;
}
.check-area h2 {
	margin-bottom: 30px;
	text-align: center;
	font-family: "Noto Serif JP", serif;
}
.check-area h2 .en {
	display: block;
	margin-bottom: 20px;
}
.check-area h2 .en img {
	width: 95px;
}
.check-area h2 .jp {
	font-size: 25px;
}
.check-area h2 .jp .small {
	font-size: 18px;
}
.check-area h2 .jp .big {
	font-size: 35px;
	color: #947029;
}
.check-area .table-box {
	margin: 0 auto 50px;
	width: 400px;
}
.check-area table {
	width: 100%;
}
.check-area table th {
	padding: 5px;
	width: 50%;
	border: solid 1px #947029;
	background: #B69561;
	background: linear-gradient(180deg,rgba(182, 149, 97, 1) 0%, rgba(184, 151, 100, 1) 31%, rgba(208, 173, 117, 1) 100%);
	color: #ffffff;
}
.check-area table th:first-child {
	border-right-color: #ffffff;
}
.check-area table th:last-child {
	border-left-color: #ffffff;
}
.check-area table th span {
	font-size: 12px;
}
.check-area table td {
	padding: 5px 10px;
	border: solid 1px #947029;
	border-top-color: #C6C6C6;
	border-bottom-color: #C6C6C6;
	vertical-align: top;
}
.check-area table td span {
	position: relative;
	display: inline-block;
	padding-left: 12px;
}
.check-area table td span::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.check-area .img-01 {
	margin-bottom: 30px;
}
.check-area .text-01 {
	text-align: center;
	font-size: 25px;
	font-family: "Noto Serif JP", serif;
}
.check-area .text-01 .small {
	font-size: 20px;
}
.check-area .text-01 .big {
	font-size: 35px;
	color: #9F7D48;
}




.why-area .why-top .img {
	margin-top: -270px;
	text-align: center;
}
.why-area .why-top .img img {
	width: 400px;
}
.why-area .why-top h2 {
	margin-bottom: 30px;
	text-align: center;
}
.why-area .why-top h2 img {
	width: 500px;
}
.why-area .why-main .img-01 {
	margin-bottom: 50px;
	text-align: center;
}
.why-area .why-main .img-01 img {
}
.why-area .why-main .img-02 {
	margin-bottom: 50px;
	text-align: center;
}
.why-area .why-main .img-02 img {
	width: 80%;
}
.why-area .why-main .img-03 {
	text-align: center;
}
.why-area .why-main .img-03 img {
	width: 80%;
}
.why-area .why-main .title-01 {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 20px;
	background: #7292C4;
	background: linear-gradient(90deg,rgba(114, 146, 196, 1) 50%, rgba(243, 242, 240, 1) 100%);
	font-size: 22px;
	font-family: "Noto Serif JP", serif;
	color: #ffffff;
}
.why-area .why-main .title-01-02 {
	background: #947029;
	background: linear-gradient(90deg,rgba(148, 112, 41, 1) 50%, rgba(243, 242, 240, 1) 100%);
}
.why-area .why-main .title-01 .global-inner{
	padding-left: 25px;
	background-image: url(../images/why-main-icon-01.png);
	background-size: 14px auto;
	background-position: left center;
	background-repeat: no-repeat;
}
.why-area .why-main .title-01-02 .global-inner{
	padding-left: 25px;
	background-image: url(../images/why-main-icon-02.png);
	background-size: 17px auto;
	background-position: left center;
	background-repeat: no-repeat;
}

.why-area .why-main .text {
  background-image: linear-gradient(0deg, #C6C6C6 1px, transparent 1px);
  background-size: 100% 2.5em;
  line-height: 2.5em;
}
.why-area .why-main .dot {
	padding-top: 0.65em;
	background-position: top left -2px;
	background-repeat: repeat-x;
	background-size: 1.07em 0.95em;
	background-image: radial-gradient(.07em .07em at center center, #9F7D48, #9F7D48 100%, transparent);
}
.why-area .why-main .text-04 {
	font-size: 23px;
	font-weight: bold;
}
.why-area .why-main .text-08 {
	font-size: 22px;
	font-weight: bold;
}
.why-area .why-main .star-box .star-list .star-01 {
	top: -20px;
	left: 34%;
	width: 6%;
}
.why-area .why-main .star-box .star-list .star-02 {
	top: 20px;
	left: 40%;
	width: 1%;
}
.why-area .why-main .star-box .star-list .star-03 {
	top: 18px;
	left: 41.5%;
	width: 3%;
}


.question-area h2 {
	position: relative;
	margin: 200px 0 50px;
	padding-bottom: 30px;
	text-align: center;
}
.question-area h2::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 30px;
	height: 1px;
	background: #947029;
}
.question-area h2 .en {
	display: block;
	margin-bottom: 20px;
}
.question-area h2 .en img {
	width: 140px;
}
.question-area h2 .jp {
	display: block;
	font-size: 26px;
	font-family: "Noto Serif JP", serif;
}
.question-area h2 .jp span {
	display: block;
	font-size: 20px;
}
.question-area ul {
	overflow: hidden;
}
.question-area ul li {
	float: left;
	width: 50%;
	text-align: center;
}
.question-area ul li:nth-child(2) {
	padding-top: 50px;
}
.question-area ul li:nth-child(3) {
	margin-top: -10px;
}    
.question-area ul li:nth-child(4) {
	padding-top: 20px;
}
.question-area ul li img {
	width: 93%;
}
.question-area .img-01 {
	text-align: center;
}
.question-area .img-01 img {
	width: 145px;
}
/*.question-area .question-list .question-item {
	position: relative;
	margin-bottom: 100px;
	padding: 20px 30px;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 0 10px #00000029;
}
.question-area .question-list .question-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: #ffffff transparent transparent;
  translate: calc(-50% + 0.4px) 100%;
	box-shadow: 0 0 10px #00000029;
}
.question-area .question-list .question-item ul li {
	margin-bottom: 10px;
	padding-left: 30px;
	background-image: url("../images/check.png");
	background-size: 14px auto;
	background-position: left center;
	background-repeat: no-repeat;
}
.question-area .question-list .question-item ul li:last-child {
	margin: 0;
}
.question-area .question-list .question-item ul li span {
	color: #9F7D48;
}*/


.cta-area .cta-main {
	position: relative;
	padding: 60px;
	border: solid 1px #947029;
	border-radius: 20px;
	background: #ffffff;
}
.cta-area .cta-main .cta-main-top {
	margin: 0 -30px;
	background-image: url(../images/cta-img-02.png);
	background-size: 98px auto;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.cta-area .cta-main .cta-main-top p.text-01 {
	position: absolute;
	top: -50px;
	left: -20px;
	width: 210px;
}
.cta-area .cta-main .cta-main-top h2 {
	margin: 0 30px 20px;
	padding: 5px 10px;
	background: #D0AD75;
	background: linear-gradient(45deg,rgba(208, 173, 117, 1) 44%, rgba(216, 182, 128, 1) 50%, rgba(250, 221, 175, 1) 58%, rgba(184, 151, 100, 1) 68%, rgba(180, 146, 93, 1) 74%);
	text-align: center;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
}
.cta-area .cta-main .cta-main-top h2 .text-01 {
	margin-right: 20px;
	font-size: 40px;
}
.cta-area .cta-main .cta-main-top h2 .text-01 span {
	font-size: 27px;
}
.cta-area .cta-main .cta-main-top h2 .text-02 {
	font-size: 32px;
}
.cta-area .cta-main .cta-main-top p.text-02 {
	margin: 0;
	padding-bottom: 10px;
	text-align: center;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-01 {
	display: block;
	font-size: 20px;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-02 {
	display: block;
	font-size: 25px;
	font-weight: bold;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-03 {
	display: block;
	font-size: 26px;
	font-weight: bold;
	color: #9F7D48;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-03 > span {
	font-size: 39px;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-03 > span > span {
	padding-top: 0.65em;
	background-position: top left -2px;
	background-repeat: repeat-x;
	background-size: 0.95em 0.95em;
	background-image: radial-gradient(.06em .06em at center center, #9F7D48, #9F7D48 100%, transparent);
}
.cta-area .cta-main ul li {
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-bottom: solid 1px #C6C6C6;
}
.cta-area .cta-main ul li:first-child {
	border-top: solid 1px #C6C6C6;
}
.cta-area .cta-main ul li .num {
	margin-right: 20px;
	width: 30px;
}
.cta-area .cta-main ul li .text {
	display: flex;
	align-items: center;
	flex: 1;
	font-weight: bold;
}
.cta-area .cta-main ul li .text .text-01 {
	margin-right: 10px;
	font-size: 17px;
}
.cta-area .cta-main ul li .text .text-02 {
	font-size: 26px;
	line-height: 1.2;
}
.cta-area .cta-main ul li .text .text-02 span {
	font-size: 20px;
}
.cta-area .cta-main .star-list .star-01 {
	top: 25px;
	right: 3%;
	width: 3.5%;
}
.cta-area .cta-main .star-list .star-02 {
	top: 140px;
	left: 7%;
	width: 2.2%;
}
.cta-area .cta-main .star-list .star-03 {
	top: 148px;
	left: 3.5%;
	width: 4.5%;
}
.cta-area .cta-main .star-list .star-04 {
	top: 170px;
	left: 9%;
	width: 1.5%;
}
.cta-area .btn {
	position: relative;
	margin-top: -50px;
	text-align: center;
}
.cta-area .btn img {
	width: 300px;
}


.message-area {
	display: flex;
	margin-top: 50px;
	font-family: "Noto Serif JP", serif;
}
.message-area .text {
	width: 50%;
}
.message-area .text-01 {
	font-size: 20px;
}
.message-area .text-02 {
	font-size: 20px;
}
.message-area .text-02 .border {
	border-bottom: solid 1px #9F7D48;
}
.message-area .text-02 .big {
	font-size: 32px;
}
.message-area .text-02 .notes {
	position: relative;
}
.message-area .text-02 .notes::before {
	content: "※アドバンスコース受講生";
	position: absolute;
	left: 0;
	bottom: -15px;
	font-size: 10px;
	letter-spacing: normal;
}
.message-area .text-03 {
	font-size: 23px;
}
.message-area .text-03 .span-01 {
	color: #9F7D48;
}
.message-area .text-03 .span-02 {
	font-size: 33px;
	color: #7292C4;
}
.message-area .img {
	flex: 1;
}
.message-area .img ul li {
	position: relative;
}
.message-area .img ul li.industry-01 {
	margin-top: -70px;
	z-index: 10;
}
.message-area .img ul li.industry-02 {
	margin-top: -90px;
	text-align: right;
	z-index: 5;
}
.message-area .img ul li.industry-03 {
	margin-top: -90px;
}
.message-area .img ul li img {
	width: 270px;
}



.voice-area .voice-top {
	position: relative;
	margin-bottom: 60px;
}
.voice-area .voice-top h2 {
	position: relative;
	margin-bottom: 30px;
	font-size: 28px;
	font-family: "Noto Serif JP", serif;
}
.voice-area .voice-top .text {
	margin-left: 120px;
}
.voice-area .voice-top .text h2 .span-01 {
	font-size: 28px;
	color: #9F7D48;
}
.voice-area .voice-top .text h2 .span-02 {
	font-size: 40px;
	color: #C77380;
}
.voice-area .voice-top .img-comment {
	position: absolute;
	top: -10px;
	right: 70px;
	width: 80px;
}
.voice-area .voice-top .star-list .star-01 {
	top: 130px;
	right: 8%;
	width: 3.2%;
}
.voice-area .voice-top .star-list .star-02 {
	top: 135px;
	right: 11%;
	width: 8%;
}
.voice-area .voice-top .star-list .star-03 {
	top: 180px;
	right: 5%;
	width: 2.4%;
}



.voice-area .voice-list .voice-item {
	margin-bottom: 30px;
	padding: 50px 30px;
	border-radius: 30px;
	background: #ffffff;
	box-shadow: 0px 0px 10px 0px #0000001f;
}
.voice-area .voice-list .voice-item .img {
	float: right;
	margin-left: 20px;
	width: 160px;
}
.voice-area .voice-list .voice-item .name {
	margin-bottom: 20px;
	font-size: 14px;
}
.voice-area .voice-list .voice-item .name p {
	margin: 0;
	color: #9F7D48;
}
.voice-area .voice-list .voice-item .name h3 span {
	margin-right: 5px;
	font-size: 22px;
}
.voice-area .voice-list .voice-item .before-after {
	margin-bottom: 30px;
}
.voice-area .voice-list .voice-item .before-after h4 {
	font-size: 18px;
	font-weight: bold;
	color: #9F7D48;
}
.voice-area .voice-list .voice-item .message h4 {
	width: 115px;
}
.voice-area .voice-list .voice-item .message .text {
  background-image: linear-gradient(0deg, #C6C6C6 1px, transparent 1px);
  background-size: 100% 2.5em;
  line-height: 2.5em;
}
.instructor-area .instructor-top {
	text-align: center;
	font-family: "Noto Serif JP", serif;
}
.instructor-area .instructor-top h2 {
	margin-bottom: 10px;
	font-size: 26px;
}
.instructor-area .instructor-top h2 span {
	display: inline-block;
	position: relative;
}
.instructor-area .instructor-top h2 span::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -65px;
	margin: auto 0;
	width: 40px;
	height: 1px;
	background: #303030;
}
.instructor-area .instructor-top h2 span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -65px;
	margin: auto 0;
	width: 40px;
	height: 1px;
	background: #303030;
}
.instructor-area .instructor-list .instructor-item {
	margin-bottom: 30px;
	padding: 50px 30px;
	border-radius: 30px;
	background: #ffffff;
	box-shadow: 0px 0px 10px 0px #0000001f;
}
.instructor-area .instructor-list .instructor-item .img {
	float: right;
	margin-left: 20px;
	width: 375px;
}
.instructor-area .instructor-list .instructor-item .name {
	margin-bottom: 30px;
}
.instructor-area .instructor-list .instructor-item .name .jp {
	margin-right: 10px;
	font-size: 14px;
}
.instructor-area .instructor-list .instructor-item .name .jp span {
	font-size: 22px;
}
.instructor-area .instructor-list .instructor-item .name .en {
	font-size: 12px;
	font-weight: bold;
	color: #9F7D48;
}
.instructor-area .instructor-list .instructor-item .info {
	margin-bottom: 50px;
}
.instructor-area .instructor-list .instructor-item .info h4 {
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #9F7D48;
}
.instructor-area .instructor-list .instructor-item .message h4 {
	width: 115px;
}
.instructor-area .instructor-list .instructor-item .message .text {
  background-image: linear-gradient(0deg, #C6C6C6 1px, transparent 1px);
  background-size: 100% 2.5em;
  line-height: 2.5em;
	padding-bottom: 1px;
}
.cta-02-area {
	margin-top: 50px;
}
.cta-02-area .cta-main {
	display: flex;
}
.cta-02-area .cta-main .text {
	width: 50%;
	font-size: 23px;
	font-family: "Noto Serif JP", serif;
	z-index: 10;
}
.cta-02-area .cta-main .text .text-01 {
}
.cta-02-area .cta-main .text .text-01 .big {
	font-size: 32px;
}
.cta-02-area .cta-main .text .text-01 .notes {
	position: relative;
}
.cta-02-area .text-01 .notes::before {
	content: "※アドバンスコース受講生";
	position: absolute;
	left: 0;
	bottom: -12px;
	font-size: 10px;
	letter-spacing: normal;
}
.cta-02-area .cta-main .text .text-03 {
	line-height: 2;
}
.cta-02-area .cta-main .text .text-03 span {
	font-weight: 600;
	border-bottom: 1px solid #9F7D48;
	color: #9F7D48;
}
.cta-02-area .cta-main .text .star-box .star-list .star-01 {
	top: 30px;
	left: 74%;
	width: 4%;
}
.cta-02-area .cta-main .text .star-box .star-list .star-02 {
	top: 38px;
	left: 65%;
	width: 11%;
}


.cta-02-area .cta-main .img {
	flex: 1;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	position: relative;
}
.cta-02-area .cta-main .img img {
	position: absolute;
	width: 600px;
	top: 0;
	right: 0;
}
.cta-02-area .btn {
	text-align: center;
}
.cta-02-area .btn img {
	width: 300px;
}
.course-area {
	margin-bottom: 100px;
}
.course-area h2 {
	margin-bottom: 30px;
	text-align: center;
}
.course-area h2 span {
	position: relative;
	display: inline-block;
	font-size: 26px;
	font-family: "Noto Serif JP", serif;
}
.course-area h2 span::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -65px;
	margin: auto 0;
	width: 40px;
	height: 1px;
	background: #303030;
}
.course-area h2 span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -65px;
	margin: auto 0;
	width: 40px;
	height: 1px;
	background: #303030;
}
.course-area .course-list .course-item {
	margin-top: -50px;
	padding: 60px 60px 100px;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0px 0px 10px 0px #0000001f;
}
.course-area .course-list .course-item-01 {
	background-image:  radial-gradient( circle at top left, #FFF1DE 10%, #ffffff 40% );
}
.course-area .course-list .course-item-02 {
	background-image:  radial-gradient( circle at top right, #F5DEE3 10%, #ffffff 40% );
}
.course-area .course-list .course-item-03 {
	background-image:  radial-gradient( circle at top left, #E4EEF8 10%, #ffffff 40% );
}


.course-area .course-list .course-item:first-child {
	margin: 0;
}
.course-area .course-list .course-item .course-item-top {
	text-align: center;
}
.course-area .course-list .course-item .course-item-top h3 {
	margin-bottom: 30px;
	text-align: center;
}
.course-area .course-list .course-item .course-item-top h3 .en {
	display: block;
	margin-bottom: 20px;
}
.course-area .course-list .course-item .course-item-top h3 .en img {
	width: 250px;
}
.course-area .course-list .course-item .course-item-top h3 .jp {
	font-size: 14px;
}
.course-area .course-list .course-item .course-item-top h3 .jp span {
	display: block;
	font-size: 22px;
	font-family: "Noto Serif JP", serif;
}
.course-area .course-list .course-item .course-item-top .text-01 {
	margin: 20px;
}
.course-area .course-list .course-item .course-item-top .text-01 span {
	display: inline-block;
	padding: 10px 0 10px 60px;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../images/course-list-img-01.png);
	background-size: 45px auto;
	background-position: left center;
	background-repeat: no-repeat;
	color: #9F7D48;
}
.course-area .course-list .course-item-02 .course-item-top .text-01 span {
	background-image: url(../images/course-list-img-02.png);
	color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-top .text-01 span {
	background-image: url(../images/course-list-img-03.png);
	color: #7292C4;
}
.course-area .course-list .course-item .course-item-top .text-02 {
	margin: 20px;
	font-weight: bold;
}
.course-area .course-list .course-item .course-item-top .text-03 span {
	display: inline-block;
	padding: 5px 20px;
	border: solid 1px #9F7D48;
	border-radius: 100px;
	font-size: 14px;
	color: #9F7D48;
	line-height: 1;
}
.course-area .course-list .course-item-02 .course-item-top .text-03 span {
	border-color: #C77380;
	color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-top .text-03 span {
	border-color: #7292C4;
	color: #7292C4;
}
.course-area .course-list .course-item .course-item-top .add {
}
.course-area .course-list .course-item .course-item-top .add span {
	display: inline-block;
	border-bottom: solid 1px #9F7D48;
	font-size: 18px;
	font-weight: bold;
	color: #9F7D48;
	cursor: pointer;
}
.course-area .course-list .course-item-02 .course-item-top .add span {
	border-color: #C77380;
	color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-top .add span {
	border-color: #7292C4;
	color: #7292C4;
}
.course-area .course-list .course-item .course-item-bottom {
	display: none;
}
.course-area .course-list .course-item .course-item-bottom .about {
	margin-bottom: 30px;
	border-bottom: solid 1px #C6C6C6;
}
.course-area .course-list .course-item .course-item-bottom .about span {
	color: #9F7D48;
}
.course-area .course-list .course-item-02 .course-item-bottom .about span {
	color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-bottom .about span {
	color: #7292C4;
}
.course-area .course-list .course-item .course-item-bottom .price h4 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #9F7D48;
}
.course-area .course-list .course-item-02 .course-item-bottom .price h4 {
	color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-bottom .price h4 {
	color: #7292C4;
}
.course-area .course-list .course-item .course-item-bottom .price h4 span {
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
	color: #303030;
}
.course-area .course-list .course-item .course-item-bottom .price .price-item-01 {
	margin-bottom: 20px;
}
.course-area .course-list .course-item .course-item-bottom .price .price-item .text-01 {
	margin: 0;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}
.course-area .course-list .course-item .course-item-bottom .price .price-item .text-01 .num {
	font-size: 32px;
}
.course-area .course-list .course-item .course-item-bottom .price .price-item-01 .text-01 .num {
	color: #9F7D48;
}
.course-area .course-list .course-item-02 .course-item-bottom .price .price-item-01 .text-01 .num {
	color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-bottom .price .price-item-01 .text-01 .num {
	color: #7292C4;
}
.course-area .course-list .course-item .course-item-bottom .price .price-item .text-01 .tax {
	font-size: 10px;
}
.course-area .course-list .course-item .course-item-bottom .price .price-item .text-02 {
	margin: 0;
	text-align: right;
	font-size: 10px;
	color: #B2B2B2;
}
.course-area .course-list .course-item .course-item-bottom .free {
	margin-top: 30px;
	text-align: center;
	font-size: 17px;
	color: #9F7D48;
}
.course-area .course-list .course-item-02 .course-item-bottom .free {
	color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-bottom .free {
	color: #7292C4;
}
.course-area .course-list .course-item .course-item-bottom .free p {
	display: inline;
	border-bottom: solid 1px #9F7D48;
}
.course-area .course-list .course-item-02 .course-item-bottom .free p {
	border-color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-bottom .free p {
	border-color: #7292C4;
}
.course-area .course-list .course-item .course-item-bottom .free p span {
	font-weight: bold;
}


.course-area .course-list .course-item .course-item-bottom .consulting {
	margin-top: 30px;
}
.course-area .course-list .course-item .course-item-bottom .consulting span {
	font-weight: bold;
}
.course-area .course-list .course-item-02 .course-item-bottom .consulting span {
	color: #C77380;
}
.course-area .course-list .course-item-03 .course-item-bottom .consulting span {
	color: #7292C4;
}


.cta-03-area h2 {
	margin-bottom: 30px;
	text-align: center;
}
.cta-03-area h2 span {
	border-bottom: solid 1px #9F7D48;
	font-size: 24px;
	font-family: "Noto Serif JP", serif;
}
.cta-03-area .text-01 {
	margin-bottom: 30px;
}
.cta-03-area .text-02 {
	margin-top: -50px;
	font-size: 24px;
	font-family: "Noto Serif JP", serif;
	line-height: 2;
}
.cta-03-area .btn {
	text-align: center;
}
.cta-03-area .btn img {
	width: 300px;
}
.faq-area {
	margin-top: 50px;
}
.faq-area h2 {
	margin-bottom: 30px;
	text-align: center;
}
.faq-area h2 .en {
	display: block;
	margin-bottom: 10px;
}
.faq-area h2 .en img {
	width: 120px;
}
.faq-area h2 .jp {
	display: block;
	font-size: 22px;
	font-family: "Noto Serif JP", serif;
}
.faq-area .faq-list {
	margin-bottom: 100px;
}
.faq-area .faq-list .faq-item {
	padding: 20px 0;
	border-bottom: solid 1px #C6C6C6;
}
.faq-area .faq-list .faq-item h3 {
	position: relative;
	padding: 0 35px;
	font-weight: bold;
	color: #9F7D48;
	cursor: pointer;
}
.faq-area .faq-list .faq-item h3 .num {
	position: absolute;
	top: 0;
	left: 0;
}
.faq-area .faq-list .faq-item h3::before {
	content: "";
	position: absolute;
	top: 12px;
	right: 0;
	width: 14px;
	height: 1px;
	background: #9F7D48;
}
.faq-area .faq-list .faq-item h3::after {
	content: "";
	position: absolute;
	top: 6px;
	right: 6px;
	width: 1px;
	height: 14px;
	background: #9F7D48;
}
.faq-area .faq-list .faq-item.open h3::after {
	display: none;
}
.faq-area .faq-list .faq-item .a {
	display: none;
	margin-top: 10px;
	padding: 0 35px;
}
.faq-area .faq-list .faq-item .a :last-child {
	margin: 0;
}
.faq-area .faq-bottom {
	display: flex;
}
.faq-area .faq-bottom .faq-bottom-left {
	margin-right: 5%;
	width: 60%;
}
.faq-area .faq-bottom .faq-bottom-left .text-01 {
	font-size: 18px;
	font-family: "Noto Serif JP", serif;
	line-height: 2;
}
.faq-area .faq-bottom .faq-bottom-left .text-02 {
	font-size: 22px;
	font-family: "Noto Serif JP", serif;
	line-height: 2;
}
.faq-area .faq-bottom .faq-bottom-left .img-01 {
	text-align: center;
}
.faq-area .faq-bottom .faq-bottom-right {
	flex: 1;
}


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

.mv-area .btn {
	width: 31%;
	top: 73vw;
	right: 2%;
}
.mv-area .scroll {
	top: 80vw;
	left: 3%;
}
.mv-area .scroll .text {
	font-size: 10px;
}
.mv-area .scroll .line {
	top: 60px;
	height : 120px;
}
.mv-area .star-list .star-01 {
	top: 7vw;
	right: 5%;
	width: 4.2%;
}
.mv-area .star-list .star-02 {
	top: 27vw;
	right: 18%;
	width: 4.2%;
}
.mv-area .star-list .star-03 {
	top: 30vw;
	right: 6%;
	width: 7.4%;
}
.mv-area .star-list .star-04 {
	top: 74vw;
	right: 36%;
	width: 4.2%;
}
	
	
.first-area {
	display: block;
	margin-bottom: -25vw;
}
.first-area .text {
	position: relative;
	width: auto;
	z-index: 10;
}
.first-area .img {
	text-align: right;
}
.first-area .img img {
	position: initial;
	width: 90%;
}
	
	
.question-area h2 {
	margin: 35vw 0 50px;
}
.question-area h2 .jp {
	font-size: 6vw;
}
.question-area h2 .jp span {
	font-size: 4.7vw;
}
.question-area ul {
	margin: 0 -5%;
}
.question-area ul li {
	float: initial;
	padding: 0 !important;
	text-align: left;
	width: auto;
}
.question-area ul li img {
	width: 90%;
}
.question-area ul li:nth-child(even) {
	text-align: right;
}
.question-area .img-01 img {
	width: 30%;
}
	
	
.worry-area h2 {
	font-size: 5.5vw;
}
.worry-area ul {
	margin: 0 -5%;
}
.worry-area ul li {
	float: initial;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
	width: auto;
}
.worry-area ul li img {
	width: 90%;
}
.worry-area ul li:nth-child(even) {
	text-align: right;
}
.worry-area .text-01 {
	font-size: 5.5vw;
}
.worry-area .text-02 {
	font-size: 6vw;
}
.worry-area .text-02 .big {
	font-size: 8vw;
}
	

.check-area h2 .jp {
	font-size: 6vw;
}
.check-area h2 .jp .small {
	font-size: 4.5vw;
}
.check-area h2 .jp .big {
	font-size: 7.5vw;
}
.check-area .table-box {
	margin: 0 -7%;
	width: auto;
}
.check-area .img-01 {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 30px;
}
.check-area .text-01 {
	font-size: 6vw;
}
.check-area .text-01 .small {
	font-size: 5vw;
}
.check-area .text-01 .big {
	font-size: 8.5vw;
}
	

.why-area .why-top .img {
	margin-top: -50vw;
}
.why-area .why-top .img img {
	width: 85%;
}
.why-area .why-main .img-02 {
	width: 110vw;
	margin: 0 calc(50% - 55vw) 30px;
}
.why-area .why-main .img-02 img {
	width: 100%;
}
.why-area .why-main .img-03 img {
	width: 90%;
}
.why-area .why-main .title-01 {
	font-size: 5vw;
}
.why-area .why-main .star-box .star-list .star-01 {
	top: -20px;
	left: 74%;
	width: 13%;
}
.why-area .why-main .star-box .star-list .star-02 {
	top: 20px;
	left: 85%;
	width: 2%;
}
.why-area .why-main .star-box .star-list .star-03 {
	top: 22px;
	left: 87.5%;
	width: 6%;
}	
	
	
.cta-area .cta-main {
	padding: 12vw 5%;
}
.cta-area .cta-main .cta-main-top {
	margin: 0 -3%;
	background-size: 30% auto;
}
.cta-area .cta-main .cta-main-top p.text-01 {
	top: -9vw;
	width: 45%;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-03 {
	margin-left: 3%;
	text-align: left;
	font-size: 5.5vw;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-03 > span {
	font-size: 8vw;
}
.cta-area .cta-main .cta-main-top h2 {
	margin: 0 0 10px;
	background: none;
	text-align: center;
}
.cta-area .cta-main .cta-main-top h2 .text-01,
.cta-area .cta-main .cta-main-top h2 .text-02 {
	display: inline-block;
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #D0AD75;
	background: linear-gradient(45deg, rgba(208, 173, 117, 1) 44%, rgba(216, 182, 128, 1) 50%, rgba(250, 221, 175, 1) 58%, rgba(184, 151, 100, 1) 68%, rgba(180, 146, 93, 1) 74%);
	text-align: center;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
}
.cta-area .cta-main .cta-main-top h2 .text-01 {
	font-size: 7.5vw;
}
.cta-area .cta-main .cta-main-top h2 .text-01 span {
	font-size: 5vw;
}
.cta-area .cta-main .cta-main-top h2 .text-02 {
	font-size: 6vw;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-01 {
	font-size: 4.5vw;
}
.cta-area .cta-main .cta-main-top p.text-02 .text-02-02 {
	font-size: 5vw;
}
.cta-area .cta-main ul li {
}
.cta-area .cta-main ul li .text {
	display: block;
}
.cta-area .cta-main ul li .text .text-01 {
	display: block;
	margin: 0;
	font-size: 3.5vw;
}
.cta-area .cta-main ul li .text .text-02 {
	font-size: 5.5vw;
}
.cta-area .cta-main ul li .text .text-02 span {
	font-size: 4.2vw;
}
.cta-area .cta-main .star-list .star-01 {
	top: 3vw;
	right: 3%;
	width: 7.5%;
}
.cta-area .cta-main .star-list .star-02 {
	top: 29vw;
	left: 7%;
	width: 3.2%;
}
.cta-area .cta-main .star-list .star-03 {
	top: 30vw;
	left: 1%;
	width: 7%;
}
.cta-area .cta-main .star-list .star-04 {
	top: 34vw;
	left: 11%;
	width: 2.5%;
}
	
.cta-area .btn {
	margin-top: -30px;
}
	

.message-area {
	display: block;
}
.message-area .text-01 {
	margin-bottom: 1.8em;
	font-size: 4.7vw;
}
.message-area .text-02 {
	margin-bottom: 1.8em;
	font-size: 5.4vw;
}
.message-area .text-02 .big {
	font-size: 7.5vw;
}
.message-area .text-03 {
	font-size: 5.5vw;
}
.message-area .text-03 .span-02 {
	font-size: 8vw;
}
.message-area .text {
	width: auto;
}
.message-area .img {
	margin: 0 -6%;
}
.message-area .img ul li.industry-01 {
	margin-top: -5vw;
}
.message-area .img ul li.industry-02,
.message-area .img ul li.industry-03 {
	margin-top: -18vw;
}
.message-area .img ul li img {
	width: 75%;
}

	
.voice-area .voice-top .text {
	margin: 0;
}
.voice-area .voice-top h2 {
	font-size: 7vw;
}
.voice-area .voice-top .text h2 .span-01 {
	font-size: 8vw;
}
.voice-area .voice-top .text h2 .span-02 {
	font-size: 10vw;
}
.voice-area .voice-top .img-comment {
	position: absolute;
	top: -5vw;
	right: 0;
	width: 26%;
}
.voice-area .voice-top .star-list .star-01 {
	top: 28vw;
	right: 8%;
	width: 4%;
}
.voice-area .voice-top .star-list .star-02 {
	top: 29vw;
	right: 11%;
	width: 10%;
}
.voice-area .voice-top .star-list .star-03 {
	top: 35vw;
	right: 5%;
	width: 3%;
}
.voice-area .voice-list .voice-item {
   padding: 10vw 7%;
}
.voice-area .voice-list .voice-item .img {
	float: none;
	margin: 0 0 30px;
	width: auto;
	text-align: center;
}
.voice-area .voice-list .voice-item .img img {
	width: 55%;
}
	

.instructor-area .instructor-list .instructor-item {
	padding: 10vw 7%;
}
.instructor-area .instructor-list .instructor-item .name .en {
	letter-spacing: 0.1em;
}
.instructor-area .instructor-list .instructor-item .img {
	float: none;
	margin: 0 0 20px;
	width: auto;
}

	
.cta-02-area .cta-main {
	display: block;
}
.cta-02-area .cta-main .text {
	width: auto;
	font-size: 5.4vw;
}
.cta-02-area .cta-main .text .text-01 .big {
	font-size: 7.5vw;
}
.cta-02-area .cta-main .text .img-01 {
	margin-bottom: 30px;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 30px;
	text-align: right;
}
.cta-02-area .cta-main .text .img-01 img {
	width: 90%;
}
	
	
	
.course-area h2 span {
	font-size: 5.8vw;
}
.course-area h2 span::before {
	left: -15%;
	width: 10%;
}
.course-area h2 span::after {
	right: -15%;
	width: 10%;
}
.course-area .course-list .course-item {
	margin-top: -9vw;
	padding: 15vw 5% 20%;
}
	
	
	
.cta-03-area h2 span {
	font-size: 5.8vw;
}
.cta-03-area .img {
	width: 110vw;
	margin: 0 calc(50% - 55vw);
}
.cta-03-area .img img {
	width: 100%;
}
.cta-03-area .text-02 {
	margin-top: -20vw;
	font-size: 5.6vw;
}
	
	
	
.faq-area .faq-bottom {
	display: block;
}
.faq-area .faq-bottom .faq-bottom-left {
	margin: 0;
	width: auto;
}
.faq-area .faq-bottom .faq-bottom-right {
	text-align: center;
}
.faq-area .faq-bottom .faq-bottom-right img {
	width: 70%;
}
.faq-area .faq-bottom .faq-bottom-left .text-01 {
	font-size: 4.2vw;
}
.faq-area .faq-bottom .faq-bottom-left .text-02 {
	font-size: 5.3vw;
}
	
}




/* ///////////////////////////////////////////////////////////////////

その他

/////////////////////////////////////////////////////////////////// */


.effect {
	position: relative;
  transition: 1s;
	opacity: 0;
}

.star-box {
	position: relative;
}
.star-list .star {
	position: absolute;
	opacity: 0;
  transition: all 300ms 0s ease;
	transform: scale(0, 0) 
}
.star-list .star.show {
	opacity: 1;
	transform: scale(1, 1) 
}

.ul-01 li {
	position: relative;
	padding-left: 15px;
}
.ul-01 li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
	
}
.color-01 {
	color: #9F7D48;
}
.add-btn span {
	display: inline-block;
	font-weight: bold;
	color: #9F7D48;
	cursor: pointer;
}
.add-show .add-btn {
	display: none;
}
.add-text {
	position: absolute;
  transition: all 1000ms 0s ease;
	opacity: 0;
	z-index: -10;
}
.add-show p.add-text {
	position: inherit;
	display: block;
	opacity: 1;
	z-index: 1;
}
.add-show span.add-text {
	position: inherit;
	display: inline;
	opacity: 1;
	z-index: 1;
}

.btn-01 {
	position: relative;
	display: inline-block;
	padding: 22px 20px;
	width: 280px;
	border-radius: 100px;
	background: #D0AD75;
	background: linear-gradient(45deg,rgba(208, 173, 117, 1) 13%, rgba(184, 151, 100, 1) 29%, rgba(182, 149, 97, 1) 36%);
	text-align: center;
	outline: 1px solid #ffffff;
	outline-offset: -6px;
	font-size: 19px;
	color: #ffffff;
	overflow: hidden;
}
.btn-01 span {
	padding: 0 30px;
	background-image: url(../images/btn-arrow.png);
	background-position: right center;
	background-size: 10px auto;
	background-repeat: no-repeat;
}
.btn-01::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #ffffff;
	transition: 300ms;
	animation: btn 3s ease-in-out infinite;
}

@-webkit-keyframes btn {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


@media screen and (max-width:640px) {
.btn-01 {
	position: relative;
	padding: 18px 5%;
	width: 70%;
	outline-offset: -4px;
	font-size: 5vw;
}
.btn-01 span {
	padding: 0 20px;
}

}