* {
	margin: 0;
	border: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	background-color: #fff;
	color: #333;
	overflow-x: hidden;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
	height: auto;
	position: relative;
	font-family: Futura, Futura-Medium, "Century Gothic", "Hiragino Kaku Gothic Pro", Meiryo, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.1ex;
	word-spacing: normal;
	line-height: 2;
	text-align: left;
}

img.interview-icon { display: inline; vertical-align: top; width: 53px; height: 53px; margin-top: 10px; margin-right: 24px; }

#header {
	width: 100%;
	height: auto;
	padding: 16px 0 10px;
}

#main {
	width: 100%;
	height: auto;
}

#footer {
	width: 100%;
	height: 480px;
	background-color: #01043d;
	padding-top: 32px;
}

.logo-header {
	display: block;
	max-width: 107px;
	height: auto;
	margin: 0 auto;
}

.logo-header-caption {
	font-family: Georgia;
	font-style: italic;
	font-size: 8px;
	color: #d6d6d6;
	text-align: center;
	padding-top: 2px;
}

.box-logo-footer { width: 107px; height: 30px; padding-top: 36px; margin: 0px auto 4px auto; }


#main-title {
	width: 100%;
	height: auto;
	background-color: #c30d23;
	color: #fff;
	margin-bottom: 24px;
}

h1 {
	margin: 0 auto;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.6;
}

.main-title-category,
.main-title-author-date {
	font-family: Georgia;
	font-style: italic;
	color: #fdcacf;
}

.main-title-category {
	margin: 0 auto;
}

.main-title-author-date {
	font-size: 12px;
	text-align: right;
	margin: 12px auto 0;
}

h4 {
	margin: 32px auto;
	color: #217fc3;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
}

h5 {
	max-width: 728px;
	margin: 0 auto;
	padding: 36px 18px 18px 18px;
	font-size: 24px;
	color: #dd3862;
	font-weight: bold;
	line-height: 1.6;
}

blockquote {
	max-width: 658px;
	margin: 36px auto 0px;
	background: #eee url(https://icon.jp/images/materials/quote.gif) no-repeat 10px 10px;
	padding: 36px 36px 36px 36px;
}

.box-article-title { font-size: 18px; line-height: 1.5; letter-spacing: 0.5px; word-spacing: normal; text-align: left; padding: 10px 10px; word-wrap: break-word; }
.box-title { font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: 0.5px; word-spacing: normal; text-align: left; padding: 10px 10px; word-wrap: break-word; }

#protools-s6 {
	padding-top: 70px;
}

