@charset "utf-8";

@media print, screen and (min-width: 481px) {

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
 text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body, table, th, td, h1, h2, h3, h4, h5, h6 {
	font-size: 15px;
	line-height: 2.1em;
	letter-spacing: normal;
}

html {
	min-width: 1024px;
	height: 100%;
}

body {
	height: 100%;
}

a:link,
a:visited {
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}








/* basic style ------------------------------ */
.hover {
	cursor: pointer;
}
a.hover:link,
a.hover:visited {
	opacity: 1.0;
}
a.hover:hover,
a.hover:active {
	opacity: 0.8;
}

.pcNone {
	display: none !important;
}

.anchor {
	padding-top: 80px !important;
	margin-top: -80px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}
.mb4 {
	margin-bottom: 4px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}








/* wrapper ------------------------------ */
#wrapper {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
 min-width: 1080px;
	overflow: hidden;
}








/* header ------------------------------ */
#head {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	min-width: 1080px;
 padding: 0px;
 position: fixed;
 left: 0px;
 top: 0px;
 z-index: 999999;
	border-top: 10px solid #e60012;
	background-image: url("../img/h_bg01.gif");
	background-repeat: no-repeat;
	background-position: 50% -300px;
	zoom: 1;
}
#head:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0;
}

#head-inner {
	width: 1060px;
	margin: 0px auto 0px auto;
	position: relative;
	left: 0px;
	top: 0px;
	zoom: 1;
}
#head-inner:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0;
}

#head-logo {
	width: 203px;
	height: 309px;
	position: absolute;
	left: -16px;
	top: 0px;
}
#head-logo > a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
	text-indent: -9000px;
	background: url("../img/h_logo.png") no-repeat 0px 0px;
	background-size: 100% auto;
	position: relative;
	left: 0px;
	top: 0px;
}
#head-logo > a:after {
	content: " ";
	display: block;
	position: absolute;
	left: 30.5%;
	top: 0px;
	width: 42%;
	height: 0.5px;
	background: #e60012;
}

#head-logo-small {
	display: block;
	width: 373px;
	height: 17px;
	position: absolute;
	left: 0px;
	top: -80px;
	font-size: 0.1em;
	line-height: 100%;
	text-align: left;
	text-indent: -9000px;
	overflow: hidden;
	background: url("../img/h_logo_small.png") no-repeat 50% 50%;
	background-size: 100% auto;
	opacity: 0;
}

#head-trigger,
#head-close,
#head-subnav-list {
	display: none;
}

#head-nav {
	float: right;
	padding-top: 38px;
	padding-bottom: 12px;
}
#head-nav > ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	letter-spacing: -0.8em;
	text-align: right;
}
#head-nav > ul > li {
	display: inline-block;
	margin: 0px 0px 0px 32px;
	padding: 0px;
	letter-spacing: 0.04em;
	font-size: 14px;
	line-height: 1.05em;
}
#head-nav > ul > li:nth-of-type(1) {
	margin: 0px;
}
#head-nav > ul > li a {
	text-decoration: none;
	display: block;
	padding-bottom: 8px;
	border-bottom: 1px solid transparent;
}
#head-nav > ul > li a:link,
#head-nav > ul > li a:visited,
#head-nav > ul > li a:active {
	color: #000000;
	text-decoration: none;
	border-bottom-color: transparent;
}
#head-nav > ul > li a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom-color: #000000;
}

/* transition */
#head,
#head #head-logo,
#head #head-nav,
#head #head-nav li,
#head #head-nav li a {
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}
#head.smaller {
	transition: all 1.6s ease;
	-webkit-transition: all 1.6s ease;
	-moz-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
}
#head.smaller #head-logo {
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
#head #head-logo-small,
#head.smaller #head-logo-small {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

/* small header */
/*#head.smaller {
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
}*/
#head.smaller {
	background-position: 50% -100px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	border-top-width: 0px;
}
/*#head.smaller #head-logo {
	width: 120px;
	height: 183px;
	left: -8px;
}*/
#head.smaller #head-logo {
	width: 120px;
	height: 183px;
	left: -8px;
	opacity: 0;
	pointer-events: none;
}
#head.smaller #head-logo-small {
	top: 16px;
	opacity: 1.0;
}
#head.smaller #head-logo-small:link,
#head.smaller #head-logo-small:visited,
#head.smaller #head-logo-small:active {
	opacity: 1.0;
}
#head.smaller #head-logo-small:hover {
	opacity: 0.6;
}
#head.smaller #head-nav {
	padding-top: 8px;
}
#head.smaller #head-nav li a {
	font-size: 11px;
	color: #ffffff;
}
#head.smaller #head-nav > ul > li a:link,
#head.smaller #head-nav > ul > li a:visited,
#head.smaller #head-nav > ul > li a:active {
	color: #ffffff;
}
#head.smaller #head-nav > ul > li a:hover {
	color: #ffffff;
	border-bottom-color: #ffffff;
}

