@charset "utf-8";
@media (max-width: 767px) {

	/* body
-------------------------- */
	/* 13px @ 320px increasing to 14px @ 767px */
	@media (min-width: 320px) {
		:root {
			font-size: calc(0.8125rem + ((1vw - 3.2px) * 0.2237));
			min-height: 0vw;
		}
	}
	@media (max-width: 320px) {
		:root {
			font-size: 13px;
		}
	}
	.spSet {
		display: block !important;
	}
	.pcSet {
		display: none !important;
	}
	/* base
--------------------------------- */
	.inner {
		/*max-width: 640px;*/
	}
	/* header
--------------------------------- */
	header h1 {
		width: 7.5rem;
		top: 1rem;
		left: 1rem;
	}
	header h2 {
		font-size: 1.6875rem;
		letter-spacing: .115rem;
	}
	/* #sec01
--------------------------------- */
	#sec01 .inner {
		padding: 2.5rem 1.5rem;
	}
	#sec01 .inner:after {
		width: 4.5rem;
		height: 4.5rem;
		top: -.75rem;
		right: 1rem;
	}
	#sec01 h2 {
		font-size: 1.5rem;
		letter-spacing: .03rem;
		padding: 1rem 0;
	}
	#sec01 p {
		line-height: 2;
		padding: 0 0 1rem;
	}
	/* #sec02
--------------------------------- */
	#sec02 .inner {
		padding: 2.5rem 1.5rem;
	}
	#sec02 h2 {
		padding: .5rem 0;
	}
	#sec02 h2 strong {
		font-size: 1.625rem;
		line-height: 1.2;
	}
	#sec02 h2 span {
		font-size: 1rem;
	}
	#sec02 .flexBox {
		display: block;
		padding: 0;
	}
	#sec02 dl {
		width: 100%;
		margin: 1.5rem auto;
	}
	#sec02 dl dt {
		margin: .5rem auto;
	}
	#sec02 dl dt img {
		max-width: 200px;
		margin: auto;
	}
	#sec02 dl dt span {
		font-size: 2.75rem;
		line-height: 1.2;
		margin: 0 auto;
	}
	#sec02 dl dd {
		margin: 1rem auto;
	}
	#sec02 dl dd h3 {
		font-size: 1.375rem;
		line-height: 1.2;
	}
	#sec02 dl dd p {
		margin: .5rem auto;
		max-width: 280px;
	}
	/* #sec03
--------------------------------- */
	#sec03 .inner {
		padding: 3rem 1.5rem 0;
	}
	#sec03 .greenBox {
		padding: 2rem 1.5rem;
	}
	#sec03 h2 strong {
		font-size: 1.625rem;
		line-height: 1.2;
	}
	#sec03 h2 span {
		font-size: 1rem;
		margin: .75rem auto 1.5rem;
	}
	#sec03 p {
		text-align: left;
		line-height: 2;
	}
	/* #sec04
--------------------------------- */
	#sec04 .inner {
		padding: 2.5rem 1.5rem;
	}
	#sec04 h2 {
		padding: .5rem 0;
	}
	#sec04 h2 strong {
		font-size: 1.625rem;
		line-height: 1.2;
	}
	#sec04 h2 span {
		font-size: 1rem;
	}
	#sec04 div.order {
		margin: 1.5rem 0;
	}
	#sec04 dl {
		display: block;
	}
	#sec04 dl dt {
		width: 100%;
		font-size: 1.375rem;
		padding: .75rem .5rem 0;
		border-bottom: none;
	}
	#sec04 dl dt span {
		font-size: 1.375rem;
		padding-right: 1rem;
	}
	#sec04 dl dd {
		width: 100%;
		font-size: 1rem;
		padding: .25rem 1.25rem .75rem;
	}
	/* #sec05
--------------------------------- */
	#sec05 .inner {
		padding: 2.5rem 1.5rem;
	}
	#sec05 h2 {
		padding: .5rem 0;
	}
	#sec05 h2 strong {
		font-size: 1.625rem;
		line-height: 1.2;
	}
	#sec05 h2 span {
		font-size: 1rem;
	}
	#sec05 .flexBox {
		display: block;
		padding: 1.5rem 0 0;
	}
	#sec05 .flexBox>img {
		width: 100%;
		max-width: 240px;
		margin: 1rem auto;
	}
	#sec05 p {
		line-height: 2;
		letter-spacing: .075rem;
	}
	#sec05 p span {
		margin: 0;
	}
	/* #sec06
--------------------------------- */
	#sec06 .inner {
		padding: 2.5rem 1.5rem;
	}
	#sec06 h2 {
		padding: .5rem 0;
	}
	#sec06 h2 strong {
		font-size: 1.625rem;
		line-height: 1.2;
	}
	#sec06 h2 span {
		font-size: 1rem;
	}
	#sec06 dl {
		display: block;
		margin: 1.5rem 0 0;
	}
	#sec06 dl dt {
		width: 100%;
		padding: .75rem .5rem 0;
		border-bottom: none;
	}
	#sec06 dl dd {
		width: 100%;
		line-height: 2;
		padding: .25rem 1.25rem .75rem;
	}
	/* footer
--------------------------------- */
	a.to_top {
		right: .75rem;
		bottom: .75rem;
	}
	a.to_top:after {
		width: 8px;
		height: 8px;
		border-radius: 0;
	}
	footer .inner {
		padding: 3rem 1.5rem;
	}
	footer h1 {
		width: 10rem;
	}
	footer .copy {
		letter-spacing: .025rem;
		padding: 1.5rem 0 0;
	}
	/* style
--------------------------------- */







}