@charset "utf-8"; 
@media screen and (max-width: 1180px) {
.main-capt-one {
	color:#ffffff;
	font-size:2.4vw;
	font-weight:700;
	font-style: italic;
	line-height:1.5;
}
.main-capt-two {
	color:#f0e6a3;
	font-size:3vw;
	font-weight:700;
	font-style: italic;
	text-align:right;
	padding:0 5% 0 0;
	line-height:1.5;
}
.main-copy-one {
	padding:80px 0 0 0;
	color:#f0e6a3;
	font-size:3.5vw;
	font-weight:700;
	letter-spacing:0;
	line-height:1.3;
}
.main-copy-two {
	color:#ffffff;
	font-size:5.4vw;
	font-weight:700;
	letter-spacing:0;
	line-height:1.3;
}

 }
@media screen and (max-width: 1080px) { 
#body-wrap {
	width:100%;
	position:relative;
	margin-top:0px;
	overflow:hidden;
	background:url(../images/back-pict01.png) center top /140% auto repeat;
	background-attachment: fixed;
}
.main-visu {
	max-width:calc(1180px + 3%);
	width:100%;
	height:auto;
	margin:0 auto;
	padding:200px 1.5% 100px;
	box-sizing: border-box;
	position:relative;
	z-index:1;
	display:flex;
	flex-wrap:wrap;
	flex-direction:	space-between;
	align-items:flex-start;
}
.sect-titl {
	color:#ffffff;
	letter-spacing:0;
	font-size:4.2vw;
	font-weight:400;
	line-height:110%;
	width:auto;
	display:inline-block;
	text-align:left;
	line-height:110%;
	letter-spacing:2px;
	padding:0px 20px 5px 0px;
	margin:10px 0 10px;
	position:relative;
	box-sizing: border-box;
	caret-color: transparent;
	border: 1px solid;
	border-left:none;
	border-top:none;
	border-image: linear-gradient(to right, #750e2b, #dcbb03, #2a8c17, #5329a9, #dcbb03) 1;
}
.firs-wrap {
	width:100%;
	height:auto;
	padding:70px 1.5%;
	box-sizing: border-box;
	background-color: rgba(25, 25, 25, 0.8);
}
 .firs-flex {
	display:flex;
	flex-wrap:wrap;
	gap:0px;
	justify-content:center;
	align-items:center;
}
.firs-list {
	max-width:100%;
	width:100%;
	height:auto;
	border:solid 0px #cccccc;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	gap:30px;
	align-items:center;
	padding-top:60px;
}
.firs-list > li img{
	max-width:50px;
	width:100%;
	height:auto;
}
.font-larg-bold-gold-unde {
	font-size:3vw;
	font-weight:700;
	letter-spacing:0;
	color:#f0e6a3;
	border-bottom:2px solid #f0e6a3;
}
.subj-wrap {
	width:100%;
	height:auto;
	padding:70px 1.5%;
	box-sizing: border-box;
	background-color: rgba(25, 25, 25, 0.0);
}
.subj-flex {
	display:flex;
	flex-wrap:wrap;
	gap:0px;
	justify-content:center;
	align-items:flex-start;
}
.subj-list-wrap {
	max-width:100%;
	width:100%;
	height:auto;
	border:solid 0px #cccccc;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:30px 0;
	padding-bottom:40px;
}
.subj-list > li {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:0px 0px;
	border:solid 0px #cccccc;
	font-size:3.2vw;
	font-weight:400;
	color:#ffffff;
	position:relative;
	padding-left:40px;
}
.subj-list > li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	width: 30px;
	height: 30px;
	background:url(../images/icon-sort04.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.reas-bloc {
	max-width:calc(1180px);
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.reas-list > dd {
	max-width:680px;
	width:auto;
	display:inline-block;
	font-size:1.6rem;
	font-weight:400;
	padding:8px 6%;
	margin:0 0 10px auto;
	color:#ffffff;
	border:solid 1px #ffffff;
	border-radius:60px;
	box-sizing: border-box;
}
.flow-wrap {
	width:100%;
	height:auto;
	padding:40px 1.5% 20px;
	box-sizing: border-box;
	background:rgba(25, 25, 25, 0.0);
	border:solid 0px #cccccc;
}
.flow-list {
	width:100%;
	height:auto;
	border:solid 0px #cccccc;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:20px;
	align-items:flex-start;
	padding-top:40px;
}
.flow-list-item {
	border:solid 0px #cccccc;
	max-width:42%;
	width:100%;
	height:auto;
	margin:0 0 20px;
	border:solid 0px #cccccc;
}

.flow-list-item:nth-last-of-type(-n+2) {
	border:solid 0px #cccccc;
	max-width:42%;
	width:100%;
	height:auto;
	margin:0 0 0px;
	border:solid 0px #cccccc;
}
.syst-wrap {
	width:100%;
	height:auto;
	padding:60px 1.5%;
	box-sizing: border-box;
	background-color: rgba(25, 25, 25, 0.0);
}
.syst-bloc {
	max-width:calc(1180px);
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.syst-flex {
	display:flex;
	flex-wrap:wrap;
	gap:0px;
	justify-content:center;
	align-items:flex-start;
	padding-top:40px;
}
.syst-list-wrap {
	max-width:100%;
	width:100%;
	height:auto;
	border:solid 0px #cccccc;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:40px 0;
	padding-bottom:40px;
}
.disp-wrap {
	width:100%;
	height:auto;
	padding:60px 1.5%;
	box-sizing: border-box;
	background-color: rgba(25, 25, 25, 0.0);
}
.disp-flex {
	display:flex;
	flex-wrap:wrap;
	gap:0px;
	justify-content:center;
	align-items:flex-start;
	padding-top:40px;
}
.disp-list-wrap {
	max-width:100%;
	width:100%;
	height:auto;
	border:solid 0px #cccccc;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:40px 0;
	padding-top:40px;
}
.faq-wrap {
	width:100%;
	height:auto;
	padding:60px 1.5%;
	box-sizing: border-box;
	background:rgba(25, 25, 25, 0.8);
}
.inqu-wrap {
	width:100%;
	height:auto;
	padding:60px 1.5%;
	box-sizing: border-box;
}
}
 @media screen and (max-width: 800px) {
.main-visu {
	max-width:calc(1180px + 3%);
	width:100%;
	height:auto;
	margin:0 auto;
	padding:180px 1.5% 80px;
	box-sizing: border-box;
	position:relative;
	z-index:1;
	display:flex;
	flex-wrap:wrap;
	flex-direction:	space-between;
	align-items:flex-start;
}
.main-visu-elem-left {
	display:block;
	max-width:100%;
	width:56%;
	height:auto;
	padding:0% 0 0 0%;
	box-sizing: border-box;
	border:solid 0px #fff;
}

.main-visu-pict-one {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:408px;
	text-align:center;
	position:absolute;
	z-index:3;
	right:-8%;
	top:-100px;
}
.main-visu-pict-one img {
	width:100%;
	height:auto;
	margin:0 auto;
}
.firs-list {
	max-width:100%;
	width:100%;
	height:auto;
	border:solid 0px #cccccc;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:30px;
	align-items:center;
}
.firs-list > li {
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	gap:20px;
	align-items:center;
	color:#ffffff;
	border:solid 0px #cccccc;

}
.firs-list-capt {
	font-size:3vw;
	font-weight:700;
	color:#ffffff;
}
.font-larg-bold-gold-unde {
	font-size:4vw;
	font-weight:700;
	letter-spacing:0;
	color:#f0e6a3;
	border-bottom:2px solid #f0e6a3;
}
.font-bold-gold {
	font-size:100%;
	font-weight:700;
	letter-spacing:0;
	color:#f0e6a3;
}
.flow-bann-wrap {
	display:block;
	width:100%;
	height:auto;
	position:fixed;
	background: rgba( 25, 25, 25, 0.6 );
	border-top:solid 1px #505050;
	border-bottom:solid 2px #505050;
	bottom:0%;
	z-index:10;
	box-sizing: border-box;
}
.flow-bann {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	max-width:1080px;
	width:100%;
	height:60px;
	padding:2px 2.0%;
	margin:0 auto;
	box-sizing: border-box;
}

.flow-bann-inqu {
	max-width:300px;
	width:100%;
	height:auto;
	transition: max-width .3s ;
}
.flow-bann-inqu img {
	height:auto;
	width:100%;
}
.flow-bann-inqu.small {
	display:block;
    max-width: 300px;
}
.reas-wrap {
	width:100%;
	height:auto;
	padding:60px 1.5%;
	box-sizing: border-box;
	background:url(../images/back-thre-line01.png) right 45% center/auto 100% no-repeat, rgba(25, 25, 25, 0.8);
}
.reas-list > dt {
	max-width:380px;
	width:100%;
	padding:6px 10px 6px 45px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:0px;
	align-items:center;
	font-size:3vw;
	font-weight:400;
	color:#f0e6a3;
	border:solid 1px #f0e6a3;
	position:relative;
	box-sizing: border-box;
}
.reas-list > dt:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 8px;
	width: 30px;
	height: 30px;
	background:url(../images/icon-sort03.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.reas-list > dd {
	max-width:680px;
	width:auto;
	display:inline-block;
	font-size:3.0vw;
	font-weight:400;
	padding:5px 6%;
	margin:0 0 10px auto;
	color:#ffffff;
	border:solid 1px #ffffff;
	border-radius:50px;
	box-sizing: border-box;
}
.flow-list-capt {
	font-size:2.8vw;
	font-weight:700;
	color:#ffffff;
	text-align:center;
}
.syst-list {
	gap:30px 0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	padding-left:0px;
	box-sizing: border-box;
}
.syst-list > li {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:0px 0px;
	border:solid 0px #cccccc;
	font-size:3.4vw;
	font-weight:400;
	line-height:150%;
	color:#ffffff;
	position:relative;
	padding-left:40px;
	box-sizing: border-box;
}
.syst-list > li:after {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 15px);
	width: 30px;
	height: 30px;
	background:url(../images/icon-sort09.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.disp-flex {
	display:flex;
	flex-wrap:wrap;
	gap:0px;
	justify-content:center;
	align-items:flex-start;
	padding-top:40px;
}
.disp-pict {
	display:block;
	width:100%;
	height:auto;
	max-width:384px;
}
.disp-pict img {
	width:100%;
	height:auto;
	margin:0 auto;
}
.disp-list-wrap {
	max-width:100%;
	width:100%;
	height:auto;
	border:solid 0px #cccccc;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:40px 0;
}
.disp-list {
	gap:30px 0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	padding-left:50px;
	box-sizing: border-box;
}
.disp-list > li {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:0px 0px;
	border:solid 0px #cccccc;
	font-size:3.4vw;
	line-height:150%;
	font-weight:400;
	color:#ffffff;
	position:relative;
	padding-left:50px;
	box-sizing: border-box;
}
.disp-list > li:after {
	content: "";
	position: absolute;
	left: 0;
	top:calc(50% - 18px);
	width: 36px;
	height: 36px;
	background:url(../images/icon-sort10.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.disp-list > li:nth-child(2n):after {
 content: "";
 position: absolute;
 left: 0;
	top:calc(50% - 18px);
 width: 36px;
 height: 36px;
 background:url(../images/icon-sort11.svg) center center/100% auto no-repeat;
 background-size: contain;
}
.faq-titl-wrap {
	max-width:810px;
	width:100%;
	padding:6px 35px 6px 55px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:0px;
	align-items:flex-start;
	font-size:2.8vw;
	font-weight:400;
	margin:0 auto;
	color:#f0e6a3;
	border:solid 1px #f0e6a3;
	position:relative;
	box-sizing: border-box;
	cursor:pointer;
	caret-color: transparent;
}
.faq-titl-wrap:after {
	content: "";
	position: absolute;
	left: 8px;
	top: calc(50% - 15px);
	width: 30px;
	height: 30px;
	background:url(../images/icon-faq-ques01.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.faq-answ-wrap {
	max-width:810px;
	width:100%;
	display:block;
	font-size:2.2vw;
	font-weight:400;
	padding:10px 15px 10px 55px;
	margin:0 auto 20px;
	color:#ffffff;
	border:solid 1px #ffffff;
	border-radius:12px;
	box-sizing: border-box;
	position:relative;
}
.faq-answ-wrap:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 8px;
	width: 30px;
	height: 30px;
	background:url(../images/icon-faq-answ01.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.foot-navi li a {
	color:#ffffff;
	font-size:3vw;
	line-height:150%;
	padding:0px 10px 0;
	transition: 0.5s;
}
.foot-navi li a:hover {
	color: rgba(240, 230, 163, 1.0);
}
}
 @media screen and (max-width: 680px) {
 .main-visu-pict-one {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:408px;
	text-align:center;
	position:absolute;
	z-index:3;
	right:-8%;
	top:-80px;
}
.main-visu-pict-one img {
	width:100%;
	height:auto;
	margin:0 auto;
}
.fuki-capt {
	color:#f0e6a3;
	letter-spacing:0;
	font-size:3.2vw;
	font-weight:400;
	line-height:110%;
	max-width:810px;
	width:100%;
	display:block;
	text-align:left;
	line-height:110%;
	letter-spacing:2px;
	padding:15px 15px;
	margin:10px auto 40px;
	position:relative;
	box-sizing: border-box;
	caret-color: transparent;
	border: 1px solid;
	border-image: linear-gradient(to right, #750e2b, #dcbb03, #2a8c17, #5329a9, #dcbb03) 1;
	text-align:center;
}
.form-list {
	width:calc(100% - 0px);
	padding:0px 0px;
	box-sizing: border-box;
	background:rgba(25, 25, 25, 0.6);
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	gap:0px;
	align-items:stretch;
}

 }

@media screen and (max-width: 580px) {
.sect-titl {
	color:#ffffff;
	letter-spacing:0;
	font-size:5vw;
	font-weight:400;
	line-height:110%;
	width:auto;
	display:inline-block;
	text-align:left;
	line-height:110%;
	letter-spacing:2px;
	padding:0px 20px 5px 0px;
	margin:10px 0 10px;
	position:relative;
	box-sizing: border-box;
	caret-color: transparent;
	border: 1px solid;
	border-left:none;
	border-top:none;
	border-image: linear-gradient(to right, #750e2b, #dcbb03, #2a8c17, #5329a9, #dcbb03) 1;
}	
.main-visu {
	max-width:calc(1180px + 3%);
	width:100%;
	height:auto;
	margin:0 auto;
	padding:100px 1.5% 180px;
	box-sizing: border-box;
	position:relative;
	z-index:1;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	flex-direction:	center;
	align-items:flex-start;
}
.main-visu-elem-left {
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
	padding:0% 0 0 0%;
	box-sizing: border-box;
	border:solid 0px #fff;
}
.main-visu-elem-righ {
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
	margin:0 0 0 auto;
	z-index:5;
	border:solid 0px #036;
	box-sizing: border-box;
	position:relative;
}
.main-capt-one {
	color:#ffffff;
	font-size:4.2vw;
	font-weight:700;
	font-style: italic;
	line-height:1.5;
}
.main-capt-two {
	color:#f0e6a3;
	font-size:4.6vw;
	font-weight:700;
	font-style: italic;
	text-align:right;
	padding:0 5% 0 0;
	line-height:1.5;
}
.main-copy-one {
	padding:40px 0 0px;
	color:#f0e6a3;
	font-size:5.5vw;
	font-weight:700;
	letter-spacing:0;
	line-height:1.3;
}
.main-copy-two {
	color:#ffffff;
	font-size:8.4vw;
	font-weight:700;
	letter-spacing:0;
	line-height:1.3;
	margin-bottom:120px;

}
.main-visu-pict-one {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:320px;
	text-align:center;
	position:absolute;
	z-index:3;
	right:5%;
	top:-100px;
}
.main-visu-pict-one img {
	width:100%;
	height:auto;
	margin:0 auto;
}
.main-visu-pict-two {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:300px;
	position:absolute;
	z-index:2;
	left:5%;
	top:50px;
}
.main-visu-pict-two img {
	width:100%;
	height:auto;
	margin:0 auto;
}
.subj-list > li {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:0px 0px;
	border:solid 0px #cccccc;
	font-size:3.6vw;
	font-weight:400;
	color:#ffffff;
	position:relative;
	padding-left:40px;
}
.subj-list > li:after {
	content: "";
	position: absolute;
	left: 0;
	top: -4px;
	width: 30px;
	height: 30px;
	background:url(../images/icon-sort04.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.reas-list > dt {
	max-width:320px;
	width:100%;
	padding:6px 10px 6px 45px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:0px;
	align-items:center;
	font-size:3.4vw;
	font-weight:400;
	color:#f0e6a3;
	border:solid 1px #f0e6a3;
	position:relative;
	box-sizing: border-box;
}
.reas-list > dt:after {
	content: "";
	position: absolute;
	left: 8px;
	top: calc(50% - 12px);
	width: 24px;
	height: 24px;
	background:url(../images/icon-sort03.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.flow-list-step{
display:inline-block;
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:80px;
}
.flow-list-step img{
	width:100%;
	height:auto;
	margin:0 auto;
}
.flow-list-pict{
display:inline-block;
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:40px;
}
.flow-list-pict img{
	width:100%;
	height:auto;
	margin:0 auto;
}
.faq-titl-wrap {
	max-width:810px;
	width:100%;
	padding:6px 35px 6px 35px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:0px;
	align-items:flex-start;
	font-size:2.8vw;
	font-weight:400;
	margin:0 auto;
	color:#f0e6a3;
	border:solid 1px #f0e6a3;
	position:relative;
	box-sizing: border-box;
	cursor:pointer;
	caret-color: transparent;
}
.faq-titl-wrap:after {
	content: "";
	position: absolute;
	left: 8px;
	top:calc(50% - 10px);
	width: 20px;
	height: 20px;
	background:url(../images/icon-faq-ques01.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.faq-answ-wrap {
	max-width:810px;
	width:100%;
	display:block;
	font-size:2.2vw;
	font-weight:400;
	padding:10px 15px 10px 35px;
	margin:0 auto 20px;
	color:#ffffff;
	border:solid 1px #ffffff;
	border-radius:12px;
	box-sizing: border-box;
	position:relative;
}
.faq-answ-wrap:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 8px;
	width: 20px;
	height: 20px;
	background:url(../images/icon-faq-answ01.svg) center center/100% auto no-repeat;
	background-size: contain;
}
.inqu-form {
	max-width:902px;
	width:calc(100% - 0px);
	padding:0%;
	margin:20px auto;
	box-sizing: border-box;
}
.form-list dt {
	color:#ffffff;
	font-size:3.6vw;
	width:100%;
	min-height:30px;
	font-weight:700;
	padding:10px 10px;
	border-bottom: 1px solid;
	border-image: linear-gradient(to right, #750e2b, #dcbb03, #2a8c17, #5329a9, #dcbb03) 1;
	vertical-align:top;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	box-sizing: border-box;
}
.form-list dd {
	font-size:3.4vw;
	width:100%;
	min-height:30px;
	background:none;
	padding:15px 15px;
	border:solid 0px #ccc;
	border-bottom:none;
	text-align:left;
	box-sizing: border-box;
}
.entr-chec-box {
	font-size:3.0vw;
	color:#ffffff;
	width:100%;
	margin:40px auto 40px;
	text-align:center;
}
.entr-chec-box a {
	color:#ffffff;
	text-decoration:underline;
}
.inqu-butt {
	font-size:3.4vw;
	color:#ffffff;
	letter-spacing:2px;
	background:url(../images/icon-arro-righ01.svg)right 20px center / 20px auto no-repeat, #333333;
	line-height:150%;
	width:calc(80% - 0px);
	padding:20px 10px;
	border: 0px double #cbdc51;
	border-radius:0px;
	cursor:pointer;
	-webkit-appearance: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	position:relative;
	top:-5px;
	box-shadow: 0px 3px 0px 0px rgba(240, 230, 163, 1.0);
}
.inqu-butt:hover {
	color: #252525;
	position:relative;
	top:0px;
	background:url(../images/icon-arro-righ01.svg)right 10px center / 20px auto no-repeat, #f0e6a3;
	border:0px solid #6fbe97;
	box-shadow: 0px 0px 0px 0px rgba(233, 109, 122, 1.0);
}
#page-top {
	position:fixed;
	bottom:30px;
	right:10px;
	z-index:100;
}
#page-top a {
	border-radius:0px;
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	border:solid 2px #f0e6a3;
	text-decoration:none;
	background:rgba(25, 25, 25, 0.6);
	transition: 0.2s;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
form#mailformpro .mfp_buttons .but-inp ,.mfp_element_submit,.mfp_element_reset,.mfp_element_button,button.mfp_next,button.mfp_prev {
	color: #fff;
	font-size:0.9rem;
	letter-spacing:2px;
	line-height:150%;
	width: 44%;
	padding:10px;
	margin:auto 2px;
	background:url(../images/icon-arro-righ01.svg)right 5px center / 10px auto no-repeat, #333333;
	border: 0px double #cbdc51;
	border-radius:5px;
	cursor:pointer;
	transition: 0.5s;/* アニメーション */
	-webkit-transition: 0.5s;
	outline:none;
	-webkit-box-sizing: border-box;
box-sizing: border-box;
/*折り返さない場合*/
	white-space: nowrap;
	word-break:keep-all;
	
}
form#mailformpro .mfp_buttons .but-inp:hover,.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover,button.mfp_next:hover,button.mfp_prev:hover {
	color: #252525;
	background:url(../images/icon-arro-righ01.svg)right 5px center / 10px auto no-repeat, #f0e6a3;
	border:0px solid #6fbe97;
	font-size:0.9rem;
	letter-spacing:2px;
	line-height:150%;
	width: 44%;
	padding:10px;
	margin:auto 2px;
	border-radius:5px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
box-sizing: border-box;
/*折り返さない場合*/
	white-space: nowrap;
	word-break:keep-all;

}
 }
 @media screen and (max-width: 380px) {
.syst-list > li {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:0px 0px;
	border:solid 0px #cccccc;
	font-size:4.0vw;
	font-weight:400;
	line-height:150%;
	color:#ffffff;
	position:relative;
	padding-left:40px;
	box-sizing: border-box;
}
.disp-list > li {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:0px 0px;
	border:solid 0px #cccccc;
	font-size:4vw;
	line-height:150%;
	font-weight:400;
	color:#ffffff;
	position:relative;
	padding-left:50px;
	box-sizing: border-box;
}
.faq-titl-wrap {
	max-width:810px;
	width:100%;
	padding:6px 35px 6px 35px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:0px;
	align-items:flex-start;
	font-size:3.4vw;
	font-weight:400;
	margin:0 auto;
	color:#f0e6a3;
	border:solid 1px #f0e6a3;
	position:relative;
	box-sizing: border-box;
	cursor:pointer;
	caret-color: transparent;
}
.faq-answ-wrap {
	max-width:810px;
	width:100%;
	display:block;
	font-size:2.8vw;
	font-weight:400;
	padding:10px 15px 10px 35px;
	margin:0 auto 20px;
	color:#ffffff;
	border:solid 1px #ffffff;
	border-radius:12px;
	box-sizing: border-box;
	position:relative;
}
 }
 @media screen and (max-width: 360px) {
 }