body.home #head-nav > ul > li.home a,
body.about #head-nav > ul > li.about a,
body.safety #head-nav > ul > li.safety a,
body.example #head-nav > ul > li.example a,
body.document #head-nav > ul > li.document a,
body.link #head-nav > ul > li.link a {
	border-bottom-color: #000000;
}

body.home #head.smaller #head-nav > ul > li.home a,
body.about #head.smaller #head-nav > ul > li.about a,
body.safety #head.smaller #head-nav > ul > li.safety a,
body.example #head.smaller #head-nav > ul > li.example a,
body.document #head.smaller #head-nav > ul > li.document a,
body.link #head.smaller #head-nav > ul > li.link a {
	border-bottom-color: #ffffff;
}








/* footer ------------------------------ */
#foot {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
 padding: 0px 0px 56px 0px;
 position: relative;
 left: 0px;
 top: 0px;
 z-index: 9999;
	zoom: 1;
}
#foot:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0;
}
#foot-nav {
	background-color: #e60012;
	color: #ffffff;
	padding: 60px 10px;
	margin-bottom: 44px;
}
#foot-nav > ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	letter-spacing: -0.8em;
}
#foot-nav > ul > li {
	display: inline-block;
	letter-spacing: 0.04em;
	margin: 0px 14px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.05em;
}
#foot-nav a:link,
#foot-nav a:visited {
	color: #ffffff;
	text-decoration: none;
}
#foot-nav a:hover,
#foot-nav a:active {
	color: #ffffff;
	text-decoration: underline;
}
#copyright {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.02em;
	font-size: 10px;
	line-height: 1.0em;
}
#copyright small {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
#foot-topagetop {
	width: 62px;
	height: 70px;
	position: fixed;
	right: -70px;
	/*bottom: 220px;*/
	bottom: 45px;
	z-index: 1000;
	transform: translate3d(0px,0px,0px);
	opacity: 0;
}
#foot-topagetop.show {
	right: 45px;
	opacity: 1.0;
}
#foot-topagetop.show.stop {
	margin-bottom: 181px;
	position: absolute;
}
#foot-topagetop > a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
	text-indent: -9000px;
	background: url("../img/f_topagetop.png") no-repeat 0px 0px;
	background-size: 100% auto;
}









/* parts ------------------------------ */
.button01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
 appearance: none;
 -webkit-appearance: none;
	border: none;
	display: inline-block;
	min-width: 240px;
	background: #ffffff;
	border: 1px solid #e60012;
	padding: 20px 32px;
	text-align: center;
	color: #e60012;
	font-size: 14px;
	line-height: 1.0em;
	letter-spacing: 0.04em;
	position: relative;
	left: 0px;
	top: 0px;
}
.button01:after {
	display: block;
	content: " ";
	width: 7px;
	height: 11px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -5px;
	background: url("../img/cmn_arw01.png") no-repeat 0px 0px;
	background-size: 100%;
}
.button01:link,
.button01:visited {
	color: #e60012;
	text-decoration: none;
}
.button01:hover,
.button01:active {
	color: #e60012;
	text-decoration: none;
}

.number-01,
.number-02,
.number-03,
.number-04 {
	display: inline-block;
	vertical-align: middle;
	margin-right: 18px;
	margin-top: -8px;
	width: 69px;
	height: 79px;
	overflow: hidden;
	text-align: left;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% auto;
}
.number-01 {
	background-image: url("../img/cmn_num01.png");
}
.number-02 {
	background-image: url("../img/cmn_num02.png");
}
.number-03 {
	background-image: url("../img/cmn_num03.png");
}
.number-04 {
	background-image: url("../img/cmn_num04.png");
}

.blank-01:before {
	content: " ";
	display: inline-block;
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin-right: 0.4em;
	margin-top: -0.2em;
	background: url("../img/cmn_ic_blank.png") no-repeat 0px 0px;
	background-size: 100% auto;
}

