html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,apply
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color:#333;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.red {
	color:#ff0000;
}

a:link {color: #0066cc; text-decoration: none; }
a:visited { color: #0066cc; }
a:hover { color: #0379f0; text-decoration: underline; }
a:active { color: #0066cc; }

a:hover {
  opacity: 0.6;
}

/*** START ～767px ***/
.sp {
	display: inline-block;
	}
.pc {
	display: none;
	}

/* メインビジュアル */
#mainV {
	padding: 0;
	}
#mainV {
	min-width: 100%;
	overflow: hidden;
	background: #d3edfb;
	}
	#mainV .contents {
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
	}
	#mainV .contents div.main {
		margin: 0px;
		text-align: center;
		width: 100%;
	}
	#mainV .contents div.main h1 {
		margin: 0;
	}
	#mainV .contents div.main h1 img.sp {
		width: 96%;
		height: auto;
	}

/* 算出ブロック */
#Calculation {
	padding: 2em 0 3em;
	min-width: 100%;
	overflow: hidden;
	background-color: #f9ecd9;
	}
	#Calculation .contents {
		width: 90%;
		overflow: hidden;
		margin: 0 auto;
		text-align: left;
	}
	#Calculation .contents .lead {
		font-size:14px;
		line-height: 1.6;
		font-weight: normal;
		text-align: left;
		margin: 0 auto 40px;
	}
	#Calculation .contents .lead span {
		background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff 0%) repeat scroll 0 0;
	}
	#Calculation .contents .lead span.point {
		color:#ff0000;
		background-color:transparent;
		background-image:none;
	}
	#Calculation .contents .formArea {
		margin:0 0 50px;
	}
	#Calculation .contents .formArea h2 {
		text-align: left;
		margin: 0px auto 0px;
	}
	#Calculation .contents .formArea h2 img {
		width: 100%;
		height: auto;
	}
	#Calculation .contents .formArea .notes01 {
		font-size:14px;
		font-weight: normal;
		color:#fff;
		background: #000;
		border-radius: 10px;
		padding:2px 8px;
		margin:0 0 0 5px;
	}
	#Calculation .contents .formArea .notes02 {
		font-size:13px;
		line-height: 1.6;
		font-weight: normal;
		margin: 5px 0 0 0;
	}
	#Calculation .contents .formArea .notes03 {
		color:#ff0000;
		line-height: 1.6;
		font-weight: normal;
		margin: 0;
	}
	#Calculation .contents .formArea .txt01 {
		margin:0 5px;
	}
	#Calculation .contents .formArea dl {
		margin:0 0 40px;
		font-size:16px;
		line-height:1.4;
	}
	#Calculation .contents .formArea dl dt {
		padding:15px 0 6px;
		box-sizing:border-box;
		font-weight:bold;
	}
	#Calculation .contents .formArea dl dd {
		box-sizing:border-box;
		line-height:2.4;
	}
	#Calculation .contents .formArea dl dt p.sample {
		text-align: center;
		margin-bottom: 15px;
	}
	#Calculation .contents .formArea dl dt p.sample img {
		width: 85%;
		height: auto;
	}
	#Calculation .contents .formArea dl dt p.btn {
		text-align: center;
		margin-bottom: 10px;
	}
	#Calculation .contents .formArea dl dt p.btn img {
		width: 70%;
		height: auto;
	}
	#Calculation .contents .formArea input,textarea {
		width:100%;
		padding:10px 10px;
		border:#b9b9b9 1px solid;
		box-sizing:border-box;
		border-radius:0;
		font-size:16px;
		-webkit-appearance:none;
	}
	#Calculation .contents .formArea input.inputS {
		width:30%;
	}
	#Calculation .contents .formArea input.type_display {
		font-size:20px;
		font-weight:bold;
		pointer-events : none;
		background-color:#f9ecd9;
		border:#c9a063 2px solid;
	}
	#Calculation .contents .formArea input.error {
		background-color:#fdf0f0;
	}
	#Calculation .contents .attention {
		font-size:15px;
		line-height: 1.8;
		font-weight:bold;
		text-align: left;
		margin: 0;
	}

/* 著者紹介 */
#profile {
	padding: 2em 0 2em;
	min-width: 100%;
	overflow: hidden;
	background: #fff;
	}
	#profile .contents {
		width: 90%;
		overflow: hidden;
		margin: 0 auto;
		text-align: center;
	}
	#profile .contents p.pic {
		text-align: center;
	}
	#profile .contents p.pic img {
		width: 40%;
		height: auto;
	}
	#profile .contents p.name {
		font-size:20px;
		font-weight:bold;
		text-align: center;
		margin: 20px 0 8px;
	}
	#profile .contents p.name span {
		font-size:60%;
		padding-left: 5px;
	}
	#profile .contents p.position {
		font-size:16px;
		line-height: 1.5;
		font-weight: normal;
		text-align: center;
		margin: 0 0 20px;
	}
	#profile .contents p.profile {
		font-size:14px;
		line-height: 1.5;
		font-weight: normal;
		text-align: left;
		margin: 0 0 15px;
	}
	#profile .contents p.web {
		font-size:14px;
		line-height: 1.5;
		font-weight: normal;
		text-align: left;
		margin: 0 0 15px;
	}

