#appstamp {
	font-family:"Meiryo UI", "ＭＳ Ｐゴシック", "MS-PGothic", "Hiragino Kaku Gothic Pro", "osaka", "Verdana", "Arial", "Georgia", "メイリオ", "Meiryo", "MS UI Gothic", sans-serif;	
	background-color: #fff;
	font-size: 16px;
	color: #333;
}
.appstamp-headerNavi {
	background-color: #003894;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 40px;
}
.appstamp-headerNavi a {
	color: #fff;
	text-decoration: none;
}
.appstamp-headerNaviLogo img {
	width: 140px;
	height: auto;
}
.appstamp-headerNaviLink {
	display: flex;
}
.appstamp-headerNaviLinkTxt {
	margin: 0 0 0 50px;
	position: relative;
	font-size: 20px;
}
.appstamp-headerNaviLinkTxt:before,
.appstamp-headerNaviLinkTxt:after {
	content: "";
	position: absolute;
	top: 10px;
	margin: auto;
	width: 4px;
	height: 4px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.appstamp-headerNaviLinkTxt:before {
	left: -21px;
}
.appstamp-headerNaviLinkTxt:after {
	left: -15px;
}
.appstamp-contents {
	margin: 0 auto;
	padding: 0;
	line-height: 1.6;
}
.appstamp-mainImg {
	margin: 0 auto 70px;
	text-align: center;
	border-bottom: solid 4px #003894;
	position: relative;
}
.appstamp-mainImg:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: -36px;
  left: 0;
  right: 0;
  border-bottom: solid 32px #fff000;
}
.appstamp-mainImg img {
	vertical-align: top;
}
.appstamp-stepTxt {
	color: #003894;
	font-size: 14px;
	padding: 0 0 1.6em;
}
.appstamp-stepTxtHeading {
	font-size: 24px;
	line-height: 1.2em;
	padding: 0 0 0.6em 0;
}

.appstamp-stepTxtMark {
	background: linear-gradient(transparent 50%, #fbc002 50%);
}
/* PC */
@media screen and (min-width: 569px){
	.appstamp-contents {
		padding: 0 30px 0;
	}
	.appstamp-mainImg {
		background-color: #cdecff;
	}
	.appstamp-step{
		/*padding: 0 0 30px; アプリダウンロードエリア表示時*/
		padding: 0 0 90px; /*アプリダウンロードエリア非表示時*/
		display: flex;
		justify-content: space-between;
	}
	.appstamp-stepBox {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
		width: calc( 100% / 3 - 8px);
    border: solid 2px #003894;
    border-radius: 14px;
    padding: 30px 16px;
    box-sizing: border-box;
		text-align: center;
	}
	.appstamp-stepImg img {
		width: 100%;
		height: auto;
	}
	.appstamp-stepTxtHeading {
		font-size: 18px;
		font-weight: bold;
	}
	.appstamp-stepTxtBreak {
		display: inline;
	}
	.appstamp-stepImg--what {
		padding: 0 0.4em 0;
	}
	.appstamp-stepImg--how {
		padding: 0 2em 0;
	}
	.appstamp-stepImg--willbe {
		padding: 0 2em 0;
	}
}
/* MB */
@media (max-width: 568px) {
	#appstamp {
		padding: 0 0 30px 0;
	}
	.appstamp-headerNavi {
		padding: 4px 16px;
	}
	.appstamp-headerNaviLogo img {
		width: 80px;
	}
	.appstamp-headerNaviLinkTxt {
		margin: 0 0 0 8vw;
		font-size: 10px;
	}
	.appstamp-headerNaviLinkTxt:before,
	.appstamp-headerNaviLinkTxt:after {
		top: 5px;
		width: 3px;
		height: 3px;
		border: 1px solid;
		border-color: #fff #fff transparent transparent;
	}
	.appstamp-headerNaviLinkTxt:before {
		left: -12px;
	}
	.appstamp-headerNaviLinkTxt:after {
		left: -9px;
	}
	.appstamp-arrowline{
		display: block;
		padding: 20px 0 40px 0;
	}
	.appstamp-arrowlineDetail{
		position: relative;
		border-bottom: 1px solid #003894;
	}
	.appstamp-arrowlineDetail:after{
		background-color: #fff;
		content: "";
		position: absolute;
		top: -16px;
		right: 0;
		left: 0;
		margin: auto;
		width: 30px;
		height: 30px;
		border: 1px solid;
		border-color: transparent transparent #003894 #003894;
		transform: rotate(-45deg);
	}
	.appstamp-step{
		text-align: center;
		/*padding: 0 0 2.8em; アプリダウンロードエリア表示時*/
		padding: 0 0 4em; /*アプリダウンロードエリア非表示時*/
	}
	.appstamp-stepBox {
		padding: 0 0.8em 0;
	}
	.appstamp-stepImg--what {
		padding: 0 1.6em 0;
	}
	.appstamp-stepImg--how {
		padding: 0 3.6em 0.6em;
	}
	.appstamp-stepImg--willbe {
		padding: 0 3.6em 0;
	}
	.appstamp-stepImg img {
		width: 100%;
		height: auto;
	}
	.appstamp-stepTxt {
		padding: 0 0 1em;
	}
	.appstamp-stepTxtMark {
		font-weight: bold;
	}
	.event-detail-block {
		padding: 0 !important;
	}
	.appstamp-mainImg {
		margin: 0 auto 70px;
	}
	.appstamp-mainImg img {
		width: 100%;
		height: auto;
	}
}
/* sp only style
-------------------------------- */
@media screen and (max-width: 568px) {
	#appstamp{
		padding: 0;
	}
}
/** -------------------------------------------------
 * common
 ---------------------------------------------------- **/
