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


.inner-container{ padding-left: 0; padding-right: 0; }
#app_wrapper ul,
#app_wrapper ol,
#app_wrapper li{ list-style: none; padding: 0; margin: 0; }

.link-usual {
  color: #004ea2 !important;
}

#app_wrapper {
	background: #fff;
	min-width: 1000px;
}
#app_wrapper img{ display: inline-block; }

@media screen and (min-width: 481px){ /*480pxを超えるcss*/
	.pc-hide {
		display: none !important;
	}
}

@media screen and (max-width: 480px){ /*480px以下のcss*/
	#app_wrapper {
		min-width: auto;
	}
	.sp-hide {
		display: none !important;
	}
}

/* app-main */
#app_wrapper .app-main {
	position: relative;
	top: 50%;
	min-height: 180vw;
	background: #004ea2;
	overflow: hidden;
}

#app_wrapper .app-main .mainv_wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 170vw;
	margin: 0 auto;
	padding: 0;
	//text-indent: -9999px;
}

#app_wrapper .app-main > .mainv_wrapper > *:not(.mainv_notes),
#app_wrapper .app-main > .mainv_wrapper > *:not(.mainv_notes02),
#app_wrapper .app-main > .mainv_wrapper > *:not(.mainv_notes03) {
	position: absolute;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#app_wrapper .aniv2nd {
	background-color: #eaf5fc;
	text-align: center;
	margin: 0 auto;
}

#app_wrapper .aniv2nd img {
	width: 90%;
	max-width: 800px;
	padding: 40px 5%;
}


@media screen and (max-width: 480px){
	#app_wrapper .app-main .mainv_title_logo {
		width: 18.28vw;
		height: 0;
		padding-top: 18.28vw;
		top: 6.25vw;
		left: 15.47vw;
		background-image: url("../image/mainv_title_logo.png?20240821");
	}

	#app_wrapper .app-main .mainv_title_balloon {
		width: 45vw;
		height: 0;
		padding-top: 22.03vw;
		top: 6.25vw;
		left: 40.16vw;
		background-image: url("../image/mainv_title_balloon.png?20240821");
	}

	#app_wrapper .app-main .mainv_title_app {
		display: block;
		height: 0;
		padding-top: 7.96875vw;
		top: 31.093vw;
		left: 0;
		right: 0;
		margin: 0 4.6875vw;
		background-image: url("../image/mainv_title_app.png?20240821");
	}

	#app_wrapper .app-main .mainv_title_new {
		width: 34.53vw;
		height: 0;
		padding-top: 14.375vw;
		top: 41.56vw;
		left: 0;
		right: 0;
		margin: auto;
		background-image: url("../image/mainv_title_new.png?20240821");
	}

	#app_wrapper .app-main .mainv_notes {
		width: 100%;
		padding: 0 4.6875vw 0;
		font-size: 4.0625vw;
		color: #fff;
		text-indent: 0;
		line-height: 1.5;
		position: absolute;
		top: 46.875vw;
		left: 0;
		box-sizing: border-box;
	}

	#app_wrapper .app-main .mainv_notes02 {
		width: 100%;
		padding: 0 4.6875vw 0;
		font-size: 4.0625vw;
		color: #fff;
		text-indent: 0;
		line-height: 1.5;
		position: absolute;
		top: 115vw;
		left: 0;
		box-sizing: border-box;
	}

	#app_wrapper .app-main .mainv_notes03 {
		width: 100%;
		padding: 0 2vw 0;
		font-size: 6.5vw;
		font-weight: 700;
		color: #ffff00;
		text-align: center;
		line-height: 1.5;
		position: absolute;
		top: 140vw;
		left: 0;
		right: 0;
		box-sizing: border-box;
	}

	#app_wrapper .app-main .mainv_lead {
		width: 80.3vw;
		height: 0;
		padding-top: 16.4vw;
		top: 84.375vw;
		left: 3.9vw;
		background-image: url("../image/mainv_lead.png?20240821");
	}

	#app_wrapper .app-main .mainv_deco {
		width: 20.15vw;
		height: 0;
		padding-top: 17.03vw;
		top: 93.75vw;
		left: 75.16vw;
		background-image: url("../image/mainv_deco.png?20240821");
	}

	#app_wrapper .app-main .mainv_scroll {
		position: absolute;
		bottom: 2.2%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 20.3%;
		height: 9.375vw;
	}

	#app_wrapper .app-main .mainv_scroll::before,
	#app_wrapper .app-main .mainv_scroll::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	#app_wrapper .app-main .mainv_scroll::before {
		width: 10.9vw;
		height: 3.9vw;
		top: 0;
		background-image: url("../image/sp_mainv_scroll.png?20240821");
	}

	#app_wrapper .app-main .mainv_scroll::after {
		width: 20.3vw;
		height: 6.25vw;
		bottom: 0;
		background-image: url("../image/sp_mainv_scroll_arrow.png?20240821");
		animation: scrollArrow 1.0s 0s infinite;
	}
}

@keyframes scrollArrow {
		0% { transform: translateY(0);}
	 80% { transform: translateY(20%);}
	100% { transform: translateY(0);}
}