.mark-01 {
	display: inline-block;
	font-size: 0.8em;
	vertical-align: top;
	margin-top: -0.2em;
}

.note-01 {
	text-indent: -1.0em;
	margin-left: 1.0em;
	font-size: 12px;
	line-height: 1.9em;
}

.table-01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	margin: 0px 0px 0px -6px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
	border-top: 1px solid #e60012;
	margin-top: 1.2em;
	margin-bottom: 1.0em;
}
.table-01 th,
.table-01 td {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #e60012;
	padding-top: 18px;
	padding-bottom: 18px;
}
.table-01 th {
	padding-left: 6px;
	padding-right: 36px;
	white-space: nowrap;
	width: 10%;
	color: #e60012;
}
.table-01 td {
	padding-left: 6px;
}
.table-01 td > p {
	margin-top: 1.8em;
}
.table-01 td > p:nth-of-type(1) {
	margin-top: 0px;
}
.table-01 td > p img {
	margin-bottom: 1.2em;
}

.table-02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	margin: 0px 0px 0px -6px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
	border-top: 1px solid #e60012;
	margin-top: 1.2em;
	margin-bottom: 1.0em;
}
.table-02 th,
.table-02 td {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #e60012;
	padding-top: 18px;
	padding-bottom: 18px;
}
.table-02 th {
	padding-left: 6px;
	padding-right: 36px;
	white-space: nowrap;
	width: 10%;
	color: #e60012;
}
.table-02 td {
	padding-left: 6px;
}
.table-02 td > p {
	margin-top: 1.8em;
}
.table-02 td > p:nth-of-type(1) {
	margin-top: 0px;
}
.table-02 td > p img {
	margin-bottom: 1.2em;
}

.table-03 {
 border: none;
 margin: 0;
 padding: 0;
 margin-top: 1.8em;
 border-top: 1px solid #e60012;
 border-left: 1px solid #e60012;
 margin-bottom: 0.2em;
}
.table-03 th,
.table-03 td {
 white-space: nowrap;
 padding: 8px 15px;
 text-align: left;
 vertical-align: middle;
 border-right: 1px solid #e60012;
 border-bottom: 1px solid #e60012;
 font-size: 1.0em;
 line-height: 1.25em;
}
.table-03 th {
 font-weight: bold;
 color: #e60012;
}
.table-03 td {
 text-align: center;
}









/* container ------------------------------ */
#container {
	width: 100%;
	min-height: 500px;
	zoom: 1;
}
#container:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0;
}

#contents-title {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	background-color: #fefefe;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#contents-title:before {
	content: " ";
	display: block;
	width: 100%;
	height: 350px;
	background-color: #fefefe;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#contents-title > .inner {
	display: block;
	width: 100%;
	padding: 75px 0px;
	position: relative;
	background-color: #e60012;
	color: #ffffff;
	text-align: center;
	font-size: 48px;
	line-height: 1.0em;
	letter-spacing: 0.04em;
}

.contents-lead {
	margin: 0px auto;
	width: 1060px;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-top: 70px;
}

.bottom-links {
	background: #ffffff;
}
.bottom-links-inner {
	width: 1060px;
	margin: 0px auto;
	padding: 62px 0px;
}
.bottom-links .heading {
	text-align: center;
	font-size: 12px;
	line-height: 1.2em;
	color: #4e3614;
	margin-bottom: 32px;
}
.bottom-links .heading > span {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 1.0em;
	color: #e60012;
	margin-bottom: 8px;
}
.bottom-links .contact {
	margin-top: 56px;
	text-align: center;
}
.bottom-links .contact > .head {
	font-size: 16px;
	line-height: 1.25em;
	color: #e60012;
	margin-bottom: 8px;
}
.bottom-links .contact > .data {
	font-size: 13px;
	line-height: 1.8em;
}
.bottom-links .contact > .data a:hover {
	color: #e60012;
}
.bottom-links .list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	letter-spacing: -0.8em;
}
.bottom-links .list > li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0px 16px;
	padding: 0px;
	letter-spacing: 0.04em;
}
.bottom-links .list > li .image {
	width: 140px;
	height: 78px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
.bottom-links .list > li .image img {
	width: auto;
	height: auto;
	max-width: 140px;
	max-height: 100%;
}
.bottom-links .list > li .text {
	font-size: 10px;
	line-height: 1.2em;
}
.bottom-links .list > li > a {
	display: block;
	color: #000000 !important;
	text-decoration: none !important;
}

.block-type01.odd {
	background: #ffffff;
}
.block-type01.even {
	background: #f4f1df;
}

.block-inner {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 1060px;
	margin: 0px auto;
	padding: 88px 0px 114px;
	word-wrap: break-word;
	zoom: 1;
}
.block-inner:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0;
}

