@charset "utf-8"; 
@media screen and (max-width: 1080px) {
.head-titl{
	display:none;
}
.head-flex-left{
	max-width:30%;
	width:100%;
	height:auto;
}
.head-flex-righ{
	max-width:70%;
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	align-items:center;
}
.head-navi-wrap {
	max-width:300px;
    position: fixed;
    top: 70px;
    right: -300px;
    width: 300px;
    height: 80vh; /* % ではなく vh で親の高さに依存させる */
    text-align: center;
    margin: auto;
    padding: 0;
    display: block;
    background-color: rgba(255, 255, 255, 0.0);
    overflow-y: auto; /* スクロールバーを必要に応じて表示 */
    pointer-events: auto;
}
.head-navi-wrap.head-navi-acti {
 display:block;
}
.head-navi {
 min-width:300px;
 width:100%;
 margin:0px auto;
 text-align:center;
 position:relative;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 align-items:center;
}
.head-navi li {
 text-align:center;
 width:100%;
 height:auto;
 border-left:solid 1px #1c9e19;
 border-top:solid 1px #1c9e19;
}
.head-navi li:last-of-type {
 border-left:solid 1px #1c9e19;
 border-bottom:solid 1px #1c9e19;
}
.head-navi li a {
 color:#252525;
 width:calc(100% - 0px);
 font-weight:700;
 display:block;
 text-align:center;
 text-decoration:none;
 font-size:1.0rem;
 letter-spacing:0;
 margin:auto;
 padding:12px 0px;
 transition: 0.8s;
    background-color: rgba(255, 255, 255, 0.9);
 
}
.head-navi li a:hover {
 color:#f49c34;
 background:#fff;
 text-decoration:none;
 border-radius:2px;
    background-color: rgba(255, 255, 255, 0.8);
 
}
.hamb-butt-wrap {
 width:58px;
 height:58px;
 margin:0px 0 0 10px;
 position:relative;
 cursor:pointer;
 border:solid 2px #252525;
 	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	pointer-events: auto;
}
.hamb-butt, .hamb-butt span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.hamb-butt {
 position: relative;
 width: 36px;
 height: 28px;
caret-color: transparent;
}
.hamb-butt span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: #ababab;
 border-radius: 1px;
}
.hamb-butt span:nth-of-type(1) {
 top: 0;
}
.hamb-butt span:nth-of-type(2) {
 top: 13px;
}
.hamb-butt span:nth-of-type(3) {
 bottom: 0;
}
.hamb-butt.hamb-butt-acti span:nth-of-type(1) {
 transform: translateY(13px) rotate(-45deg);
}
.hamb-butt.hamb-butt-acti span:nth-of-type(2) {
 opacity: 0;
}
.hamb-butt.hamb-butt-acti span:nth-of-type(3) {
 transform: translateY(-13px) rotate(45deg);
}
#body-wrap {
	width:100%;
	position:relative;
	margin-top:70px;
	overflow:hidden;
}