@media screen and (min-width: 481px){ /*1112px以下のcss*/
	#app_wrapper .app-main {
		height: 950px !important;
		min-height: inherit;
	}

	#app_wrapper .app-main .mainv_wrapper {
		width: 1000px;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 740px;
	}

	#app_wrapper .app-main .mainv_title_logo {
		width: 116px;
		height: 116px;
		background-image: url("../image/mainv_title_logo.png?20240821");
		top: 55px;
		left: 279px;
	}

	#app_wrapper .app-main .mainv_title_balloon {
		width: 288px;
		height: 142px;
		background-image: url("../image/mainv_title_balloon.png?20240821");
		top: 51px;
		left: 437px;
	}

	#app_wrapper .app-main .mainv_title_app {
		width: 440px;
		height: 65px;
		background-image: url("../image/mainv_title_app.png?20240821");
		top: 210px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#app_wrapper .app-main .mainv_title_new {
		width: 290px;
		height: 120px;
		background-image: url("../image/mainv_title_new.png?20240821");
		top: 292px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#app_wrapper .app-main .mainv_notes {
		font-size: 24px;
		line-height: 1.67;
		color: #fff;
		text-align: center;
		text-indent: 1px;
		position: absolute;
		top: 297px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#app_wrapper .app-main .mainv_notes02 {
		font-size: 24px;
		line-height: 1.67;
		color: #fff;
		text-align: center;
		text-indent: 1px;
		position: absolute;
		top: 600px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#app_wrapper .app-main .mainv_notes03 {
		font-size: 48px;
		font-weight: bold;
		line-height: 1.4;
		color: #FFFF00;
		text-align: center;
		text-indent: 1px;
		position: absolute;
		top: 700px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#app_wrapper .app-main .mainv_lead {
		width: 635px;
		height: 130px;
		background-image: url("../image/mainv_lead.png?20240821");
		top: 437px;
		left: 184px;
	}

	#app_wrapper .app-main .mainv_deco {
		width: 130px;
		height: 110px;
		background-image: url("../image/mainv_deco.png?20240821");
		top: 452px;
		left: 797px;
	}

	#app_wrapper .app-main .mainv_scroll {
		display: none;
	}
}
/* app-main anime */

#app_wrapper .app-main.is-loading > .mainv_wrapper > * {
	opacity: 0;
}

#app_wrapper .app-main > .mainv_wrapper > * {
	opacity: 1;
	transform: none;
}

#app_wrapper .app-main .mainv_title_logo {
	transition: all 0.3s ease-in-out 0.9s;
}

#app_wrapper .app-main .mainv_title_balloon {
	transition: all 0.3s ease-in-out 0.9s;
}

#app_wrapper .app-main .mainv_title_app {
	transition: transform 0.3s cubic-bezier(.68,-0.55,.33,1.76) 0s,
							opacity 0.3s ease 0s;
}

#app_wrapper .app-main .mainv_title_new {
	transition: all 0.3s ease-in-out 0.6s;
}

#app_wrapper .app-main .mainv_notes {
	transition: all 0.3s ease-in-out 1.2s;
}

#app_wrapper .app-main .mainv_lead {
	transition: all 0.3s ease-in-out 1.5s;
}

#app_wrapper .app-main .mainv_deco {
	transition: all 0.5s cubic-bezier(.68,-0.55,.33,1.76) 2s;
}

#app_wrapper .app-main .mainv_notes02 {
	transition: all 0.3s ease-in-out 2.5s;
}

#app_wrapper .app-main .mainv_notes03 {
	transition: all 0.3s ease-in-out 2.8s;
}

#app_wrapper .app-main.is-loading .mainv_title_logo {
	transform: translateX(20px) translateY(0);
}

#app_wrapper .app-main.is-loading .mainv_title_balloon {
	transform: translateX(-40px) translateY(0);
}

#app_wrapper .app-main.is-loading .mainv_title_app {
	transform: scale(0.8) translateY(20px);
	transition: all 0.5s ease 0s;
}

#app_wrapper .app-main.is-loading .mainv_title_new {
	transform: translateX(0) translateY(-20px);
}

#app_wrapper .app-main.is-loading .mainv_notes,
#app_wrapper .app-main.is-loading .mainv_notes02,
#app_wrapper .app-main.is-loading .mainv_notes03 {
	transform: translateX(0) translateY(40px);
}

#app_wrapper .app-main.is-loading .mainv_lead {
	transform: translateY(20px) translateX(0);
}

#app_wrapper .app-main.is-loading .mainv_deco {
	transform: translateX(-40px);
}

#app_wrapper .app-main.is-loading .mainv_deco {
	transform: scale(0.8) rotate(-10deg);
}

/* common */
.app-content * {
	/*color: #ffffff;*/
}

.button_wrap {
	text-align: center;
}

.button {
	display: inline-block;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background: #fff100;
	position: relative;
}

.button::after {
		content: "";
		background: url("../image/icon-arrow.png?20240821") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
}