@media screen and (min-width: 569px) {
	.pc-item { display: block; }
	.mb-item { display: none; }
}

@media screen and (max-width: 568px) {
	.pc-item { display: none; }
	.mb-item { display: block; }
}
/** -------------------------------------------------
 * app_download
 ---------------------------------------------------- **/
.appstamp-app_download {
	padding: 0 0 80px;
}
.app_download {
	background-color: #013895;
	width: 100%;
	padding: 2em 1.2em 1.6em;
	box-sizing: border-box;
	max-width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 569px) {
	.app_download {
		padding: 38px 60px;
		max-width: 960px;
		border-radius: 14px;
	}
}
.app_download__title {
	text-align: center;
	margin-bottom: 13px;
}
@media screen and (min-width: 569px) {
	.app_download__title {
		padding: 0 140px 20px;
	}
}
.app_download__title img {
	width: 100%;
	height: auto;
}
.app_download__subtitle {
	width: 100%;
	margin: 0 auto 6px;
	padding: 0 25px;
	box-sizing: border-box;
}
@media screen and (min-width: 569px) {
	.app_download__subtitle {
		max-width: 153px;
		margin-right: 35px;
		margin-bottom: 0;
		padding: 0;
	}
}
.app_download__subtitle img {
	width: 100%;
}
.app_download__contents {
	display: flex;
	justify-content: center;
}
@media (max-width: 568px) {
	.app_download__contents {
		padding: 0 1.6em;
	}
}
.app_download__item {
	max-width: 308px;
	margin-right: 12px;
	display: flex;
	align-items: center;
}
@media screen and (min-width: 569px) {
	.app_download__item {
		margin-right: 42px;
	}
}
.app_download__item:last-child {
	margin-right: 0;
}
.app_download__link {
	display: inline;
}
.app_download__link a img {
	width: 100%;
}
@media screen and (min-width: 569px) {
	.app_download__link img {
		width: auto;
		height: 61px;
	}
}
.app_download__qr {
	margin-left: 15px;
}
/* FAQ */
.appstamp-FAQArea {
	padding: 0 30px 100px;
}
.appstamp-Heading {
	text-align: center;
	font-size: 28px;
	padding: 0 0 40px 0;
}
@media screen and (max-width: 568px) {
	.appstamp-FAQArea {
		padding: 0 0.8em 4em;
	}
	.appstamp-Heading {
		font-size: 16px;
		padding: 0 0 0 0;
	}
}
.appstamp-FAQContentArea{
	padding: 40px 4%;
}
.appstamp-FAQContent{
	text-align: left;
}
.appstamp-FAQHeading{
	padding: 40px 34px 40px 0;
	border-bottom: 2px solid #ccc;
	font-size: 18px;
	background: url(../images/arrow_down.png) no-repeat 97% 55%;
	background-size: 26px;
	cursor: pointer;
	background: url(../images/arrow_down.png) no-repeat 97% 55%\9;
	*background: url(../images/arrow_down.png) no-repeat 97% 55%;
}
@media screen and (max-width: 568px) {
	.appstamp-FAQHeading {
		padding: 20px 34px 20px 0;
		border-bottom: 1px solid #ccc;
		font-size: 0.88em;
		background-size: 14px;
	}
}
.appstamp-FAQHeading:hover{
	background-color: #f5f5f5;
}
.appstamp-FAQContent .appstamp-FAQ .appstamp-FAQHeading:last-child {
	padding: 20px 34px 40px 0;
}
.js-accordion-area{
	display: none;
}
.appstamp-FAQ .is-present{
	color: #000;
	background-color: transparent;
}
.appstamp-FAQ .is-present:hover{
	background-color: transparent;
}
.active{
	border: none;
	background: url(../images/arrow_up.png) no-repeat 97% 55%;
	background-size: 26px;
}
@media screen and (max-width: 568px) {
	.active{
		background-size: 14px;
	}
}
.appstamp-FAQTxtArea{
	padding: 20px 4% 40px;
	line-height: 1.6;
	border-bottom: 1px solid #ccc;
}
.appstamp-FAQTxt{
	line-height: 1.6;
}
.appstamp-FAQTxtRow{
	font-size: 16px;
	line-height: 1.6;
}
@media screen and (max-width: 568px) {
	.appstamp-FAQTxtRow{
		font-size: 0.82em;
	}
}
.appstamp-FAQTxt + .appstamp-FAQTxt{
	padding: .7em 0 0;
}
.appstamp-FAQLink,
.appstamp-FAQLink:link,
.appstamp-FAQLink:visited{
	text-decoration: underline;
}
.appstamp-ImgArea img{
	width: 100%;
	height: auto;
}
.appstamp-ContentList,
.appstamp-FAQ_appstamp-ContentList {
	padding: 0 0 0 8%;
}
.appstamp-notes {
	padding: 0 30px 40px;
}
.appstamp-inquiry {
	padding: 0 30px 0;
}
@media screen and (max-width: 568px) {
	.appstamp-notes {
		padding: 0 0 0;
	}
}
.appstamp-notesHeading,
.appstamp-inquiryHeading {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 6px 0;
}
.appstamp-notesList {
	font-size: 16px;
	line-height: 2.2;
}
.appstamp-notesLink a {
	font-size: 16px;
}
.appstamp-notesLink a,
.appstamp-notesLink a:visited {
	color: #003894;
}
@media screen and (min-width: 569px) {
	.appstamp-notes dd:not(:last-child) {
		padding: 0 0 24px 0;
	}
}
@media screen and (max-width: 568px) {
	.appstamp-notes {
		padding: 0 1em 3em;
	}
	.appstamp-inquiry {
		padding: 0 1em 0;
	}
	.appstamp-notesHeading,
	.appstamp-inquiryHeading {
		font-size: 14px;
		padding: 0 0 0.4em 0;
	}
	.appstamp-notesList, 
	.appstamp-notesLink a {
		font-size: 14px;
	}
}
.appstamp-pagetopbtn {
	text-align: right;
	padding: 0 30px 20px 0;
}
.appstamp-pagetopbtnLink {
	background-color: #003894;
	border-radius: 18px;
	padding: 24px;
	display: inline-block;
}
.appstamp-pagetopbtnArrow {
  border-bottom: 31px solid #fff000;
  border-left: 18px solid transparent; 
  border-right: 18px solid transparent; 
  height: 0;
  width: 0;
	display: block;
}
.appstamp-footer-copy {
	background-color: #003894;
	color: #fff;
	font-size: 12px;
	padding: 6px;
	text-align: center;
}
@media screen and (max-width: 568px) {
	.appstamp-pagetopbtn {
		padding: 0 0.8em 0.4em 0;
	}
	.appstamp-pagetopbtnLink {
		border-radius: 10px;
		padding: 16px;
	}
	.appstamp-pagetopbtnArrow {
		border-bottom: 23px solid #fff000;
		border-left: 13px solid transparent; 
		border-right: 13px solid transparent; 
	}
}