.block-title {
	text-align: center;
	font-size: 38px;
	line-height: 1.5em;
	letter-spacing: 0.04em;
	color: #e60012;
	margin-bottom: 28px;
}

.block-inner > .block-lead01 {
	text-align: center;
	font-size: 24px;
	line-height: 1.5em;
	letter-spacing: 0.04em;
	margin-top: 0px !important;
	margin-bottom: 36px;
}

.block-inner > p {
	margin-top: 1.8em;
}

.block-heading01 {
	font-size: 24px;
	line-height: 1.5em;
	color: #e60012;
}
.block-heading01 + * {
	margin-top: 0.6em !important;
}








/* home ------------------------------ */
body.home #head-logo {
	width: 295px;
	height: 449px;
	position: absolute;
	left: -24px;
	top: 0px;
}
body.home #contents-title {
	height: 730px;
	background-image: url("../img/home_visual.jpg");
}
body.home #contents-title:before {
	display: none;
}
body.home #contents-title > .inner {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px;
	width: 369px;
	height: 165px;
	overflow: hidden;
	text-align: left;
	text-indent: -9000px;
	background: url("../img/home_visual_txt.png") no-repeat 0px 0px;
	background-size: 100% auto;
	position: absolute;
	right: 50%;
	/*bottom: 74px;*/
 bottom: 104px;
	margin-right: -530px;
}

body.home #container {
 position: relative;
}
.fv-topics {
 width: 100%;
 position: absolute;
 left: 0;
 top: calc(730px - 80px);
 z-index: 10;
 display: flex;
 justify-content: center;
}
.fv-topics > a {
 box-sizing: border-box;
 display: flex;
 color: #ffffff;
 text-decoration: none;
 font-size: 18px;
 line-height: 1.0em;
 height: 50px;
 border: 2px solid #e60012;
 border-radius: 8px;
 overflow: hidden;
}
.fv-topics > a:hover {
 text-decoration: none;
}
.fv-topics > a > .text {
 box-sizing: border-box;
 display: flex;
 align-items: center;
 /*background-color: rgba(255,255,255,0.45);*/
 background-color: #ffffff;
 color: #000000;
 text-decoration: none;
 height: 100%;
 padding: 5px 20px;
 transition: all 0.8s ease;
}
.fv-topics > a:hover > .text {
 /*background-color: rgba(255,255,255,1.0);*/
 background-color: rgba(255,255,255,0.55);
}
.fv-topics > a > .more {
 box-sizing: border-box;
 display: flex;
 align-items: center;
 /*background-color: rgba(230,0,18,0.85);*/
 background-color: #e60012;
 color: #ffffff;
 text-decoration: none;
 height: 100%;
 padding: 5px 20px;
 transition: all 0.8s ease;
}
.fv-topics > a:hover > .more {
 background-color: #fb4856;
}
.fv-topics > a > .more:before {
 display: inline-block;
 content: "";
 width: 7px;
 height: 11px;
 background: url(../img/cmn_arw02.png) no-repeat 0px 0px;
 background-size: 100%;
 margin-right: 10px;
 vertical-align: middle;
}

.home-block01 {
	width: 100%;
	height: 450px;
	overflow: visible;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 100;
	zoom: 1;
}
.home-block01:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0;
}
.home-block01:before {
	content: " ";
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	background: url("../img/home_img01.jpg") no-repeat 0px 50%;
	background-size: cover;
	zoom: 1;
}
.home-block01-text {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
	height: 100%;
	padding-right: 40px;
	background: #e60012;
	color: #ffffff;
	float: right;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	left: 0px;
	top: 0px;
}
.home-block01-text:after {
	content: " ";
	display: block;
	position: absolute;
	left: 300px;
	bottom: -105px;
	width: 163px;
	height: 166px;
	background: url("../img/home_eyecatch01.png?t=2019061303") no-repeat 0px 0px;
	background-size: 100% auto;
}
.home-block01-text .inner {
	display: inline-block;
	text-align: center;
	max-width: 380px;
}
.home-block01 .heading {
	font-size: 33px;
	line-height: 1.2em;
	letter-spacing: 0.04em;
	margin-bottom: 28px;
}
.home-block01 .text {
	font-size: 17px;
	line-height: 1.9em;
	letter-spacing: 0.04em;
	margin-bottom: 32px;
}