.button.button_back::after {
	transform: rotate(180deg);
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.feeling_block .toggle_header {
	background: #004ea2;
	position: relative;
}

.feeling_block .toggle_header:before,
.feeling_block .toggle_header:after {
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: .2s;
}

.feeling_block .toggle_header.is-open:after {
	transform: rotate(90deg);
}

.feeling_block .toggle_header h4 {
	margin: 0;
	color: #fff;
	font-weight: bold;
}

.feeling_block .toggle_body {
	background: #e2edf1;
}

.hanging .hanging_icon {
	vertical-align: top;
}

.hanging td,
.hangign th {
	padding: 0;
}

.toggle_body {
	display: none;
}


@media screen and (max-width: 480px){
	.app-content {
		width: 100%;
		padding: 0 15px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.button {
		padding: 10px 57px 10px 40px;
		font-size: 14px;
		border-radius: 20px;
	}

	.button:after {
		width: 7px;
		height: 11px;
		right: 41px;
		transition: .2s all;
	}

  .button_wrap + .button_wrap {
    padding-top: 1em;
  }

	.button.button_back {
		padding: 10px 40px 10px 57px;
	}

	.button.button_back:after {
		left: 41px;
		right:  inherit;
	}


	.feeling_block .toggle_header {
		padding: 8px 40px 9px 11px;
		font-size: 15px;
	}

	.feeling_block .toggle_header:before {
		width: 16px;
		height: 2px;
		right: 12px;
	}

	.feeling_block .toggle_header:after {
		width: 2px;
		height: 16px;
		right: 19px;
	}

	.feeling_block .toggle_header h4 {
		font-size: 15px;
	}

	.feeling_block .toggle_body {
		padding: 10px;
	}
}

@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.app-content {
		width: 1000px;
		margin: 0 auto;
	}

	.button {
		padding: 20px 122px 20px 92px;
		font-size: 18px;
		border-radius: 30px;
	}

	.button:after {
		width: 12px;
		height: 19px;
		right: 94px;
		transition: .2s all;
	}

  .button_wrap + .button_wrap {
    padding-top: 2em;
  }

	.button:hover {
		opacity: 1;
	}

	.button:hover::after {
		right: 89px;
	}

	.button.button_back {
		padding: 20px 92px 20px 122px;
	}

	.button.button_back:after {
		left: 94px;
		right:  inherit;
	}

	.button.button_back:hover:after {
		left: 89px;
	}

	.feeling_block .toggle_header {
		padding: 14px 60px 16px 22px;
	}

	.feeling_block .toggle_header:before {
		width: 20px;
		height: 2px;
		right: 20px;
	}

	.feeling_block .toggle_header:after {
		width: 2px;
		height: 20px;
		right: 29px;
	}

	.feeling_block .toggle_header h4 {
		font-size: 20px;
	}

	.feeling_block .toggle_body {
		padding: 30px;
	}
}


/* app-menu */
@media screen and (max-width: 480px){
	.app-menu {
		padding-top: 6.25vw;
		/*padding-bottom: 6.25vw;*/
	}

	#app_wrapper .app-menu .app-content ul {
		margin-bottom: 6.5625vw;
	}

	#app_wrapper .app-menu .app-content ul > li {
		margin-bottom: 6.56vw;
		position: relative;
	}

	#app_wrapper .app-menu .app-content ul > li a {
		display: block;
		width: 100%;
		height: 0;
		padding-top: 51.2%;
		text-indent: -9999px;
	}

	#app_wrapper .app-menu .app-content ul > li.menu_feeling_otoku a {
		background: url("../image/sp_app-menu_otoku.png?20240821") no-repeat;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li.menu_feeling_enjoy a {
		background: url("../image/sp_app-menu_enjoy.png?20240821") no-repeat;
		background-size: contain;
	}

	/*#app_wrapper .app-menu .app-content ul > li.menu_feeling_special a {
		padding-top: 60.125vw;
	}*/

	#app_wrapper .app-menu .app-content ul > li.menu_feeling_special a {
		background: url("../image/sp_app-menu_special.png?20240821") no-repeat;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li.menu_feeling_convenient a {
		background: url("../image/sp_app-menu_convenient.png?20240821") no-repeat;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li span {
		position: absolute;
		bottom: 2.2%;
		left: 57.24%;
		margin: 0 auto;
		width: 19.68vw;
		height: 7.5vw;
		text-indent: -9999px;
	}

	#app_wrapper .app-menu .app-content ul > li span::before,
	#app_wrapper .app-menu .app-content ul > li span::after {
		content: '';
		display: block;
		position: absolute;
		margin: 0 auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li span::before {
		width: 9.844vw;
		height: 2.66vw;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
		background-image: url("../image/app-menu_more.png?20240821");
	}

	#app_wrapper .app-menu .app-content ul > li span::after {
		width: 100%;
		height: 5.625vw;
		bottom: 0.5vw;
		background-image: url("../image/app-menu_more_arrow.png?20240821");
		animation: scrollArrow 1.0s 0s infinite;
	}

}

@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.app-menu {
		padding-top: 40px;
    /*padding-bottom: 40px;*/
	}

	#app_wrapper .app-menu .app-content ul {
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	#app_wrapper .app-menu .app-content ul > li {
		padding-bottom: 48px;
		position: relative;
	}

	#app_wrapper .app-menu .app-content ul > li a {
		display: block;
		width: 234px;
		height: 93px;
		text-indent: -9999px;
	}

	#app_wrapper .app-menu .app-content ul > li.menu_feeling_otoku a {
		background: url("../image/app-menu_otoku.png?20240821") no-repeat;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li.menu_feeling_enjoy a {
		background: url("../image/app-menu_enjoy.png?20240821") no-repeat;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li.menu_feeling_special a {
		background: url("../image/app-menu_special.png?20240821") no-repeat;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li.menu_feeling_convenient a {
		background: url("../image/app-menu_convenient.png?20240821") no-repeat;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li span {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 84px;
		height: 32px;
		text-indent: -9999px;
	}

	#app_wrapper .app-menu .app-content ul > li span::before,
	#app_wrapper .app-menu .app-content ul > li span::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	#app_wrapper .app-menu .app-content ul > li span::before {
		width: 44px;
		height: 10px;
		top: 0;
		background-image: url("../image/app-menu_more.png?20240821");
	}

	#app_wrapper .app-menu .app-content ul > li span::after {
		width: 84px;
		height: 25px;
		bottom: 0;
		background-image: url("../image/app-menu_more_arrow.png?20240821");
		animation: scrollArrow 1.0s 0s infinite;
	}
}

/* app-cam */
.app-cam {
	background: #fff100;
  background-size: 10px 10px;
}

