@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* --------------------------------------------------
	BROUSER-reset
-------------------------------------------------- */
/* boxsizing
------------------------------ */
*,
:hover,
:before,
:after{box-sizing:border-box;}

/* html,body
------------------------------ */
html{overflow-x:clip;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
html,
body{height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;}
html {font-size: 62.5%; color: #333333;}
body {font-size: 1.6em;font-family:"Noto Sans JP","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}

/* link
------------------------------ */
a,
a:link,
a:visited,
a:hover{text-decoration:none;}

/* paragraph
------------------------------ */
p{margin:0;padding:0;}

/* list
------------------------------ */
ul,
ol{margin:0;padding:0;}
li{margin:0;padding:0;}
li {list-style-type: none;line-height:1;}

/* textdecorations
------------------------------ */
b,
strong{font-weight:bold;}

/* table
------------------------------ */
table{border:none;border-spacing:0;border-collapse:collapse;}
td,
th{text-align:left;}

/* headings
------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6{margin:2em 0 1em;padding:0 0 0.5em;line-height:1.2;}


/* --------------------------------------------------
	HTML5-reset
-------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{width:100%;margin:0;padding:0;border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
pre{overflow:auto;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}


/* --------------------------------------------------
	default.css-reset
-------------------------------------------------- */
.Head{font-weight:inherit;font-size:inherit;}
.full{width:100%;}


/* --------------------------------------------------
	css for print
-------------------------------------*/
@media print{
	body{font-family:"ヒラギノ角ゴ Pro W3", "HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
	section{display:block;}
	pre code{page-break-after:always;}
	p a,
	code,
	pre{word-wrap:break-word;}
	pre a[href]:after{content:"";}
	pre abbr[title]:after{content:"";}
	pre .ir a:after,
	pre a[href^="javascript:"]:after,
	pre a[href^="#"]:after{content:"";}
	.noPrint{display:none;}
	.controlPanel{display:none;}
}

/* --------------------------------------------------
	clearfix,float,align settings
-------------------------------------------------- */
.clearfix:after{content:"";display:block;clear:both;}
.floatRight{float:right;}
.floatLeft{float:left;}

/* align
------------------------------ */
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}

/* align image
------------------------------ */
img.alignCenter{display:block;margin:0 auto 20px;}
img.alignRight{display:inline-block;float:right;margin:0 0 20px 20px;}
img.alignLeft{display:inline-block;float:left;margin:0 20px 20px 0;}

/* vertical
------------------------------ */
.alignTop{vertical-align:top;}
.alignMiddle{vertical-align:middle;}
.alignBaseline{vertical-align:baseline;}
.alignBottom{vertical-align:bottom;}


/* --------------------------------------------------
	layout
-------------------------------------------------- */
.layoutItem{display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row;width:100%;margin:0 0 1em;padding:0;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}

/* ul + layoutItem
------------------------------ */
ul.layoutItem li{margin-bottom:1rem;}

/* img in layoutItem
------------------------------ */
.layoutItem img{max-width:100%;vertical-align:bottom;}