.main-visi{
	max-width:1180px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:40px 1.25%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;	
}
.main-capt-wrap{
	box-sizing: border-box;
	max-width:100%;
	width:100%;
	height:auto;
	text-align:left;
}
.main-butt-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin:0 auto 15px;
}
.main-thre-labe{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin:0 auto;
}
.main-visi-sild-wrap {
	max-width:640px;
	width:100%;
	height:auto;
	margin:30px auto 0;
	padding:0;
}

}
/* アコーディオンメニュー時　hide mnu-wra配置の親要素をpositon:relative必須*/
@media print, screen and (max-width: 800px) {
.brea-800{
	display:none;
}
.brea-from-800{
	display:block;
}

.head-logo{
	max-width:140px;
	max-height:80px;
	width:100%;
	height:auto;
	padding-right:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	pointer-events: auto;
}
.head-logo img {
	max-width:140px;
	max-height:51px;
	width:100%;
	height:auto;
}
.head-logo-capt {
	display:inline-block;
	color:#252525;
	font-size:0.75rem;
	padding-left:0px;
	letter-spacing:0;
	pointer-events: auto;
}
.flow-list {
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content: center;/*両端分布*/
	align-items:flex-start;
}
.flow-list-item {
	max-width:380px;
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 40px;
}
.flow-list-item:last-of-type{
	margin:0 auto 30px;

}
.flow-list-item :after{
  content:none;
  position: absolute;
  right:calc(50% - 30px);
  bottom:calc(0% - 0px);
  width: 0px;
  height: 0px;
  margin: 60px auto 0px;
  border-style: solid;
  border-color: transparent transparent transparent #1c9e19;
  border-width: 30px 20px 30px 20px;
  transform: rotate(0deg);
}
.flow-list-item:last-of-type :after{
	content:none;
}
.shop-list {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:flex-start;
	margin-bottom:40px;
}
.shop-list-item {
	max-width:46%;
	width:100%;
	height:auto;
	position:relative;
	background:#ffffff;
	border-radius:6px;
	padding:30px 1.25%;
	margin:0 auto 20px;
	box-sizing: border-box;
}
.shop-list-item:nth-last-of-type(-n+2) {
	margin:0 auto 0px;

}

.step-list-item{
	border:solid 2px #cccccc;
	max-width:874px;
	width:100%;
	min-height:244px;
	height:auto;
	padding:0 10px 30px 20px;
	background:#FFF;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:relative;
	box-sizing: border-box;
}
.step-list-item:nth-child(2) {
 margin:20px auto;
}

.step-list-pict {
	width:280px;
	height:auto;
	margin-right:0%;
}
.step-list-pict img {
	width:100%;
	height:auto;
}
.step-data {
	width:calc(100% - 0%);
}
/*-------------------------------------------------
 page top
-------------------------------------------------*/
#page-top {
	position:fixed;
	bottom:30px;
	right:10px;
	z-index:100;
}
#page-top a {
	border-radius:0px;
	display:block;
	width:42px;
	height:42px;
	text-align:center;
	color:#FFF;
	border:solid 2px #252525;
	text-decoration:none;
	background:#ffffff;
	transition: 0.2s;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
#page-top a img{
	max-width:34px;
	width:100%;
	height:auto;
}
}
@media screen and (max-width: 580px) {
.head-inqu-list {
	max-width:140px;
	width:100%;
	height:auto;
	margin:0 0 0 auto;
	align-items:center;
}
a.head-link-butt {
	color:#252525;
	font-size:0.9rem;
	font-weight:700;
	display:inline-block;
	max-width:100%;
	width:100%;
	height:auto;
	text-align:center;
	padding:4px 12px 4px 0;
	background:#ffec4b;
	border:solid 2px #1c9e19;
	border-radius:6px;
	box-sizing: border-box;
	background:url(../images/icon-arro-righ-circ01.svg) right 5px center /15px auto no-repeat,#ffec4b;
	transition: 0.3s;
}
a.head-link-butt:hover {
		background:url(../images/icon-arro-righ-circ01.svg) right 5px center /15px auto no-repeat,#ffffff;
	transition: 0.3s;
}	
.hamb-butt-wrap {
 width:42px;
 height:42px;
 margin:0px 0 0 10px;
 position:relative;
 cursor:pointer;
 border:solid 2px #252525;
 	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	pointer-events: auto;
}
.hamb-butt, .hamb-butt span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.hamb-butt {
 position: relative;
 width: 30px;
 height: 22px;
caret-color: transparent;
}
.hamb-butt span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: #ababab;
 border-radius: 1px;
}
.hamb-butt span:nth-of-type(1) {
 top: 0;
}
.hamb-butt span:nth-of-type(2) {
 top: 10px;
}
.hamb-butt span:nth-of-type(3) {
 bottom: 0;
}
.hamb-butt.hamb-butt-acti span:nth-of-type(1) {
 transform: translateY(10px) rotate(-45deg);
}
.hamb-butt.hamb-butt-acti span:nth-of-type(2) {
 opacity: 0;
}
.hamb-butt.hamb-butt-acti span:nth-of-type(3) {
 transform: translateY(-10px) rotate(45deg);
}
.main-visi{
	max-width:1180px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:10px 1.25%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;	
}
.main-visi-sild-wrap {
	max-width:640px;
	width:100%;
	height:auto;
	margin:8px auto 0;
	padding:0;
}