@media screen and (max-width: 480px){
	.app-cam {
		padding: 20px 0;
    margin-bottom: 20px;
	}

	.app-cam .app-cam_heading {
		width: 100%;
		height: 0;
		padding-top: 40.34%;
		margin: 0 auto 5%;
		text-indent: -9999px;
		background: url("../image/sp_app-cam_heading.png?20240821") no-repeat top;
		background-size: contain;
	}

	.app-cam .app-cam_detail_sub {
		width: 100%;
		height: 0;
		padding-top: 74.48%;
		margin: 0 auto 15px;
		text-indent: -9999px;
		background: url("../image/sp_app-cam_detail_sub.png?20240821") no-repeat;
		background-size: contain;
	}

  .app-cam .app-cam_detail_main {
		width: 100%;
		height: 0;
		padding-top: 175.17%;
		margin: 0 auto 15px;
		text-indent: -9999px;
		background: url("../image/sp_app-cam_detail_main.png?20240821") no-repeat;
		background-size: contain;
	}

  .app-cam .app-cam_present {
		width: 100%;
		height: 0;
		padding-top: 156.55%;
		margin: 0 auto;
		text-indent: -9999px;
		background: url("../image/sp_app-cam_present.png?20240821") no-repeat;
		background-size: contain;
	}

  .app-cam .app-cam_shoptouroku {
		width: 100%;
		height: 0;
		padding-top: 477.24%;
		margin: 0 auto;
		text-indent: -9999px;
		background: url("../image/sp_app-cam_shoptouroku.png?20240821") no-repeat;
		background-size: contain;
	}

  .app-cam .app-cam_anniversary {
		width: 100%;
		height: 0;
		padding-top: 289.31%;
		margin: 0 auto;
		text-indent: -9999px;
		background: url("../image/sp_app-cam_anniversary.png?20240821") no-repeat;
		background-size: contain;
	}
}