p.main-contents-image-caption { max-width: 728px; margin: 4px auto 6px auto; padding: 0 10px; font-size: 12px; color: #555555; line-height: 1.5; letter-spacing: 1px; word-spacing: normal; word-wrap: break-word; text-align: center; }

.main-contents-link { max-width: 706px; margin: 28px auto 28px auto; padding: 10px; background-color: #f2f2f2; border: solid 1px #d6d6d6; }
.main-contents-link-title { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif"; font-weight: bold; font-size: 12px; color: #333333; line-height: 2; letter-spacing: 0px; word-spacing: normal; text-align: left; padding: 0px 0px 0px 10px; word-wrap: break-word; }
.main-contents-link-list { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif"; font-weight: bold; font-size: 12px; color: #333333; line-height: 2; letter-spacing: 0px; word-spacing: normal; text-align: left; padding: 0px 0px 0px 50px; word-wrap: break-word; }

.main-contents-source { font-family: "Georgia", "メイリオ", "Meiryo"; font-size: 12px; color: #999999; letter-spacing: 1px; margin: 6px 0px 0px 0px; text-align: right; }

/*
	box
*/

.box-1280-000,
.box-1280-100,
.box-1280-001,
.box-1280-101,
.box-1200-000,
.box-1200-100,
.box-1200-001,
.box-1200-101,
.box-flex-000,
.box-flex-100,
.box-flex-010,
.box-flex-001,
.box-flex-101,
.box-flex-011 {
	max-width: 1200px;
	height: auto;
}

.main-contents-media-000,
.main-contents-media-no-border-000,
.main-contents-media-100,
.main-contents-media-no-border-100,
.main-contents-media-001,
.main-contents-media-no-border-001,
.main-contents-media-101,
.main-contents-media-no-border-101,
.main-contents-media-border,
.main-contents-media-no-border,
.box-728-90-000,
.box-728-90-100,
.box-728-90-001,
.box-728-90-101 {
	max-width: 728px;
	height: auto;
}

.box-1280-000,
.box-1200-000,
.main-contents-media-000,
.main-contents-media-no-border-000,
.main-contents-media-border,
.main-contents-media-no-border,
.box-728-90-000,
.box-000,
.box-001,
.box-flex-000,
.box-flex-001 {
	margin: 0 auto;
}

.box-1280-100,
.box-1200-100,
.main-contents-media-100,
.main-contents-media-no-border-100,
.box-728-90-100,
.box-100,
.box-101,
.box-flex-100,
.box-flex-101 {
	margin: 48px auto 0;
}

.box-1280-001,
.box-1200-001,
.main-contents-media-001,
.main-contents-media-no-border-001,
.box-728-90-001,
.box-010,
.box-011,
.box-flex-010,
.box-flex-011 {
	margin: 0 auto 48px;
}

.box-1280-101,
.box-1200-101,
.main-contents-media-101,
.main-contents-media-no-border-101,
.box-728-90-101 {
	margin: 48px auto;
}

.box-1280-000 img,
.box-1280-100 img,
.box-1280-001 img,
.box-1280-101 img,
.box-1200-000 img,
.box-1200-100 img,
.box-1200-001 img,
.box-1200-101 img,
.main-contents-media-000 img,
.main-contents-media-no-border-000 img,
.main-contents-media-100 img,
.main-contents-media-no-border-100 img,
.main-contents-media-001 img,
.main-contents-media-no-border-001 img,
.main-contents-media-101 img,
.main-contents-media-no-border-101 img,
.main-contents-media-border img,
.main-contents-media-no-border img,
.box-728-90-000 img,
.box-728-90-100 img,
.box-728-90-001 img,
.box-728-90-101 img,
.box-000 img,
.box-100 img,
.box-010 img,
.box-001 img,
.box-101 img,
.box-011 img,
.box-flex-000 img,
.box-flex-100 img,
.box-flex-010 img,
.box-flex-001 img,
.box-flex-101 img,
.box-flex-011 img {
	display: block;
	width: 100%;
	height: auto;
}

.image-1500,
.image-900 {
	display: block;
	max-width: 1200px;
	height: auto;
	margin: 24px auto;
}

.image-728 {
	display: block;
	max-width: 728px;
	height: auto;
	margin: 0 auto;
}

.wrap-youtube {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}

.wrap-youtube iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.social-button-top {
	margin: 0 auto 16px;
	height: auto;
}

.social-button-top:after {
	content: "";
	display: block;
	clear: both;
}

.fb-like {
	float: left;
}

.tw-tweet {
	float: left;
	padding-top: 4px;
	margin-left: 4px;
}

/*
	text
*/

.f00-000,
.f00-100,
.f00-001,
.f00-101,
.f00-010,
.f00-110,
.f00-011,
.f00-111,
.f01-000,
.f01-100,
.f01-001,
.f01-101,
.f01-010,
.f01-110,
.f01-011,
.f01-111,
.f02-000,
.f02-100,
.f02-001,
.f02-101,
.f02-010,
.f02-110,
.f02-011,
.f02-111,
.f10-000,
.f10-100,
.f10-001,
.f10-101,
.f10-010,
.f10-110,
.f10-011,
.f10-111,
.f30-000,
.f30-100,
.f30-001,
.f30-101,
.f30-010,
.f30-110,
.f30-011,
.f30-111,
.f0000,
.f0100,
.f0001,
.f0101,
.f0010,
.f0110,
.f0011,
.f0111 {
	height: auto;
}

.f00-000 a:link,
.f00-100 a:link,
.f00-001 a:link,
.f00-101 a:link,
.f00-010 a:link,
.f00-110 a:link,
.f00-011 a:link,
.f00-111 a:link,
.f01-000 a:link,
.f01-100 a:link,
.f01-001 a:link,
.f01-101 a:link,
.f01-010 a:link,
.f01-110 a:link,
.f01-011 a:link,
.f01-111 a:link,
.f02-000 a:link,
.f02-100 a:link,
.f02-001 a:link,
.f02-101 a:link,
.f02-010 a:link,
.f02-110 a:link,
.f02-011 a:link,
.f02-111 a:link,
.f10-000 a:link,
.f10-100 a:link,
.f10-001 a:link,
.f10-101 a:link,
.f10-010 a:link,
.f10-110 a:link,
.f10-011 a:link,
.f10-111 a:link,
.f30-000 a:link,
.f30-100 a:link,
.f30-001 a:link,
.f30-101 a:link,
.f30-010 a:link,
.f30-110 a:link,
.f30-011 a:link,
.f30-111 a:link,
.f0000 a:link,
.f0100 a:link,
.f0001 a:link,
.f0101 a:link,
.f0010 a:link,
.f0110 a:link,
.f0011 a:link,
.f0111 a:link {
	color: #217fc3;
	text-decoration: none;
}

.f00-000 a:visited,
.f00-100 a:visited,
.f00-001 a:visited,
.f00-101 a:visited,
.f00-010 a:visited,
.f00-110 a:visited,
.f00-011 a:visited,
.f00-111 a:visited,
.f01-000 a:visited,
.f01-100 a:visited,
.f01-001 a:visited,
.f01-101 a:visited,
.f01-010 a:visited,
.f01-110 a:visited,
.f01-011 a:visited,
.f01-111 a:visited,
.f02-000 a:visited,
.f02-100 a:visited,
.f02-001 a:visited,
.f02-101 a:visited,
.f02-010 a:visited,
.f02-110 a:visited,
.f02-011 a:visited,
.f02-111 a:visited,
.f10-000 a:visited,
.f10-100 a:visited,
.f10-001 a:visited,
.f10-101 a:visited,
.f10-010 a:visited,
.f10-110 a:visited,
.f10-011 a:visited,
.f10-111 a:visited,
.f30-000 a:visited,
.f30-100 a:visited,
.f30-001 a:visited,
.f30-101 a:visited,
.f30-010 a:visited,
.f30-110 a:visited,
.f30-011 a:visited,
.f30-111 a:visited,
.f0000 a:visited,
.f0100 a:visited,
.f0001 a:visited,
.f0101 a:visited,
.f0010 a:visited,
.f0110 a:visited,
.f0011 a:visited,
.f0111 a:visited {
	color: #217fc3;
	text-decoration: none;
}

.f00-000 a:active,
.f00-100 a:active,
.f00-001 a:active,
.f00-101 a:active,
.f00-010 a:active,
.f00-110 a:active,
.f00-011 a:active,
.f00-111 a:active,
.f01-000 a:active,
.f01-100 a:active,
.f01-001 a:active,
.f01-101 a:active,
.f01-010 a:active,
.f01-110 a:active,
.f01-011 a:active,
.f01-111 a:active,
.f02-000 a:active,
.f02-100 a:active,
.f02-001 a:active,
.f02-101 a:active,
.f02-010 a:active,
.f02-110 a:active,
.f02-011 a:active,
.f02-111 a:active,
.f10-000 a:active,
.f10-100 a:active,
.f10-001 a:active,
.f10-101 a:active,
.f10-010 a:active,
.f10-110 a:active,
.f10-011 a:active,
.f10-111 a:active,
.f30-000 a:active,
.f30-100 a:active,
.f30-001 a:active,
.f30-101 a:active,
.f30-010 a:active,
.f30-110 a:active,
.f30-011 a:active,
.f30-111 a:active,
.f0000 a:active,
.f0100 a:active,
.f0001 a:active,
.f0101 a:active,
.f0010 a:active,
.f0110 a:active,
.f0011 a:active,
.f0111 a:active {
	color: #217fc3;
	text-decoration: none;
}

.f00-000 a:hover,
.f00-100 a:hover,
.f00-001 a:hover,
.f00-101 a:hover,
.f00-010 a:hover,
.f00-110 a:hover,
.f00-011 a:hover,
.f00-111 a:hover,
.f01-000 a:hover,
.f01-100 a:hover,
.f01-001 a:hover,
.f01-101 a:hover,
.f01-010 a:hover,
.f01-110 a:hover,
.f01-011 a:hover,
.f01-111 a:hover,
.f02-000 a:hover,
.f02-100 a:hover,
.f02-001 a:hover,
.f02-101 a:hover,
.f02-010 a:hover,
.f02-110 a:hover,
.f02-011 a:hover,
.f02-111 a:hover,
.f10-000 a:hover,
.f10-100 a:hover,
.f10-001 a:hover,
.f10-101 a:hover,
.f10-010 a:hover,
.f10-110 a:hover,
.f10-011 a:hover,
.f10-111 a:hover,
.f30-000 a:hover,
.f30-100 a:hover,
.f30-001 a:hover,
.f30-101 a:hover,
.f30-010 a:hover,
.f30-110 a:hover,
.f30-011 a:hover,
.f30-111 a:hover,
.f0000 a:hover,
.f0100 a:hover,
.f0001 a:hover,
.f0101 a:hover,
.f0010 a:hover,
.f0110 a:hover,
.f0011 a:hover,
.f0111 a:hover {
	color: #217fc3;
	text-decoration: underline;
}

.f00-000,
.f00-010,
.f01-000,
.f01-010,
.f02-000,
.f02-010,
.f10-000,
.f10-010,
.f30-000,
.f30-010,
.f0000,
.f0010 {
	margin: 0 auto;
}

.f00-100,
.f00-110,
.f01-100,
.f01-110,
.f02-100,
.f02-110,
.f10-100,
.f10-110,
.f30-100,
.f30-110,
.f0100,
.f0110 {
	margin: 32px auto 0;
}

.f00-001,
.f00-011,
.f01-001,
.f01-011,
.f02-001,
.f02-011,
.f10-001,
.f10-011,
.f30-001,
.f30-011,
.f0001,
.f0011 {
	margin: 0 auto 32px;
}

.f00-101,
.f00-111,
.f01-101,
.f01-111,
.f02-101,
.f02-111,
.f10-101,
.f10-111,
.f30-101,
.f30-111,
.f0101,
.f0111 {
	margin: 32px auto;
}

.f00-010,
.f00-110,
.f00-011,
.f00-111,
.f01-010,
.f01-110,
.f01-011,
.f01-111,
.f02-010,
.f02-110,
.f02-011,
.f02-111,
.f10-010,
.f10-110,
.f10-011,
.f10-111,
.f30-010,
.f30-110,
.f30-011,
.f30-111,
.f0010,
.f0110,
.f0011,
.f0111 {
	text-indent: 1em;
}

.f02-000,
.f02-100,
.f02-001,
.f02-101,
.f02-010,
.f02-110,
.f02-011,
.f02-111 {
	color: #01043d;
}

/*
	media-queries
*/

@media only screen and (min-width: 940px) {
	#main-title {
		padding: 32px 0;
	}
	h1,
	.main-title-category,
	.main-title-author-date {
		width: 900px;
	}
	h1 {
		font-size: 36px;
	}
	.main-title-category {
		font-size: 24px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 939px) {
	#main-title {
		padding: 28px 0;
	}
	h1,
	.main-title-category,
	.main-title-author-date {
		width: 92%;
	}
	h1 {
		font-size: 32px;
	}
	.main-title-category {
		font-size: 20px;
	}
}

@media only screen and (min-width: 768px) {
	.social-button-top {
		width: 728px;
	}
	h4,
	.f00-000,
	.f00-100,
	.f00-001,
	.f00-101,
	.f00-010,
	.f00-110,
	.f00-011,
	.f00-111,
	.f01-000,
	.f01-100,
	.f01-001,
	.f01-101,
	.f01-010,
	.f01-110,
	.f01-011,
	.f01-111,
	.f02-000,
	.f02-100,
	.f02-001,
	.f02-101,
	.f02-010,
	.f02-110,
	.f02-011,
	.f02-111,
	.f10-000,
	.f10-100,
	.f10-001,
	.f10-101,
	.f10-010,
	.f10-110,
	.f10-011,
	.f10-111,
	.f30-000,
	.f30-100,
	.f30-001,
	.f30-101,
	.f30-010,
	.f30-110,
	.f30-011,
	.f30-111,
	.f0000,
	.f0100,
	.f0001,
	.f0101,
	.f0010,
	.f0110,
	.f0011,
	.f0111 {
		width: 728px;
	}
	h4 {
		font-size: 32px;
	}
}

@media only screen and (max-width: 767px) {
	#main-title {
		padding: 24px 0;
	}
	h1,
	.main-title-category,
	.main-title-author-date,
	.social-button-top {
		width: 92%;
	}
	h1 {
		font-size: 28px;
	}
	.main-title-category {
		font-size: 16px;
	}
	h4,
	.f00-000,
	.f00-100,
	.f00-001,
	.f00-101,
	.f00-010,
	.f00-110,
	.f00-011,
	.f00-111,
	.f01-000,
	.f01-100,
	.f01-001,
	.f01-101,
	.f01-010,
	.f01-110,
	.f01-011,
	.f01-111,
	.f02-000,
	.f02-100,
	.f02-001,
	.f02-101,
	.f02-010,
	.f02-110,
	.f02-011,
	.f02-111,
	.f10-000,
	.f10-100,
	.f10-001,
	.f10-101,
	.f10-010,
	.f10-110,
	.f10-011,
	.f10-111,
	.f30-000,
	.f30-100,
	.f30-001,
	.f30-101,
	.f30-010,
	.f30-110,
	.f30-011,
	.f30-111,
	.f0000,
	.f0100,
	.f0001,
	.f0101,
	.f0010,
	.f0110,
	.f0011,
	.f0111 {
		width: 92%;
	}
	h4 {
		font-size: 24px;
	}
}