.main-capt-catc{
	font-size:5vw;
	font-weight:700;
	line-height:130%;
	padding-bottom:10px;
}
.main-butt-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	margin:0 auto 10px;
}
.main-butt:first-of-type{
		margin-right:0px;
}

a.link-butt {
	color:#252525;
	font-size:4vw;
	font-weight:700;
	display:inline-block;
	max-width:300px;
	width:auto;
	height:auto;
	text-align:center;
	padding:6px 25px 6px 10px;
	background:#ffec4b;
	border:solid 2px #1c9e19;
	border-radius:6px;
	box-sizing: border-box;
	background:url(../images/icon-arro-righ-circ01.svg) right 5px center /15px auto no-repeat,#ffffff;
	transition: 0.3s;
}
a.link-butt:hover {
		background:url(../images/icon-arro-righ-circ01.svg) right 5px center /15px auto no-repeat,#fff5a0;
	transition: 0.3s;
}

.main-thre-labe{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	margin:0 auto;
}
.main-thre-labe li{
	max-width:158px;
	width:100%;
	height:auto;
	color:#ffffff;
	font-weight:700;
	font-size:1.0rem;
	background:#1c9e19;
	margin:0px auto 8px;
	padding:2px 8px;
	font-style: italic;
}
.font-larg-bold{
	font-weight:700;
	font-size:8vw;
	line-height:130%;

}
.font-midd-bold{
	font-weight:700;
	font-size:5vw;
	line-height:130%;

}
.main-capt-desc p{
	font-size:0.9rem;
	font-weight:700;
	line-height:150%;
	padding-bottom:15px;
}
.flow-wrap {
	width:100%;
	height:auto;
	padding:30px 1.25%;
	box-sizing: border-box;
}
.sect-titl-unde {
	color:#212121;
	width:calc(100% - 0px);
	padding:0;
	text-align:center;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.sect-titl-unde-inn {
	color:#212121;
	font-weight:700;
	font-size:7vw;
	padding:10px 0 5px;
	border-bottom:solid 3px #1c9e19;
	display:inline;
	line-height:200%;
	letter-spacing:0;
}
.reas-wrap {
	width:100%;
	height:auto;
	padding:30px 1.25%;
	box-sizing: border-box;
	background:#fffeea;
}
.reas-list {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content: space-between;
	align-items:flex-start;
}
.reas-list-item {
	max-width:380px;
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 30px;
}
.shop-wrap {
	width:100%;
	height:auto;
	padding:30px 1.25%;
	box-sizing: border-box;
	background:#ffdf0a;
}
.shop-list-capt {
	font-size:4vw;
	font-weight:700;
	line-height:150%;
	text-align:center;
}

a.inqu-butt {
	color:#252525;
	font-size:1.2rem;
	font-weight:700;
	display:block;
	max-width:540px;
	width:100%;
	height:auto;
	text-align:center;
	padding:10px 40px 10px 15px;
	background:#ffec4b;
	border:solid 3px #1c9e19;
	border-radius:12px;
	box-sizing: border-box;
	background:url(../images/icon-arro-righ-circ01.svg) right 15px center /20px auto no-repeat,#ffffff;
	margin:0 auto 10px;
	position:relative;
	top:0px;
	transition: 0.3s;
}
a.inqu-butt:hover {
		background:url(../images/icon-arro-righ-circ01.svg) right 10px center /20px auto no-repeat,#fff5a0;
	transition: 0.3s;
	position:relative;
	margin:0 auto 10px;
	top:4px;
	transition: 0.3s;
}
.step-wrap {
	width:100%;
	height:auto;
	padding:30px 1.25%;
	box-sizing: border-box;
	background:#ffffff;
}
.faq-wrap {
	width:100%;
	height:auto;
	padding:30px 1.25%;
	box-sizing: border-box;
	background:#fffeea;
}
.faq-titl-text {
	width: calc(100% - 0px);
	line-height: 130%;
	color: #252525;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 12px 36px 12px 0px;
	border-radius: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.faq-answ-capt {
	width: calc(100% - 0px);
	min-height:93px;
	height:100%;
	font-size: 1.1rem;
	box-sizing: border-box;
	padding: 12px 12px 12px 0px;
}
 }
 @media screen and (max-width: 380px) {
 }
 @media screen and (max-width: 360px) {
 }