@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.app-cam {
		padding: 40px 0;
    margin-bottom: 40px;
	}

	.app-cam .app-cam_heading {
		width: 940px;
		height: 170px;
		margin: 0 auto 20px;
		text-indent: -9999px;
		background: url("../image/app-cam_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-cam .app-cam_detail_sub {
		width: 1000px;
		height: 300px;
		margin: 0 auto 40px;
		text-indent: -9999px;
		background: url("../image/app-cam_detail_sub.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-cam .app-cam_detail_main {
		width: 1000px;
		height: 580px;
		margin: 0 auto 40px;
		text-indent: -9999px;
		background: url("../image/app-cam_detail_sub_main.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-cam .app-cam_present {
		width: 1000px;
		height: 630px;
		margin: 0 auto;
		text-indent: -9999px;
		background: url("../image/app-cam_present.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-cam .app-cam_shoptouroku {
		width: 1000px;
		height: 1746px;
		margin: 0 auto;
		text-indent: -9999px;
		background: url("../image/app-cam_shoptouroku.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-cam .app-cam_anniversary {
		width: 1000px;
		height: 1820px;
		margin: 0 auto;
		text-indent: -9999px;
		background: url("../image/app-cam_anniversary.png?20240821") no-repeat;
		background-size: contain;
	}
}

/* app-feeling */

.app-feeling .feeling_block {
  border-top: 4px dotted #004ea2;
}

.app-feeling .feeling_block:first-child {
  border-top: none;
}

@media screen and (max-width: 480px){
	.app-feeling .feeling_block {
		padding: 20px 0;
	}

	.app-feeling .feeling_block .feeling_balloon {
		width: 100%;
		height: 0;
		padding-top: 16.4vw;
		margin-bottom: 7px;
		text-indent: -9999px;
	}

	.app-feeling .feeling_block h3 {
		width: 100%;
		height: 0;
		text-indent: -9999px;
	}

	/* feeling_otoku */
	.app-feeling .feeling_block#feeling_otoku .feeling_balloon {
		background: url("../image/sp_feeling_otoku_balloon.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_otoku h3 {
		padding-top: 71.897%;
		margin-bottom: 16px;
		background: url("../image/sp_feeling_otoku_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_otoku .toggle_notes {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.75;
	}


	/* feeling_enjoy */
	.app-feeling .feeling_block#feeling_enjoy .feeling_balloon {
		background: url("../image/sp_feeling_enjoy_balloon.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_enjoy h3 {
		padding-top: 76.207%;
		margin-bottom: 14px;
		background: url("../image/sp_feeling_enjoy_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile {
		display: flex;
		padding-bottom: 15px;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile > p {
		flex: none;
		width: 70px;
		margin-right: 11px;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile > div {
		width: calc(100% - 81px);
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile h5 {
		padding-top: 2px;
		margin-bottom: 5px;
		color: #004ea2;
		font-size: 13px;
		font-weight: bold;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile > div p {
		font-size: 12px;
		line-height: 1.75;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list {
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li {
		padding: 10px 0;
		border-top: 1px dashed #004ea2;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list .step_number {
		display: inline-block;
		padding: 0 10px;
		margin-bottom: 10px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height: 25px;
		background: #004ea2;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list .step_notes {
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		line-height: 1.61;
		color: #004ea2;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li .step_img {
		padding-top: 10px;
		max-width: 320px;
		margin: 0 auto;
	}


	/* step1 */
	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step1 .step_img {
		padding-right: 33px;
		padding-left: 33px;
	}

	/* step3 */
	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step3 .step_img {
		max-width: 118px;
		padding: 9px 101px 0;
		margin: 0 auto;
	}


	/* feeling_special */

	.app-feeling .feeling_block#feeling_special .feeling_balloon {
		background: url("../image/sp_feeling_special_balloon.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_special h3 {
		padding-top: 71.897%;
		margin-bottom: 14px;
		background: url("../image/sp_feeling_special_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_special .hanging {
		font-size: 11px;
		line-height: 1.5;
	}


	/* feeling_convenient */
	.app-feeling .feeling_block#feeling_convenient .feeling_balloon {
		padding-top: 26.72%;
		background: url("../image/sp_feeling_convenient_balloon.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_convenient h3 {
		padding-top: 71.897%;
		margin-bottom: 20px;
		background: url("../image/sp_feeling_convenient_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_convenient .card_list_block {
		padding: 11px 10px 0;
		border-radius: 5px;
		background: #e2edf1;
	}

	.app-feeling .feeling_block#feeling_convenient .card_list_block h4 {
		margin-bottom: 6px;
		font-size: 12px;
		color: #004ea2;
		text-align: center;
		font-weight: bold;
	}

	.app-feeling .feeling_block#feeling_convenient .card_list_block ul {
		display: flex;
		flex-wrap: wrap;
		margin-left: -7.5px;
	}

	.app-feeling .feeling_block#feeling_convenient .card_list_block ul  > li {
		width: calc(33.3% - 7.5px);
		padding-bottom: 7.5px;
		margin-left: 7.5px;
	}

	/* feeling_mypage */
  .app-feeling  #feeling_mypage {
    height: 0;
    padding-top: 126.724%;
    margin-bottom: 20px;
    background: url("../image/sp_feeling_mypage.png?20240821") no-repeat center;
		background-size: contain;
		text-indent: -9999px;
  }

	/* feeling_touroku */
  .app-feeling  #feeling_touroku {
    height: 0;
    padding-top: 177.5%;
    margin-bottom: 20px;
    background: url("../image/sp_feeling_touroku.png?20240821") no-repeat center;
		background-size: contain;
		text-indent: -9999px;
  }
}
@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.app-feeling .feeling_block {
		padding: 40px 0;
	}

	.app-feeling .feeling_block .feeling_balloon {
		width: 100%;
		height: 86px;
		text-indent: -9999px;
	}

	.app-feeling .feeling_block h3 {
		width: 100%;
		height: 325px;
		text-indent: -9999px;
	}


	/* feeling_otoku */
	.app-feeling .feeling_block#feeling_otoku .feeling_balloon {
		margin-bottom: -4px;
		background: url("../image/feeling_otoku_balloon.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_otoku h3 {
		margin-bottom: 38px;
		background: url("../image/feeling_otoku_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_otoku .toggle_notes {
		margin-bottom: 18px;
		font-size: 16px;
		line-height: 1.75;
	}


	/* feeling_enjoy */
	.app-feeling .feeling_block#feeling_enjoy .feeling_balloon {
		margin-bottom: 14px;
		background: url("../image/feeling_enjoy_balloon.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_enjoy h3 {
		margin-bottom: 30px;
		background: url("../image/feeling_enjoy_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile {
		display: flex;
		align-items: center;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 2px dashed #004ea2;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile > p {
		flex: none;
		width: 140px;
		margin-right: 30px;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile > div {
		width: 769px;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile h5 {
		margin-bottom: 13px;
		color: #004ea2;
		font-size: 18px;
		font-weight: bold;
	}

	.app-feeling .feeling_block#feeling_enjoy .about_mile > div p {
		font-size: 16px;
		line-height: 1.75;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list {
		display: flex;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li + li {
		padding-left: 24px;
		border-left: 2px dashed #004ea2;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list .step_number {
		display: inline-block;
		padding: 0 13px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 36px;
		background: #004ea2;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list .step_notes {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		color: #004ea2;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li .step_img {
		padding-top: 18px;
	}


	/* step1 */
	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step1 {
		width: 275px;
		margin-right: 31px;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step1 .step_number {
		margin-bottom: 24px;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step1 .step_notes + .step_notes {
		padding-top: 11px;
	}

	/* step2 */
	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step2 {
		width: 283px;
		margin-right: 21px;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step2 .step_number {
		margin-bottom: 10px;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step2 .step_notes + .step_notes {
		padding-top: 10px;
	}


	/* step3 */
	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step3 {
		width: 281px;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step3 .step_number {
		margin-bottom: 58px;
	}

	.app-feeling .feeling_block#feeling_enjoy .step_list > li.step3 .step_img {
		width: 118px;
		margin: 0 auto;
	}


	/* feeling_special */
	.app-feeling .feeling_block#feeling_special {
		position: relative;
	}

	.app-feeling .feeling_block#feeling_special .feeling_balloon {
		margin-bottom: 14px;
		background: url("../image/feeling_special_balloon.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_special h3 {
		background: url("../image/feeling_special_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_special .hanging {
    width: 400px;
    position: absolute;
    left: 600px;
    top: 317px;
		font-size: 18px;
    line-height: 28px;
	}


	/* feeling_convenient */
	.app-feeling .feeling_block#feeling_convenient .feeling_balloon {
		margin-bottom: 15px;
		background: url("../image/feeling_convenient_balloon.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_convenient h3 {
		margin-bottom: 20px;
		background: url("../image/feeling_convenient_heading.png?20240821") no-repeat;
		background-size: contain;
	}

	.app-feeling .feeling_block#feeling_convenient .card_list_block {
		padding: 20px 30px 9px;
		border-radius: 10px;
		background: #e2edf1;
	}

	.app-feeling .feeling_block#feeling_convenient .card_list_block h4 {
		margin-bottom: 10px;
		font-size: 24px;
		color: #004ea2;
		text-align: center;
		font-weight: bold;
	}

	.app-feeling .feeling_block#feeling_convenient .card_list_block ul {
		display: flex;
		flex-wrap: wrap;
		margin-left: -20px;
	}

	.app-feeling .feeling_block#feeling_convenient .card_list_block ul  > li {
		width: 172px;
		margin-bottom: 19px;
		margin-left: 20px;
	}

	/* feeling_mypage */
  .app-feeling  #feeling_mypage {
    height: 740px;
    margin-bottom: 40px;
    background: url("../image/feeling_mypage.png?20240821") no-repeat center;
		background-size: contain;
		text-indent: -9999px;
  }

	/* feeling_touroku */
  .app-feeling  #feeling_touroku {
    height: 491px;
    margin-bottom: 40px;
    background: url("../image/feeling_touroku.png?20240821") no-repeat center;
		background-size: contain;
		text-indent: -9999px;
  }
}

/* app-cam-content */
.app-cam-content {
  border: 2px solid #fff100;
}

.heading_content {
	color: #004ea2;
	text-align: center;
	background: #fff100;
}

.heading_content span {
	color: #004ea2;
}

.heading_lead {
	text-align: center;
	color: #004ea2;
}

.app-cam-content .heading_lead {
	color: #fff100;
}

.app-cam-content .card_notes {
  text-align: center;
  color: #fff;
}

.app-cam-content .card_notes a {
  color: #fff;
}

.app-cam-content .card_notes a:hover {
  color: #fff100;
}

.app-cam-content .present_notes {
	text-indent: -9999px;
}

.about_more,
.about_coupon {
	text-align: center;
}

.app-cam-content .hanging {
  color: #fff;
}

.app-cam-content .present_hanging {
  font-weight: bold;
  color: #fff100 !important;
}

@media screen and (max-width: 480px){
	.app-cam-content {
		padding: 10px;
		border-radius: 5px;
	}

	.heading_content {
		padding: 7px 10px 6px;
		margin-bottom: 12px;
		font-size: 13px;
		line-height: 1.38;
		border-radius: 5px;
	}

	.heading_content span {
		display: inline-block;
	}

	.heading_lead {
		margin-bottom: 11px;
		font-size: 13px;
	}

	.app-cam-content .card_list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		margin-left: -7.5px;
		text-align: center;
	}

	.app-cam-content .card_list > li {
		width: calc(33.3% - 7.5px);
		margin-left: 7.5px;
		margin-bottom: 10px;
	}

	.app-cam-content .hanging {
		font-size: 11px;
		line-height: 1.5;
	}

	/* about_member */
	.app-cam-content .about_member .card_list {
		justify-content: left;
	}

  .app-cam-content .about_member .card_notes {
    margin-bottom: 10px;
    font-size: 11px;
  }

	.app-cam-content .about_member .present_notes {
		width: 100%;
		height: 0;
		padding-top: 20.89%;
		margin: 0 auto 8px;
		background: url("../image/sp_present_notes_member.png?20240821") no-repeat;
		background-size: contain;
	}

	/* about_credit */
	.app-cam-content .about_credit .present_notes {
		width: 100%;
		height: 0;
		padding-top: 7.8125vw;
		margin-bottom: 9px;
		background:  url("../image/sp_present_notes_credit.png?20240821") no-repeat center;
		background-size: contain;
	}

	.app-cam-content .about_credit .hanging {
		margin-bottom: 12px;
	}

	/* about_kips */
	.app-cam-content .about_kips .present_notes {
		width: 100%;
		height: 0;
		padding-top: 7.8125vw;
		margin-bottom: 7px;
		background:  url("../image/sp_present_notes_kips.png?20240821") no-repeat center;
		background-size: contain;
	}

	.app-cam-content .about_kips .hanging {
		margin-bottom: 0;
	}

	.about_more {
		padding: 17px 54px 16px;
		margin: 0 auto;
	}

	.about_coupon {
		padding: 14px 30px 15px;
    margin-bottom: 20px;
		border: 1px solid #fff;
		border-radius: 3.75px;
	}

	.app-cam-content .present_hanging {
    margin-bottom: 10px;
    font-size: 12px;
	}

}

@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.app-cam-content {
		padding: 30px;
		border-radius: 10px;
	}

	.heading_content {
		padding: 10px 10px 11px;
		margin-bottom: 20px;
		font-size: 26px;
		border-radius: 10px;
	}

	.heading_lead {
		margin-bottom: 20px;
		font-size: 24px;
	}

	.app-cam-content .card_list {
		display: flex;
		justify-content: center;
		width: 840px;
		margin: auto;
		text-align: center;
	}

	.app-cam-content .card_list > li {
		width: 160px;
	}

	.app-cam-content .card_list > li + li {
		margin-left: 10px;
	}

	/* about_member */
	.app-cam-content .about_member {
		/*margin-bottom: 34px;*/
	}

	.app-cam-content .about_member .card_list {
		margin-bottom: 15px;
	}

  .app-cam-content .about_member .card_notes {
    margin-bottom: 30px;
  }

	.app-cam-content .about_member .present_notes {
		width: 588px;
		height: 130px;
		margin: 0 auto 27px;
		background: url("../image/present_notes_member.png?20240821") no-repeat;
		background-size: contain;
	}

	/* about_credit */
	.app-cam-content .about_credit {
		margin-bottom: 30px;
	}

	.app-cam-content .about_credit .card_list {
		margin-bottom: 24px;
	}

	.app-cam-content .about_credit .present_notes {
		width: 466px;
		height: 50px;
		margin: 0 auto 20px;
		background: url("../image/present_notes_credit.png?20240821") no-repeat;
		background-size: contain;
	}

	/* about_kips */
	.app-cam-content .about_kips .present_notes {
		width: 500px;
		height: 50px;
		margin: 0 auto 21px;
		background: url("../image/present_notes_kips.png?20240821") no-repeat;
		background-size: contain;
	}

	.about_more {
		width: 368px;
		padding: 33px 0;
		margin-left: 296px;
	}

	.about_coupon {
		padding: 30px 0;
    margin-bottom: 40px;
		border: 2px solid #fff;
		border-radius: 10px;
	}

	.app-cam-content .present_hanging {
    margin-bottom: 20px;
		font-size: 18px;
    line-height: 1.5;
	}
}

/* app-cam-christmas */

.app-christmas {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.app-cam-christmas .heading_content {
  background: #004ea2;
  color: #fff;
}

.app-cam-christmas .about_christmas {
  border: 2px solid #9f934b;
}

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

	.app-christmas {
    padding: 20px 0;
	}

  .app-cam-christmas .christmas_heading {
		width: 100%;
    height: 0;
    padding-top: 41.85%;
		margin: 0 auto 15px;
		text-indent: -9999px;
		background: url("../image/sp_christmas_heading.png?20240821") no-repeat;
		background-size: contain;
  }

  .app-cam-christmas .about_christmas {
		padding: 10px;
		border-radius: 5px;
  }

  .app-cam-christmas .christmas_notes {
		width: 100%;
    height: 0;
    padding-top: 30.37%;
		margin: 0 auto 15px;
		text-indent: -9999px;
		background: url("../image/sp_christmas_notes.png?20240821") no-repeat;
		background-size: contain;
  }

  .app-cam-christmas .christmas_prize .christmas_prize_1st {
		width: 100%;
    height: 0;
    padding-top: 25.92%;
    margin-bottom: 15px;
		text-indent: -9999px;
		background: url("../image/sp_christmas_prize_1st.png?20240821") no-repeat;
		background-size: contain;
  }

  .app-cam-christmas .christmas_prize .christmas_prize_2nd {
		width: 100%;
    height: 0;
    padding-top: 28.52%;
    margin-bottom: 15px;
		text-indent: -9999px;
		background: url("../image/sp_christmas_prize_2nd.png?20240821") no-repeat;
		background-size: contain;
  }

  .app-cam-christmas .hanging {
    font-size: 11px;
    line-height: 1.5;
  }
}

@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.app-christmas {
    margin-bottom: 20px;
	}

	.app-cam-christmas {
    padding: 40px 0;
	}

  .app-cam-christmas .christmas_heading {
		width: 940px;
		height: 150px;
		margin: 0 auto 30px;
		text-indent: -9999px;
		background: url("../image/christmas_heading.png?20240821") no-repeat;
		background-size: contain;
  }

  .app-cam-christmas .about_christmas {
		padding: 30px;
		border-radius: 10px;
  }

  .app-cam-christmas .christmas_notes {
		width: 784px;
		height: 79px;
		margin: 0 auto 30px;
		text-indent: -9999px;
		background: url("../image/christmas_notes.png?20240821") no-repeat;
		background-size: contain;
  }

  .app-cam-christmas .christmas_prize {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }

  .app-cam-christmas .christmas_prize .christmas_prize_1st {
		width: 390px;
		height: 140px;
    margin-right: 20px;
		text-indent: -9999px;
		background: url("../image/christmas_prize_1st.png?20240821") no-repeat;
		background-size: contain;
  }

  .app-cam-christmas .christmas_prize .christmas_prize_2nd {
		width: 430px;
		height: 140px;
    margin-left: 20px;
		text-indent: -9999px;
		background: url("../image/christmas_prize_2nd.png?20240821") no-repeat;
		background-size: contain;
  }
}


/* app-function */
.app-function .function_img_table .hanging_icon {
	color: #45b035;
}

.app-function .function_img,
.app-function .function_img_notes	{
	text-align: center;
}

@media screen and (max-width: 480px){
	.app-function {
		padding: 20px 0 30px;
	}

	.app-function .faq_link {
		margin-bottom: 35px;
	}

	.app-function .heading_lead {
		margin-bottom: 0;
	}

	.app-function .function_img	{
		padding: 0 30px;
		margin-bottom: 4px;
	}

	.app-function .function_img_notes	{
		margin-bottom: 6px;
		font-size: 11px;
	}

	.app-function .function_img_table {
		margin-bottom: 14px;
		font-size: 12px;
		line-height: 1.75;
	}

	.app-function .function_version {
		padding-top: 10px;
		font-size: 11px;
		line-height: 1.5;
	}

}
@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.app-function {
		padding: 40px 0 65px;
	}

	.app-function .faq_link {
		margin-bottom: 60px;
	}

	.app-function .function_img	{
		margin-bottom: 14px;
	}

	.app-function .function_img_notes	{
		margin-bottom: 16px;
		font-size: 14px;
	}

	.app-function .function_img_table {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 31px;
		font-size: 16px;
		line-height: 1.75;
	}

	.app-function .function_version {
		text-align: center;
		padding-top: 5px;
		font-size: 16px;
	}
}

/* heading_section */
.heading_section {
	border-bottom: 2px solid #004ea2;
}

@media screen and (max-width: 480px){
	.heading_section {
		padding: 4px 0;
		margin: 0 0 16px;
		font-size: 18px;
	}
}
@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.heading_section {
		padding: 5px 0;
		margin: 0 auto 30px;
		font-size: 24px;
	}
}

/* notice_area */
.notice_area {
  background: #B81C22;
}

.notice_area p {
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  color: #FFF;
}

.notice_area p span {
  display: inline-block;
}

@media screen and (max-width: 480px){
  .notice_area {
    padding: 20px;
  }

  .notice_area p {
    font-size: 16px;
  }
}
@media screen and (min-width: 481px){ /*1112px以下のcss*/
  .notice_area {
    padding: 20px 0;
  }

  .notice_area p {
    width: 1000px;
    margin: 0 auto;
    font-size: 22px;
  }
}

/* download_area */
#app_wrapper .download_area .heading_balloon {
  color: #000000;
  text-align: center;
  background: #fff100;
  position: relative;
}

#app_wrapper .download_area .heading_balloon:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 0 20px;
  border-color: #fff100 transparent transparent transparent;
  position: absolute;
  bottom: -15px;
  right: 0;
  left: 0;
  margin: auto;
}

#app_wrapper .download_area .list-badge {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 480px){
  #app_wrapper .download_area {
    /*margin-bottom: 20px;*/
  }

  #app_wrapper .download_area .heading_balloon {
    padding: 1em 0;
    margin-bottom: 30px;
    font-size: 16px;
  }

  #app_wrapper .download_area .list-badge {
    margin-bottom: 20px;
  }

  #app_wrapper .download_area .heading_balloon:before {
    border-width: 10px 15px 0 15px;
    bottom: -10px;
  }

  #app_wrapper .download_area .list-badge li:first-child {
    margin-right: 10px;
  }

  #app_wrapper .download_area .app-notes {
    padding: 0 15px;
    font-size: 12px;
    line-height: 1.75;
  }
}
@media screen and (min-width: 481px){ /*1112px以下のcss*/
  #app_wrapper .download_area {
    /*margin-bottom: 40px;*/
  }

  #app_wrapper .download_area .heading_balloon {
    padding: 0.7em 0;
    margin-bottom: 50px;
    font-size: 22px;
  }

  #app_wrapper .download_area .list-badge {
    margin-bottom: 40px;
  }

  #app_wrapper .download_area .list-badge li:first-child {
    margin-right: 30px;
  }

  #app_wrapper .download_area .app-notes {
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
  }
}


