@charset "utf-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{/*line-height:1.15;*/-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}/*h1{font-size:2em;margin:.67em 0}*/figcaption,figure,main{display:block}/*figure{margin:1em 40px}*/hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{/*font-family:sans-serif;*/font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}/*fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}*/progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

/* Default Setting */
:root{box-sizing:border-box;overflow-y:scroll}*,::before,::after{box-sizing:inherit}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}p,dl,ol,ul{margin-top:0;margin-bottom:1em}ol,ul{margin-left:0;padding-left:2em}ol{list-style:decimal outside none}ul{list-style:square outside none}address,em{font-style:normal}hr{display:block;height:1px;margin:2em 0;padding:0;border:0;border-top:1px solid #ccc}del{text-decoration:line-through}q::after,q::before{content:none}rp,rt{line-height:1;font-size:.688em}var{opacity:.7;font-family:Consolas,Monaco,"Courier New",monospace;font-size:.92em;font-style:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:1em;text-align:left}caption,td,th{text-align:inherit}td,th{padding:0}figure{margin:0}img{height:auto;vertical-align:top}iframe{display:block;width:100%}img,iframe{max-width:100%}a,button,[role="button"]{-ms-touch-action:manipulation;touch-action:manipulation;}@media print{*{box-shadow:none;text-shadow:none}body{background:transparent;color:#000}a{text-decoration:underline}thead{display:table-header-group}tr,img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}


/*============================================================================*\
   $Foundation
\*============================================================================*/
html,
body {
	height: 100%;
	background: #f5f5f5;
}
html { font-size: 62.5%; }
body {
	width: 100%;
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.6em;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
@media (orientation:landscape) and (max-width:42.5em) {
	body,
	html { height: auto; }
}

.container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 1024px;
	height: 100%;
	margin: 0 auto;
}
.title {
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0;
	background: #fff;
	text-align: center;
}
.title img {
	max-width: 70%;
}
/*@media (orientation:portrait) and (min-width:42.5625em) {
	.title img {
		width: 750px;
	}
}*/

.copyright {
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-bottom: 0;
	padding: 10px;
	background: #eee;
	font-size: 1.1rem;
	text-align: center;
}
.copyright small {
	font-size: 100%;
}

.content {
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.printapron,
.myapron {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	width: 50%;
	padding: 10px;
}
.printapron {
	background: #f9938f;
}
.myapron {
	background: #8ddb9d;
}
.heading {
	margin: 0 0 10px;
	text-align: center;
}
.heading img {
	width: 400px;
}
.image {
	margin-bottom: 10px;
	text-align: center;
}
.image img {
	width: 230px;
}
.text {
	margin-bottom: 10px;
	font-size: 1.3rem;
}
.link {
	display: block;
	color: inherit;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.link:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto 10px;
	background: url(../img/btn-next.png) no-repeat center center/contain;
}
.link:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.label {
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	border-radius: 50%;
	margin: 0 2px;
	background: #1c9b4f;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	vertical-align: .1em;
}
.printapron .label {
	background-color : #e25252;
}
.myapron .label {
	background-color : #318b57;
}


@media (max-width:20em) {
	.printapron,
	.myapron {
		padding: 10px 5px;
	}
	.text {
		font-size: 1.1rem;
	}
	.image img {
		width: 80%;
	}
}
@media (min-width:30.0625em) {
	.printapron,
	.myapron {
		padding: 20px 5%;
	}
	.text {
		font-size: 1.5rem;
	}
	.link {
		font-size: 1.4rem;
	}
	.link:before {
		width: 48px;
		height: 48px;
	}
}


/*============================================================================*\
    $Object -- Utilities（原則編集禁止）
\*============================================================================*/
/* Display */
.d-none   { display: none; }
.d-block  { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
@media (min-width:20.0625em) {
	.d-sm-none  { display: none!important; }
	.d-sm-block { display: block!important; }
	.d-sm-inline { display: inline!important; }
	.d-sm-inline-block { display: inline-block!important; }
}
@media (min-width:30.0625em) {
	.d-md-none  { display: none!important; }
	.d-md-block { display: block!important; }
	.d-md-inline { display: inline!important; }
	.d-md-inline-block { display: inline-block !important; }
}
@media (min-width:42.5625em) {
	.d-lg-none  { display: none!important; }
	.d-lg-block { display: block!important; }
	.d-lg-inline { display: inline!important; }
	.d-lg-inline-block { display: inline-block!important; }
}

/* Margins */
.m-0 { margin: 0!important; }
.mt-0,.my-0 { margin-top:   0!important; }
.mb-0,.my-0 { margin-bottom:0!important; }
.mr-0,.mx-0 { margin-right: 0!important; }
.ml-0,.mx-0 { margin-left:  0!important; }