@charset "utf-8";
/* CSS Document */
.col-box-1{ margin-top: -60px; padding-top: 60px;}
.margin-b00{ margin-bottom: 0 !important;}
.margin-b30{ margin-bottom: 30px !important;}
.margin-b40{ margin-bottom: 40px !important;}
.margin-b60{ margin-bottom: 60px !important;}
.margin-b80{ margin-bottom: 80px !important;}
.margin-b130{ margin-bottom: 130px !important;}
.margin-tb100{ margin: 100px auto !important;}
.margin-t60{ margin-top: 60px !important;}
.padding-b60{ padding-bottom: 60px !important;}

.center-area{ text-align: center;}
.main-view{ background-image: url("../img/live-erase-service-main-photo-01.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 500px; left: 0; position: fixed; top: 0; width: 100%; z-index: 0;}
.main-view h1{ bottom: 130px; color: #289404; font-size: 40px; line-height: 55px; left: 70px; position: absolute;}
.main-view h3{ bottom: 230px; color: #289404; left: 70px; position: absolute;}

.main-content{ background-color: #ffffff; margin-top: 500px; position: relative; z-index: 1;}
.main-content h2{ color: #289404; font-size: 40px; line-height: 55px; margin: 0 auto 30px; text-align: center;}

.ul-center{ text-align: center; width: 100%;}
.ul-center li{ display: inline-block; vertical-align: top;}

.live-video-photo-01,.recording-data-photo-01{ margin: 60px 0;}
.live-video-photo-01 li{ width: 270px;}
.live-video-photo-01 li:nth-child(2){ margin: 0 70px;}
.live-video-photo-01 li div{ background-image: url("../img/live-video-photo-01.png"); height: 180px; text-indent: -9999px; width: 270px;}
.live-video-photo-01 li:first-child div{ background-position: center 0;}
.live-video-photo-01 li:nth-child(2) div{ background-position: center -240px;}
.live-video-photo-01 li:nth-child(3) div{ background-position: center -470px;}
.live-video-photo-01 li p:nth-child(2){ font-size: 22px; font-weight: bold; text-align: center;}
.live-video-photo-01 li p:last-child{ font-size: 14px; line-height: 22px;}

.text-center-bold-01{ font-size: 22px; font-weight: bold; margin-bottom: 20px; text-align: center;}
.text-nomal-01{ line-height: 26px;}
.text-nomal-01 span{ color: #ff0000 !important; font-weight: bold;}
.text-nomal-01 a{ color: #000000;}
.text-notes-01{ font-size: 14px; line-height: 20px; margin-top: 40px; padding-top: 10px;}

.text-center-nomal-01{ font-size: 16px; text-align: center;}

.padding-box-bt-100{ padding: 100px 0;}

.recording-data-photo-01 li:first-child{ width: 380px;}
.recording-data-photo-01 li:nth-child(2){ margin: 0 20px; width: 80px;}
.recording-data-photo-01 li:last-child{ width: 250px;}
.recording-data-photo-01 li div{ background-image: url("../img/recording-data-photo-01.png"); height: 146px; text-indent: -9999px;}
.recording-data-photo-01 li:first-child div{ background-position: center 0; width: 380px;}
.recording-data-photo-01 li:nth-child(2) div{ background-position: center -160px; width: 80px;}
.recording-data-photo-01 li:last-child div{ background-position: center -320px; width: 250px;}
.recording-data-photo-01 li:first-child p:nth-child(2){ font-size: 20px; font-weight: bold; text-align: center;}
.recording-data-photo-01 li:first-child p:last-child{ font-size: 14px; line-height: 22px;}
.recording-data-photo-01 li:last-child p:nth-child(2){ color: #289404; font-size: 27px; font-weight: bold; text-align: center;}

.color-00009f{ color: #00009f !important;}

.completely-non-contact-photo-01{ margin: 20px 0 60px;}
.completely-non-contact-photo-01 li:first-child{ position: relative;}
.completely-non-contact-photo-01 li:first-child a{ display: inline-block; height: 160px; position: absolute; right: 130px; text-indent: -9999px; top: 0; width: 170px;}
.completely-non-contact-photo-01 li img{ margin-bottom: 40px;}
.completely-non-contact-photo-01 li p{ color: #00009f; font-size: 39px; line-height: 50px; text-align: center;}
.completely-non-contact-photo-01 li p span{ display: block; font-size: 28px; line-height: 40px;}

.live-recording-bt-01{ background-color: #289404; border-radius: 6px; color: #ffffff !important; display: inline-block; font-size: 18px; font-weight: bold; padding: 20px 120px;}
.live-recording-bt-01:hover{ opacity: .6; text-decoration: none;}
.contactless{ padding: 20px 110px;}