.home-block02 {
	position: relative;
	left: 0px;
	top: 0px;
	overflow: visible;
	border-top: 224px solid #ffffff;
	background: #f4f1df;
	padding-bottom: 64px;
	zoom: 1;
}
.home-block02:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0;
}
.home-block02:before {
	content: " ";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% auto;
}
.home-block02-inner {
	width: 1060px;
	margin: 0px auto;
	zoom: 1;
}
.home-block02-inner:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0;
}
.home-block02 .heading {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
	margin-top: -80px;
	margin-bottom: 80px;
	font-size: 33px;
	line-height: 1.2em;
	letter-spacing: 0.04em;
	color: #e60012;
}
.home-block02 .image {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
	margin-top: -110px;
}
.home-block02 .image img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 530px;
	border: 10px solid #e60012;
}
.home-block02 .text {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
	margin-bottom: 32px;
	font-size: 14px;
	line-height: 2.0em;
}
.home-block02 .button {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
}

.home-block02#safety {
	z-index: 90;
}
.home-block02#safety .image {
	float: left;
	text-align: right;
}
.home-block02#safety .heading,
.home-block02#safety .text,
.home-block02#safety .button {
	float: right;
}
.home-block02#safety:before {
	left: 50%;
	bottom: -90px;
	width: 195px;
	height: 154px;
	margin-left: -620px;
	background-image: url("../img/home_eyecatch03.png");
}
.home-block02#safety .heading,
.home-block02#safety .text,
.home-block02#safety .button {
	padding-left: 60px;
}
.home-block02#safety .text {
	position: relative;
	left: 0px;
	top: 0px;
}
.home-block02#safety .text:after {
	content: " ";
	display: block;
	position: absolute;
	left: 350px;
	top: 64px;
	width: 270px;
	height: 191px;
	background: url("../img/home_eyecatch02.png") no-repeat 0px 0px;
	background-size: 100% auto;
}

.home-block02#example {
	z-index: 80;
}
.home-block02#example .image {
	width: 50%;
	float: right;
	text-align: left;
}
.home-block02#example .heading,
.home-block02#example .text,
.home-block02#example .button {
	float: left;
}
.home-block02#example:before {
	left: 50%;
	bottom: -90px;
	width: 194px;
	height: 191px;
	margin-left: -200px;
	background-image: url("../img/home_eyecatch04.png");
}
.home-block02#example .heading,
.home-block02#example .text,
.home-block02#example .button {
	padding-right: 40px;
}

.home-block02#document {
	z-index: 70;
}
.home-block02#document .image {
	float: left;
	text-align: right;
}
.home-block02#document .heading,
.home-block02#document .text,
.home-block02#document .button {
	float: right;
}
.home-block02#document:before {
	right: 50%;
	top: -78px;
	width: 154px;
	height: 109px;
	margin-right: -564px;
	background-image: url("../img/home_eyecatch05.png");
}
.home-block02#document .heading,
.home-block02#document .text,
.home-block02#document .button {
	padding-left: 60px;
}








/* common ------------------------------ */
/*body.common #contents-title:before {
	background-image: url("../img/cmn_visual.jpg");
	background-position: 50% 50%;
	height: 160px;
}*/
body.common #contents-title:before {
	background: #ffffff;
	background-position: 50% 50%;
	height: 120px;
}
/*body.common #contents-title > .inner {
	background: #f4f1df;
	color: #000000;
	font-size: 42px;
	line-height: 1.0em;
	letter-spacing: 0.02em;
}*/
body.common #contents-title > .inner {
	background: #f4f1df;
	color: #000000;
	font-size: 42px;
	line-height: 1.0em;
	letter-spacing: 0.02em;
	padding: 95px 0px;
}

body.common .block-lead01 {
	margin-bottom: 1.2em !important;
}
body.common .block-heading01 {
	margin-top: 2.0em;
}
body.common .block-inner > p:nth-of-type(1) {
	margin-top: 0px;
	margin-bottom: 3.0em;
}