/*-----------------
	faq.html
-------------------*/
.faq_list .toggle_header {
	color: #004ea2;
	border: 2px solid #004ea2;
	background: #fff;
	position: relative;
}

.faq_list .toggle_header:before,
.faq_list .toggle_header:after {
	content: "";
	display: block;
	background: #004ea2;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: .2s;
}

.faq_list .toggle_header.is-open:after {
	transform: rotate(90deg);
}

.faq_list .toggle_header h4 {
	color: #fff;
	font-weight: bold;
}

.app-faq .toggle_body {
	background: #e2edf1;
}


@media screen and (max-width: 480px){
	.app-faq {
		padding: 20px 0;
	}

	#app_wrapper .app-faq .faq_list > li {
		margin-bottom: 20px;
	}

	.app-faq .faq_list .toggle_header {
		padding: 6px 38px 7px 9px;
		font-size: 15px;
	}

	.app-faq .faq_list .toggle_header:before {
		width: 16px;
		height: 2px;
		right: 12px;
	}

	.app-faq .faq_list .toggle_header:after {
		width: 2px;
		height: 16px;
		right: 19px;
	}

	.app-faq .faq_list .toggle_header h4 {
		font-size: 15px;
	}

	.app-faq .toggle_body {
		padding: 10px;
		line-height: 1.5;
	}

	.app-faq .toggle_body * {
		line-height: 1.5;
	}

	.list_contact {
		padding-top: .5em;
	}

	#app_wrapper .list_contact > li {
		margin-bottom: .5em;
	}

	#app_wrapper .list_contact > li a {
		text-decoration: none;
	}
}
@media screen and (min-width: 481px){ /*1112px以下のcss*/
	.app-faq {
    padding-top: 40px;
    padding-bottom: 44px;
	}

	#app_wrapper .app-faq .faq_list > li {
		margin-bottom: 30px;
	}

	.app-faq .faq_list .toggle_header {
		padding: 12px 58px 14px 20px;
		font-size: 20px;
		cursor: pointer;
	}

	.app-faq .faq_list .toggle_header:before {
		width: 20px;
		height: 2px;
		right: 20px;
	}

	.app-faq .faq_list .toggle_header:after {
		width: 2px;
		height: 20px;
		right: 29px;
	}

	.app-faq .faq_list .toggle_header h4 {
		font-size: 20px;
	}

	.app-faq .toggle_body {
		padding: 15px 30px;
		font-size: 16px;
		line-height: 1.5;
	}

	.app-faq .toggle_body * {
		font-size: 16px;
		line-height: 1.5;
	}

	.list_contact {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: .5em;
	}

	#app_wrapper .list_contact > li {
		display: flex;
		width: 50%;
    margin-bottom: 0.3em;
	}

	.list_contact .contact_store {
		width: 40%;
	}
}

