body{ margin:0;}
#sanin div,#sanin span,#sanin object,#sanin iframe,#sanin h1,#sanin h2,#sanin h3,#sanin h4,#sanin h5,#sanin h6,#sanin p,#sanin blockquote,#sanin pre,#sanin abbr,#sanin address,#sanin cite,#sanin code,#sanin del,#sanin dfn,#sanin em,#sanin img,#sanin ins,#sanin kbd,#sanin q,#sanin samp,#sanin small,#sanin strong,#sanin sub,#sanin sup,#sanin var,#sanin b,#sanin i,#sanin dl,#sanin dt,#sanin dd,#sanin ol,#sanin ul,#sanin li,#sanin fieldset,#sanin form,#sanin label,#sanin legend,#sanin table,#sanin caption,#sanin tbody,#sanin tfoot,#sanin thead,#sanin tr,#sanin th,#sanin td,#sanin article,#sanin aside,#sanin canvas,#sanin details,#sanin figcaption,#sanin figure,#sanin footer,#sanin header,#sanin hgroup,#sanin menu,#sanin nav,#sanin section,#sanin summary,#sanin time,#sanin mark,#sanin audio,#sanin video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-weight:normal;}
#sanin article,#sanin aside,#sanin details,#sanin figcaption,#sanin figure,#sanin footer,#sanin header,#sanin hgroup,#sanin menu,#sanin nav,#sanin section{display:block;}
#sanin nav,#sanin ul{list-style:none;}
#sanin blockquote,#sanin q{quotes:none;}
#sanin blockquote:before,#sanin blockquote:after,#sanin q:before,#sanin q:after{content:'';content:none;}
#sanin a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
#sanin ins{background-color:#ff9;color:#000;text-decoration:none;}
#sanin mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
#sanin del{text-decoration:line-through;}
#sanin abbr[title],#sanin dfn[title]{border-bottom:1px dotted;cursor:help;}
#sanin table{border-collapse:collapse;border-spacing:0;}
#sanin hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
#sanin input,#sanin select{vertical-align:middle;}
#sanin img{vertical-align:bottom;max-width:100%;}
#sanin a,#sanin img a{-moz-transition-property:width,opacity,transform,background,border,color;-webkit-transition-property:width,opacity,transform,background,border,color;-o-transition-property:width,opacity,transform,background,border,color;-ms-transition-property:width,opacity,transform,background,border,color;transition-property:width,opacity,transform,background,border,color;
-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;}
#sanin a,#sanin span{ color:inherit; font-size:inherit; font-weight:inherit;}
#sanin a{ text-decoration: underline;}
#sanin *{ box-sizing:border-box;}
body{}
#sanin{font-family: 'Noto Sans JP'; margin:auto; padding:0; color:#736357;}

@media all and (max-width: 750px) {
	#sanin .pc{ display:none;}
	#sanin{ font-size:4.5vw;}
	
header {height: 80px;border: none;}
header .logo {padding-top: 23px;}
header .benesse {font-size: 0;line-height: 0;}
header .benesse img {width: 60px;}
header p {top: 6px;left: 12px}
.reproduction {font-size: 1.1rem;margin: 2rem 1.3rem;text-align: left;}
footer {margin: 0;}
footer #links ul {padding: 12px 0 0 0;margin: 20px 0 0 0;border-top: 1px solid #f5f5f5;text-align: center;}
footer #links ul li {display: inline-block;position: relative;margin: 6px 0 0 0;padding: 0 5px 0 5px;}
footer #links ul li a {font-size: 12px;line-height: 12px;font-weight: 500;padding: 0 6px 0 0;}
footer #links ul:after {content: ".";clear: both;height: 0;display: block;visibility: hidden}
footer #links ul:last-child {padding: initial!important;margin-top: 1rem!important;}
footer #external ul li:first-child {display: block;}
footer #links ul:after {content: ".";clear: both;height: 0;display: block;visibility: hidden;}
footer #links p.benesse {text-align: center;margin: 2rem auto 0;width: 105px;}
footer #links ul:last-child {padding: initial!important;margin-top: 1rem!important;}
footer p.copy:last-child {padding: initial;margin: 2rem 0 1rem 0;}
}


@media all and (min-width: 751px) {
	#sanin .spi{ display:none;}
	#sanin{ font-size:1.55vw;}
	
header {width: 1060px;margin: 0 auto;padding-top: 22px;}
header .logo {padding-top: 29px;}
header .benesse a img {width: 110px;}
.simple-top header .benesse {padding-top: 0}
.l-contents {width: 100%;}
.simple-top .l-contents {margin-right: 0;}
.simple-top .reproduction {margin-left: 0}
header,body,footer{ display:block; margin:auto;}
}
@media all and (min-width: 1024px) {
	#sanin{ font-size:16px;}
}
@font-face {font-family: 'Noto Sans JP';font-weight: 700;
src: local("Noto Sans JP Bold"),
		url("../font/NotoSansJP-Bold.woff2") format('woff2'),
		url("../font/NotoSansJP-Bold.woff") format('woff'),
		url("../font/NotoSansJP-Bold.otf") format('opentype')}

@font-face {font-family: 'Noto Sans JP';font-weight: 600;
src: local("Noto Sans JP Medium"),
		url("../font/NotoSansJP-Medium.woff2") format('woff2'),
		url("../font/NotoSansJP-Medium.woff") format('woff'),
		url("../font/NotoSansJP-Medium.otf") format('opentype')}

@font-face {font-family: 'Noto Sans JP';font-weight: 400;
src: local("Noto Sans JP Regular"),
		url("../font/NotoSansJP-Regular.woff2") format('woff2'),
		url("../font/NotoSansJP-Regular.woff") format('woff'),
		url("../font/NotoSansJP-Regular.otf") format('opentype')}

@font-face {font-family: 'Noto Sans JP';font-weight: 300;
src: local("Noto Sans JP Light"),
		url("../font/NotoSansJP-Light.woff2") format('woff2'),
		url("../font/NotoSansJP-Light.woff") format('woff'),
		url("../font/NotoSansJP-Light.otf") format('opentype')}