.common-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #e60012;
}
.common-list > li {
	margin: 0px;
	padding: 24px 12px;
	border-top: 1px solid #e60012;
}
.common-list > li .heading {
	color: #e60012;
}
.common-list > li .text {
	padding-left: 1.2em;
}
.common-list > li .indent-01 {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
.common-list > li .indent-02 {
	padding-left: 2.4em;
}
.common-list a:link,
.common-list a:visited,
.common-list a:hover,
.common-list a:active {
	text-decoration: underline;
}








/* about ------------------------------ */
body.about #contents-title:before {
	background-image: url("../img/about_visual.jpg");
	background-position: 50% 20%;
}
body.about .block-inner .table-01 {
	margin-top: 1.2em;
	margin-bottom: 1.0em;
}
body.about .block-inner .note-01 {
	padding-right: 24px;
}
.about-box01 {
	width: 516px;
	float: left;
	margin-top: 1.8em;
}
.about-box01-image {
	width: 600px;
	float: right;
	margin-right: -60px;
	margin-top: 0px !important;
	margin-bottom: -90px;
}
.about-box03 {
	width: 470px;
	float: right;
}
.about-box03-image {
	width: 640px;
	float: left;
	margin-top: -10px !important;
	margin-left: -90px;
	margin-bottom: -40px;
}








/* safety ------------------------------ */
body.safety #contents-title:before {
	background-image: url("../img/safety_visual.jpg");
	background-position: 50% 70%;
}
#safety-block01 {
	background: url("../img/safety_01_bg01.jpg") no-repeat 100% 100%;
	background-size: auto 100%;
}
#safety-block01 .block-inner > p {
	padding-right: 380px;
}
#safety-block03 {
	background: url("../img/safety_03_bg01.jpg") no-repeat 0% 110%;
	background-size: 592px auto;
}
#safety-block03 .block-inner .inner {
	padding-left: 350px;
	margin-top: 1.8em;
}
#safety-block03 .block-inner .inner .list02 {
	margin: 0.2em 0px;
}
#safety-block03 .block-inner .inner .list02 > li {
	font-size: 0.9em;
	line-height: 1.9em;
}








/* example ------------------------------ */
body.example #contents-title:before {
	background-image: url("../img/example_visual.jpg");
	background-position: 50% 80%;
}
#example01-image01 img {
	width: 806px;
	height: auto;
}
#example01-image02 img {
	width: 832px;
	height: auto;
}
#example01-image03 img {
	width: 832px;
	height: auto;
}
body.example .block-type01 .block-inner > p {
	margin-top: 1.2em;
}
#example-box01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 10px solid #e60012;
	padding: 42px 480px 42px 46px;
	background: url("../img/example_01_bg01.jpg") no-repeat 100% 0%;
	background-size: auto 140%;
	margin-top: 3.0em;
}
#example-box01 .heading {
	font-size: 18px;
	line-height: 1.5em;
	color: #e60012;
}
#example-block03 {
	background: url("../img/example_03_bg01.jpg?t=2019061302") no-repeat 50% 100%;
	background-size: 1280px auto;
	padding-bottom: 583px;
	/*background-size: 1460px auto;
	padding-bottom: 665px;*/
}
#example-block03 .block-inner {
	padding-bottom: 0px;
}








/* document ------------------------------ */
body.document #contents-title:before {
	background-image: url("../img/document_visual.jpg");
	background-position: 50% 30%;
}
.document-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #e60012;
}
.document-list > li {
	margin: 0px;
	padding: 24px 12px;
	border-bottom: 1px solid #e60012;
}
.document-list > li .heading {
	color: #e60012;
}
.document-list > li .pdf {
	color: #000000;
	display: inline-block;
}
body.document .block-inner > p {
	margin-top: 1.2em;
}








/* link ------------------------------ */
body.link #contents-title:before {
	background-image: url("../img/link_visual.jpg");
	background-position: 50% 25%;
}
body.link .block-inner .inner {
	margin-top: 80px;
}
body.link .block-inner .inner:nth-of-type(1) {
	margin-top: 0px;
}
body.link .block-heading01 + * {
	margin-top: 1.0em !important;
}
.link-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #e60012;
	display: flex;
	flex-wrap: wrap;
}
.link-list > li {
	width: 50%;
	margin: 0px;
	padding: 42px 0px;
	border-top: 1px solid #e60012;
}
.link-list > li > a {
	display: block;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.link-list > li .image {
	width: 175px;
	height: 94px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.link-list > li .image img {
	width: auto;
	height: auto;
	max-width: 175px;
	max-height: 100%;
}
.link-list > li .text {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 355px;
	padding-left: 50px;
}











}