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

@media all and (max-width: 750px) {
	#main{ font-size:3.6vw;}
/*
	#main .pc{ display:none;}
	#main{ 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) {
/*
	#main .spi{ display:none;}
	#main{ 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) {
	#main{ 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')}