/* faq_list bg-blue */
.faq_list.bg-blue .toggle_header {
	color: #fff;
	border: 2px solid #004ea2;
	background: #004ea2;
	position: relative;
}

.faq_list.bg-blue .toggle_header:before,
.faq_list.bg-blue .toggle_header:after {
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: .2s;
}

.faq_list.bg-blue .toggle_header.is-open:after {
	transform: rotate(90deg);
}

.faq_list.bg-blue .toggle_header h4 {
	color: #fff;
	font-weight: bold;
}

.app-faq.bg-blue .toggle_body {
	background: #e2edf1;
}

@media screen and (max-width: 480px){
  .app-faq.faq_index {
    padding-top: 0;
  }

  .faq_list_about {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dashed #004ea2;
  }

  .faq_list_about .card_img {
    width: 85px;
    margin: 0 auto 5px;
  }

  .faq_list_about .card_text {
    font-size: 12px;
    line-height: 1.75;
  }

  .list_flow {
    margin-bottom: 15px;
  }

  #app_wrapper .list_flow > li {
    margin-bottom: 35px;
    position: relative;
  }

  #app_wrapper .list_flow > li:last-child {
    margin-bottom: 0;
  }

  #app_wrapper .list_flow > li + li:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:15px 15px 0 15px;
    border-color: #004ea2 transparent transparent transparent;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
  }

  #app_wrapper .list_flow > li .flow-img {
    width: 87px;
    margin: 0 auto 10px;
  }

  #app_wrapper .list_flow > li .flow-text {
    font-size: 12px;
    text-align: center;
    line-height: 1.75;
  }

  #app_wrapper .list_flow > li .flow-text span {
    font-size: 11px;
    line-height: 1.4;
  }

}

@media screen and (min-width: 481px){ /*1112px以下のcss*/
  .app-faq.faq_index {
    padding-top: 0;
  }

  .app-faq.faq_index .heading_content {
    margin-bottom: 40px;
  }

  .faq_list_about {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px dashed #004ea2;
  }

  .faq_list_about .card_img {
    width: 170px;
  }

  .faq_list_about .card_text {
    width: 740px;
    line-height: 1.75;
  }

  .list_flow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }

  #app_wrapper .list_flow > li {
    width: 300px;
    position: relative;
  }

  #app_wrapper .list_flow > li + li:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 30px;
    border-color: transparent transparent transparent #004ea2;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -30px;
  }

  #app_wrapper .list_flow > li .flow-img {
    width: 118px;
    margin: 0 auto 20px;
  }

  #app_wrapper .list_flow > li .flow-text {
    text-align: center;
    line-height: 1.75;
  }

  #app_wrapper .list_flow > li .flow-text span {
    font-size: 14px;
    line-height: 1.4;
  }
}