@charset "UTF-8";

/*========================================
  common
========================================*/
html, body {
    margin: 0;
    padding: 0;
}
html {
    font-size: 62.5%;/* 10px */
}
body {
    max-width: 100%;
	padding: 3.2vw;
    background-color: #FFF;
    line-height: 1.5;
    /*letter-spacing: 0.05em;*/
    font-feature-settings: "palt";
    font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 4.267vw;
    color: #534741;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 750px) {
    body {
        max-width: 750px;
		margin: 0 auto;
    	font-size: 3.2rem;
    }
}


/* placeholder */
:placeholder-shown { color: #666666;}
::-webkit-input-placeholder { color: #666666;}
::-moz-placeholder { color: #666666; opacity: 1;}
:-ms-input-placeholder { color: #666666;}


/* anchor */
a {
    text-decoration: underline;
	color: #C1272D;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
a:hover {
	text-decoration: none;

}

a img {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
a:hover img {
    opacity: 0.6;
}


/* ul ol */
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* image */
img {
    display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.fitImg img {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
}


/* line wrap */
.lw, .lw span {
    display: inline-block;
}

/* button */
.btn {
	margin-top: 6.4vw;
}

/* banner */
.bnr {
	margin: 8.533vw 0;
}

/* note */
.note {
	padding-left: 1em;
	text-indent: -1em;
	text-align: left !important;
}

/* mark */
.mark {
	margin-top: 0.5em;
	font-size: 4.267vw;
	color: #C1272D;
}


@media screen and (min-width: 750px) {
	/* button */
	.btn {
		margin-top: 48px;
	}

	/* banner */
	.bnr {
		margin: 64px 0;
	}
	
	/* mark */
	.mark {
		font-size: 3.2rem;
	}

}

/*========================================
  Header
========================================*/
/* splash */
.splash {}

/* header */
.header {
	padding: 6.4vw;
	background: url("../img/bg_washi.jpg") repeat center top;
	background-size: cover;
	-webkit-border-radius: 6.4vw;
	border-radius: 6.4vw;
}
.header h1 {
	padding-bottom: 9.6vw;
	background: url("../img/sep.png") no-repeat center bottom;
		background-size: 52.8vw 3.2vw;
}
@media screen and (min-width: 750px) {
	.header {
		padding: 48px;
		-webkit-border-radius: 48px;
		border-radius: 48px;
	}
	.header h1 {
		padding-bottom: 72px;
		background: url("../img/sep.png") no-repeat center bottom;
		background-size: 396px 24px;
	}

}

/* route select */
.routSelect {
	margin-top: 6.4vw;
}
.routSelect .btn + .btn {
	margin-top: 2.133vw;
}
@media screen and (min-width: 750px) {
	.routSelect {
		margin-top: 48px;
	}
	.routSelect .btn + .btn {
		margin-top: 16px;
	}
}


/* thanks message */
.thanksMessage {
	margin-top: 6.4vw;
}
.thanksMessage h2 {
	text-align: center;
	font-weight: normal;
	font-size: 5.333vw;
	color: #355178;
}
.thanksMessage p {
	margin-top: 1em;
	text-align: center;
	font-size: 3.733vw;
}

@media screen and (min-width: 750px) {
	.thanksMessage {
		margin-top: 48px;
	}
	.thanksMessage h2 {
		font-size: 4rem;
	}
	.thanksMessage p {
		font-size: 2.8rem;
	}

}

/*========================================
  index
========================================*/
/* free participation */
.freeParticipation {
	margin: 8.533vw 0;
	padding: 0 6.4vw;
	background: url("../img/bg_leaf.png") no-repeat center bottom;
	background-size: contain;
}
.freeParticipation h2 {}
.freeParticipation p {
	text-align: center;
	margin-top: 6.4vw;
	font-size: 4.267vw;
	line-height: 2;
}
@media screen and (min-width: 750px) {
	.freeParticipation {
		margin: 64px 0;
		padding: 0 48px;
	}
	.freeParticipation h2 {}
	.freeParticipation p {
		margin-top: 48px;
		font-size: 3rem;
	}
}



/* guide */
.guide {
	margin: 8.533vw 0;
}
.guideHead {
	padding: 9.6vw 6.4vw;
	background: url("../img/bg_washi.jpg") repeat-y center top;
	background-size: 100%;
	-webkit-border-radius: 6.4vw 6.4vw 0 0;
	border-radius: 6.4vw 6.4vw 0 0;
}
.guideHead h2 {}
.guideHead p {
	margin-top: 6.4vw;
	line-height: 2;
	font-size: 3.733vw;
}
.guideBody {
	padding: 9.6vw 6.4vw;
	background: url("../img/bg_guide.jpg") no-repeat center top;
	background-size: cover;
	-webkit-border-radius: 0 0 6.4vw 6.4vw;
	border-radius: 0 0 6.4vw 6.4vw;
}
.guideBody .guideImg {}
.guideBody p {
	margin-top: 3.2vw;
	line-height: 2;
}
@media screen and (min-width: 750px) {
	.guide {
		margin: 64px 0;
	}
	.guideHead {
		padding: 72px 64px;
		-webkit-border-radius: 48px 48px 0 0;
		border-radius: 48px 48px 0 0;
	}
	.guideHead h2 {}
	.guideHead p {
		margin-top: 48px;
		font-size: 2.8rem;
	}
	.guideBody {
		padding: 72px 48px;
		-webkit-border-radius: 0 0 48px 48px;
		border-radius: 0 0 48px 48px;
	}
	.guideBody .guideImg {}
	.guideBody p {
		margin-top: 24px;
	}
}

/* recommend */
.recommend {
	margin: 8.533vw 0;
}
.recommendHead {
	padding: 9.6vw 6.4vw;
	background: url("../img/bg_washi_bl.jpg") no-repeat center top;
	background-size: cover;
	-webkit-border-radius: 6.4vw 6.4vw 0 0;
	border-radius: 6.4vw 6.4vw 0 0;
}
.recommendBody {}
.recommendBody .recommendItem {
	margin-top: 8.533vw;
	padding-top: 11.2vw;
	background: url("../img/border.png") no-repeat center top;
	background-size: contain;
}
.recommendBody .recommendItem:first-child {
	padding-top: 0;
	background: none;
}
.recommendBody .recommendItem h3 {
	padding: 0 13.333vw;
}
.recommendBody .recommendItem .recommendImg {
	margin-top: 6.4vw;
}
@media screen and (min-width: 750px) {
	.recommend {
		margin: 64px 0;
	}
	.recommendHead {
		padding: 72px 48px;
		-webkit-border-radius: 48px 48px 0 0;
		border-radius: 48px 48px 0 0;
	}
	.recommendBody {}
	.recommendBody .recommendItem {
		margin-top: 64px;
		padding-top: 168px;
	}
	.recommendBody .recommendItem h3 {
		padding: 0 100px;
	}
	.recommendBody .recommendItem .recommendImg {
		margin-top: 48px;
	}
}




/*========================================
  login
========================================*/
.login {
	margin: 8.533vw 0;
	padding: 3.2vw;
	background: url("../img/bg_washi_rd.jpg") repeat center top;
	background-size: cover;
	-webkit-border-radius: 6.4vw;
	border-radius: 6.4vw;
}
.login .inner {
	padding: 6.4vw 3.2vw;
	background-color: #FFF;
	-webkit-border-radius: 3.2vw;
	border-radius: 3.2vw;
}
.login h2 {
	text-align: center;
	font-weight: normal;
	font-size: 5.333vw;
	color: #355178;
}
.login p {
	margin-top: 1em;
	text-align: center;
	font-size: 3.733vw;
}
.login .dispAccount {
	overflow: hidden;
	margin: 6.4vw 0;
	border: 1px solid #CCC;
	-webkit-border-radius: 2.133vw;
	border-radius: 2.133vw;
}
.login .dispAccount table {
	border-collapse: collapse;
	width: 100%;
}
.login .dispAccount table tr:not(:first-child) th,
.login .dispAccount table tr:not(:first-child) td {
	border-top: 1px solid #CCC;
}

.login .dispAccount table th,
.login .dispAccount table td {
	width: 50%;
	padding: 4.267vw;
}
.login .dispAccount table th {
	text-align: right;
	font-weight: normal;
	color: #C1272D;
}
.login .dispAccount table td {
	color: #555;
}

@media screen and (min-width: 750px) {
	.login {
		margin: 64px 0;
		padding: 24px;
		-webkit-border-radius: 24px;
		border-radius: 24px;
	}
	.login .inner {
		padding: 48px 24px;
		-webkit-border-radius: 24px;
		border-radius: 24px;
	}
	.login h2 {
		font-size: 4rem;
	}
	.login p {
		font-size: 2.8rem;
	}
	.login .dispAccount {
		margin: 48px 0;
		-webkit-border-radius: 16px;
		border-radius: 16px;
	}
	.login .dispAccount table th,
	.login .dispAccount table td {
		padding: 32px;
	}
}



/*========================================
  content block
========================================*/
.contBlock {
	margin: 8.533vw 0;
}
.blockhHead {}
.blockBody {
	padding: 6.4vw;
	background: url("../img/bg_washi.jpg") repeat center top;
	background-size: 100%;
	-webkit-border-radius: 0 0 6.4vw 6.4vw;
	border-radius: 0 0 6.4vw 6.4vw;
}
@media screen and (min-width: 750px) {
	.contBlock {
		margin: 64px 0;
	}
	.blockhHead {}
	.blockBody {
		padding: 48px;
		-webkit-border-radius: 0 0 48px 48px;
		border-radius: 0 0 48px 48px;
	}
}

/* route */
.route .blockHead .routeImg {
	overflow: hidden;
	-webkit-border-radius: 0 0 6.4vw 6.4vw;
	border-radius: 0 0 6.4vw 6.4vw;
}
.route .blockHead .routeImg + p {
	margin: 6.4vw 0;
	text-align: center;
	line-height: 2em;
}
.route .blockBody {
	-webkit-border-radius: 6.4vw;
	border-radius: 6.4vw;
}
.route .blockBody.bg-route01 {
	background: url("../img/bg_route01.jpg") repeat-y center top;
	background-size: cover;
}
.route .blockBody.bg-route02 {
	background: url("../img/bg_route02.jpg") repeat-y center top;
	background-size: cover;
}
@media screen and (min-width: 750px) {
	.route .blockHead .routeImg {
		overflow: hidden;
		-webkit-border-radius: 0 0 48px 48px;
		border-radius: 0 0 48px 48px;
	}
	.route .blockHead .routeImg + p {
		margin: 48px 0;
	}
	.route .blockBody {
		-webkit-border-radius: 48px;
		border-radius: 48px;
	}
}

/* route spot */
.routeSpot {
	padding: 4.8vw 0;
}
.routeSpot .spotName {
	width: calc(100% - 32vw);
	margin: 0 auto;
}
.routeSpot .spotName.byTaxi {
	position: relative;
	width: 100%;
	padding-right: 32vw;
}
.routeSpot .spotName.byTaxi::before {
	content: "";
	display: block;
	position: absolute;
	right: 12.8vw;
	width: 2px;
	height: 100%;
	background-color: #F0B354;
}
.routeSpot .spotName.byTaxi::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 25.6vw;
	height: 25.6vw;
	background: url("../img/icon_taxi.png") no-repeat center center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.routeSpot .spotName small {}
.routeSpot .spotName h3 {
	text-align: center;
	font-weight: normal;
	font-size: 5.333vw;
	color: #C1272D;
}
.routeSpot .spotName p {
	font-size: 4.267vw;
}
.routeSpot .spotImg {
	overflow: hidden;
	margin-top: 4.267vw;
	-webkit-border-radius: 1.6vw;
	border-radius: 1.6vw;
}
.routeSpot .spotCooment {
	margin: 2.133vw 0 4.267vw;
	font-size: 3.733vw;
}
.routeSpot .spotDetail {
	margin-top: 3.2vw;
}
.routeSpot .spotDetail .spotSummary {
	padding: 2.133vw;
	background-color: #FFF;
	border: 2px solid #FBB03B;
	text-align: center;
	font-size: 3.2vw;
	-webkit-border-radius: 3.2vw;
	border-radius: 3.2vw;
}
.routeSpot .spotDetail .spotPoint {}
.routeSpot .spotDetail .spotPoint dt {
	margin-top: 3.2vw;
	padding: 3.2vw;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	font-weight: bold;
	font-size: 4.267vw;
	color: #355178;
	-webkit-border-radius: 3.2vw 3.2vw 0 0;
	border-radius: 3.2vw 3.2vw 0 0;
}
.routeSpot .spotDetail .spotPoint dd {
	padding: 0 3.2vw 3.2vw 3.2vw;
	background-color: rgba(255,255,255,0.9);
	font-size: 3.73vw;
	-webkit-border-radius: 0 0 3.2vw 3.2vw;
	border-radius: 0 0 3.2vw 3.2vw;
}
.routeSpot .spotDetail .spotPoint dd > *:first-child {
	margin-top: 0;
}
.routeSpot .spotDetail .spotPoint dd ul {
	margin-top: 2.133vw;
}
.routeSpot .spotDetail .spotPoint dd ul > li {
	padding-left: 1em;
	text-indent: -1em;
	color: #355178;
}
.routeSpot .spotDetail .spotPoint dd ul > li:not(:first-child) {
	margin-top: 2.133vw;
}
.routeSpot .spotDetail .spotPoint dd ul > li::before {
	content: "■";
}
.routeSpot .spotDetail .spotPoint dd ul > li ol {
	list-style: decimal;
	text-indent: 0;
	margin-top: 2.133vw;
	margin-left: 5.333vw;
	font-size: 3.733vw;
	color: #534741;
}
.routeSpot .spotDetail .spotPoint dd ul > li table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 2.133vw;
	color: #534741;
}
.routeSpot .spotDetail .spotPoint dd ul > li table th {
	padding: 2.133vw;
	border: 1px solid #534741;
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
}
.routeSpot .spotDetail .spotPoint dd ul > li table td {
	padding: 2.133vw;
	border: 1px solid #534741;
}
@media screen and (min-width: 750px) {
	.routeSpot {
		padding: 36px 0;
	}
	.routeSpot .spotName {
		width: calc(100% - 240px);
	}
	.routeSpot .spotName.byTaxi {
		padding-right: 240px;
	}
	.routeSpot .spotName.byTaxi::before {
		right: 94px;
		width: 4px;
	}
	.routeSpot .spotName.byTaxi::after {
		width: 192px;
		height: 192px;
	}
	.routeSpot .spotName h3 {
		font-size: 4rem;
	}
	.routeSpot .spotName p {
		font-size: 3.2rem;
	}
	.routeSpot .spotImg {
		margin-top: 32px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}
	.routeSpot .spotCooment {
		margin: 16px 0 32px;
		font-size: 2.8rem;
	}
	.routeSpot .spotDetail {
		margin-top: 24px;
	}
	.routeSpot .spotDetail .spotSummary {
		padding: 16px;
		font-size: 2.4rem;
		-webkit-border-radius: 24px;
		border-radius: 24px;
	}
	.routeSpot .spotDetail .spotPoint {}
	.routeSpot .spotDetail .spotPoint dt {
		margin-top: 24px;
		padding: 24px;
		font-size: 3.2rem;
		-webkit-border-radius: 24px 24px 0 0;
		border-radius: 24px 24px 0 0;
	}
	.routeSpot .spotDetail .spotPoint dd {
		padding: 0 24px 24px 24px;
		background-color: rgba(255,255,255,0.9);
		font-size: 2.8rem;
		-webkit-border-radius: 0 0 24px 24px;
		border-radius: 0 0 24px 24px;
	}
	.routeSpot .spotDetail .spotPoint dd ul {
		margin-top: 16px;
	}
	.routeSpot .spotDetail .spotPoint dd ul > li:not(:first-child) {
		margin-top: 16px;
	}
	.routeSpot .spotDetail .spotPoint dd ul > li ol {
		margin-top: 16px;
		margin-left: 40px;
		font-size: 2.8rem;
	}
	.routeSpot .spotDetail .spotPoint dd ul > li table {
		margin-top: 16px;
	}
	.routeSpot .spotDetail .spotPoint dd ul > li table th {
		padding: 16px;
	}
	.routeSpot .spotDetail .spotPoint dd ul > li table td {
		padding: 16px;
	}
}

.routeEnd .spotEnd {}
.routeEnd .spotEnd.byTaxi {
	position: relative;
	padding-top: 38.4vw;
}
.routeEnd .spotEnd.byTaxi::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	height: 32vw;
	background-color: #F0B354;
	-webkit-transform: translateX(-1px);
	transform: translateX(-1px);
}
.routeEnd .spotEnd.byTaxi::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 3.2vw;
	width: 25.6vw;
	height: 25.6vw;
	background: url("../img/icon_taxi.png") no-repeat center center;
	background-size: contain;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.routeEnd .spotEnd .arrivalTime {
	display: block;
	width: 48.8vw;
	margin: 0 auto;
}
.routeEnd .spotEnd h3 {
	text-align: center;
	font-weight: normal;
	font-size: 6.4vw;
	color: #C1272D;
}
.routeEnd .spotEnd p {
	text-align: center;
	font-size: 4.267vw;
}
@media screen and (min-width: 750px) {
	.routeEnd .spotEnd {}
	.routeEnd .spotEnd.byTaxi {
		padding-top: 288px;
	}
	.routeEnd .spotEnd.byTaxi::before {
		width: 4px;
		height: 240px;
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	.routeEnd .spotEnd.byTaxi::after {
		top: 24px;
		width: 192px;
		height: 192px;
	}
	.routeEnd .spotEnd .arrivalTime {
		width: 366px;
	}
	.routeEnd .spotEnd h3 {
		font-size: 4.8rem;
	}
	.routeEnd .spotEnd p {
		font-size: 3.2rem;
	}
}

/* usage */
.stepItems {}
.stepItems dd + dt {
	margin-top: 9.6vw;
}
.stepItems dt {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.stepItems dt .stepNum {
	width: 19.2vw;
	background-color: #C1272D;
	text-align: center;
	line-height: 1.75;
	font-size: 4.267vw;
	color: #FFF;
	-webkit-border-radius: 1.067vw;
	border-radius: 1.067vw;
}
.stepItems dt .stepTitle {
	flex: 1;
	margin-left: 3.2vw;
	font-size: 4.8vw;
	color: #355178;
}
.stepItems dd {
	margin-top: 3.2vw;
}
.stepItems dd p {
	font-size: 4.267vw;
}
.stepItems dd .stepImg {
	position: relative;
	overflow: hidden;
	margin-top: 3.2vw;
	-webkit-border-radius: 3.2vw;
	border-radius: 3.2vw;
}
.stepItems dd .stepImg::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	border: 1px solid #CCC;
	pointer-events: none;
	-webkit-border-radius: 3.2vw;
	border-radius: 3.2vw;
}

@media screen and (min-width: 750px) {
	.stepItems dd + dt {
		margin-top: 72px;
	}
	.stepItems dt .stepNum {
		width: 144px;
		line-height: 1.5;
		font-size: 3.2rem;
	}
	.stepItems dt .stepTitle {
		margin-left: 24px;
		font-size: 3.4rem;
	}
	.stepItems dd {
		margin-top: 24px;
	}
	.stepItems dd p {
		font-size: 3.2rem;
	}
	.stepItems dd .stepImg {
		margin-top: 24px;
		-webkit-border-radius: 24px;
		border-radius: 24px;
	}
	.stepItems dd .stepImg::after {
		-webkit-border-radius: 24px;
		border-radius: 24px;
	}
}


/* usage area */
.areaSummary {}
.areaSummary strong {
	font-weight: normal;
	color: #C1272D;
}
.areaSummary .note {
	margin-top: 1em;
	font-size: 3.733vw;
}
@media screen and (min-width: 750px) {
	.areaSummary .note {
		font-size: 2.8rem;
	}
}


.route {
	margin-top: 12.8vw;
}
.route h3 {
	margin-bottom: 3.2vw;
}
.course {
	margin-top: 9.6vw;
}
.course .spot {}
.course .spot:not(:first-child) {
	position: relative;
	margin-top: 13.4vw;
}
.course .spot:not(:first-child)::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -7.6vw;
	width: 0;
	height: 0;
	border-width: 3.2vw 5.333vw 0 5.333vw;
	border-style: solid;
	border-color: #C1272D transparent transparent transparent;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.course .spot h4 {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
	margin-top: 4.8vw;
	font-weight: normal;
	font-size: 5.333vw;
	color: #355178;
}
.course .spot h4::before,
.course .spot h4::after {
	content: "";
	display: block;
	width: 50%;
	height: 2.133vw;
	background-color: #355178;
}
.course .spot h4::before {
	margin-right: 3.2vw;
}
.course .spot h4::after {
	margin-left: 3.2vw;
}
.course .spot p {
	margin: 2.133vw 0;
}
.course .spot .spotImg {
	overflow: hidden;
	margin-top: 2.133vw;
	-webkit-border-radius: 1.6vw;
	border-radius: 1.6vw;
}

@media screen and (min-width: 750px) {
	.route {
		margin-top: 96px;
	}
	.route h3 {
		margin-bottom: 24px;
	}
	.course {
		margin-top: 72px;
	}
	.course .spot {}
	.course .spot:not(:first-child) {
		margin-top: 100px;
	}
	.course .spot:not(:first-child)::before {
		top: -56px;
		border-width: 24px 40px 0 40px;
	}
	.course .spot h4 {
		margin-top: 36px;
		font-size: 4rem;
	}
	.course .spot h4::before,
	.course .spot h4::after {
		height: 16px;
	}
	.course .spot h4::before {
		margin-right: 24px;
	}
	.course .spot h4::after {
		margin-left: 24px;
	}
	.course .spot p {
		margin: 16px 0;
	}
	.course .spot .spotImg {
		margin-top: 16px;
		-webkit-border-radius: 1.6vw;
		border-radius: 1.6vw;
	}
}

/*========================================
  footer
========================================*/
.footer {	
	padding: 8.533vw 0 23.2vw;
	background: url("../img/border.png") no-repeat center top;
	background-size: contain;
}

/* company navi */
.companyNavi {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.companyNavi li {
	margin: 0 4.267vw;
}
.companyNavi li a {
	font-size: 3.733vw;
	color: #534741;
}

/* copyright */
.copyright {
	margin-top: 4.267vw;
	text-align: center;
	font-size: 3.733vw;
}

/* bottom button */
.bottomBtn {
	display: none;
	position: fixed;
	left: 50%;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	max-width: 750px;
	/*margin: 6.4vw -3.2vw -3.2vw;*/
	padding: 3.2vw 9.6vw;
	background: url("../img/bg_washi_bl.jpg") no-repeat center center;
	background-size: cover;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media screen and (min-width: 750px) {
	.footer {
		padding: 64px 0 174px;
	}

	/* company navi */
	.companyNavi li {
		margin: 0 32px;
	}
	.companyNavi li a {
		font-size: 2.8rem;
	}

	/* copyright */
	.copyright {
		margin-top: 32px;
		font-size: 2.8rem;
	}

	/* bottom button */
	.bottomBtn {
		/*margin: 48px -24px -24px;*/
		padding: 24px 72px;
	}
}