/*ページトップ */
#pageTop {
	position: fixed;
	bottom: 10px;
	left: 45%;
	z-index: 99999;
	}
	#pageTop a {
		display: block;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		background-color: #333;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
	}
	#pageTop a:hover {
		text-decoration: none;
		opacity: 0.7;
	}
	#pageTop a img {
		padding-top: 5px;
	}

/*フッタ */
footer {
	min-width: 100%;
	overflow: hidden;
	background: #f0f3f5;
	padding: 20px 0px 60px;
	margin-top: 0px;
	font-size: 11px;
	}
	footer .footer-content-wrap {
		min-width: 96%;
		margin: auto;
		text-align: center;
		line-height: 2;
	}
	footer p.footer-logo {
		display: inline-block;
		text-align: center;
	}
	footer p.footer-logo img {
		width: 120px;
	}
	footer p.footer-copyright {
		font-size: 11px;
		line-height:1; 
		color: #555;
	}
/*** END ～767px ***/

/*** START 768px～ ***/

@media only screen and (min-width: 768px) {
.sp {
	display: none;
	}
.pc {
	display: inline-block;
	}

#mainV {
	min-width: 1050px;
	overflow: hidden;
	background: #d3edfb;
	}
	#mainV .contents {
		width: 1050px;
		overflow: hidden;
		margin: 10px auto 0;
	}
	#mainV .contents div.main h1 img.pc {
		width: 1050px;
		height: 538px;
		display: inline-block;
	}


/* 算出ブロック */
#Calculation {
	padding: 2em 0 4.5em;
	min-width: 1050px;
	overflow: hidden;
	min-height: auto;
	}
	#Calculation .contents {
		width: 800px;
		overflow: hidden;
		margin: 0 auto;
	}
	#Calculation .contents .lead {
		font-size:16px;
		margin: 0 auto 50px;
	}
	#Calculation .contents .formArea {
		margin:0 0 0px;
	}
	#Calculation .contents .formArea h2 img {
		width: 780px;
	}
	#Calculation .contents .formArea .notesCNT {
		text-align: center;
	}
	#Calculation .contents .formArea dl {
		display:flex; 
		display:-webkit-flex; 
		flex-wrap:wrap; 
		-webkit-flex-wrap:wrap; 
		margin:0 0 40px; 
		border-bottom:#c9a063 1px solid; 
	}
	#Calculation .contents .formArea dl dt {
		width:35%; 
		padding:18px 0 15px 9px; 
		border-top:#c9a063 1px solid; 
		box-sizing:border-box; 
		font-weight:bold; 
	}
	#Calculation .contents .formArea dl dd {
		width:65%; 
		padding:10px 0; 
		border-top:#c9a063 1px solid; 
		box-sizing:border-box; 
		line-height:2.4; 
	}
	#Calculation .contents .formArea dl dt p.sample img {
		width: 650px;
		height: 461px;
	}
	#Calculation .contents .formArea dl dt p.btn img {
		width: 400px;
		height: 90px;
	}
	#Calculation .contents .formArea dl.typeDL {
		display: block;
	}
	#Calculation .contents .formArea dl.typeDL dt {
		width:100%; 
	}
	#Calculation .contents .formArea dl.typeDL dd {
		width:100%; 
	}

/* 著者紹介 */
#profile {
	padding: 2em 0 2em;
	min-width: 1050px;
	overflow: hidden;
	min-height: auto;
	}
	#profile .contents {
		width: 900px;
		overflow: hidden;
		margin: 0 auto;
		text-align: center;
	}
	#profile .contents div.box {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin: 30px auto 30px;
	}
	#profile .contents div.box div.col01 {
		width: 27%;
	}
	#profile .contents div.box div.col02 {
		width: 73%;
	}
	#profile .contents p.pic {
		text-align: left;
	}
	#profile .contents p.pic img {
		width: 188px;
		height: 188px;
	}
	#profile .contents p.name {
		font-size:20px;
		font-weight:bold;
		text-align: left;
		margin: 20px 0 8px;
	}
	#profile .contents p.name span {
		font-size:60%;
		padding-left: 5px;
	}
	#profile .contents p.position {
		font-size:16px;
		font-weight: normal;
		text-align: left;
		margin: 0 0 20px;
	}
	#profile .contents p.profile {
		font-size:14px;
		line-height: 1.5;
		font-weight: normal;
		text-align: left;
		margin: 0 0 15px;
	}
	#profile .contents p.web {
		font-size:14px;
		line-height: 1.5;
		font-weight: normal;
		text-align: left;
		margin: 0 0 15px;
	}

/*ページトップ */
#pageTop a {
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: block;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

/*フッタ */
footer {
	min-width: 1050px;
	overflow: hidden;
	background: #f0f3f5;
	padding: 15px 0px 40px;
	margin-top: 0px;
	font-size: 12px;
	}
	footer .footer-content-wrap {
		min-width: 1050px;
		margin: auto;
		text-align: center;
		line-height: 2;
	}
	footer p.footer-logo img {
		width: 150px;
		vertical-align: middle;
		margin: 10px auto 10px;
	}
	footer p.footer-copyright {
		font-size: 12px;
		color: #555;
	}

}
/*** END 768px～ ***/