@charset "UTF-8";

#monitor{}
#monitor .monitor_sec,
#monitor .monitor_sec03{
	background-color: #FBE5EF;
}
#monitor .titc{
	width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3;
}
#monitor .titc1{
	max-width: 1200px;
}
#monitor .titc3{
	margin: 80px auto 0;
}
@media screen and (max-width: 584px) {
	
}

#monitor .nli li a { color: #E85298; }
#monitor .sec4 table { margin-bottom: 10px; }
#monitor.lock { overflow: hidden; }
#monitor h2 span.hico { display: inline-block !important; width: 40px; margin-left: 10px; }
@media screen and (max-width: 584px) { #monitor h2 span.hico { width: 24px; margin-left: 5px; } }
#monitor h2 span.hico img { display: block; vertical-align: bottom; width: 100%; }
#monitor .pagetit2 h2 { width: 100%; max-width: 760px; background-color: #E85298; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
#monitor .pagetit2 h2 p { display: block; width: 100%; height: 100%; position: relative; line-height: 1em; padding-top: 13px; padding-bottom: 13px; color: #ffffff; font-size: 18px; font-weight: 400; text-align: center; }
#monitor .sec4 .secin { padding-top: 0; }
#monitor .sec4 .secin h3 { margin-top: 0; }
#monitor .sec4 .abtn1 { box-sizing: border-box; width: 100%; max-width: 360px; background-color: #E85298; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
@media screen and (max-width: 584px) { #monitor .sec4 .abtn1 { max-width: 300px; } }
#monitor .sec4 .abtn1:hover { opacity: 0.7; }
#monitor .sec4 .abtn1 a { display: block; width: 100%; height: 100%; position: relative; line-height: 1em; padding-top: 10px; padding-bottom: 10px; }
@media screen and (max-width: 584px) { #monitor .sec4 .abtn1 a { padding-top: 10px; padding-bottom: 10px; } }
#monitor .sec4 .abtn1 a p { color: #ffffff; font-size: 16px; text-align: center; }
@media screen and (max-width: 584px) { #monitor .sec4 .abtn1 a p { font-size: 14px; } }
#monitor .sec4 .abtn1 a span { font-size: 14px; line-height: 1.5em; margin-top: 10px; display: block; }
#monitor .sec4 .abtn1:hover { opacity: 0.7; }
#monitor .sec4 .abtn1:hover a::after { right: 0px; }
#monitor .sec4 .secin { max-width: 780px; margin-left: auto; margin-right: auto; }
#monitor .sec4 .secin h3 { text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
#monitor .sec4 .secin p.lead { font-size: 20px; }
#monitor .sec4 .secin p.lead span { position: relative; font-size: 20px; }
#monitor .sec4 .secin p.lead span > span { position: absolute; top: -8px; font-size: 12px; left: 2px; font-feature-settings: "pwid"; letter-spacing: 0.5px; word-break: break-word; }
@media screen and (max-width: 584px) { #monitor .sec4 .secin p.lead { line-height: 2.5em; } }
#monitor .sec4 .secin p.lead3 { font-size: 14px; margin-top: 40px; }
#monitor .fmap { position: relative; width: 100%; height: 300px; overflow: hidden; }
#monitor .fmap iframe { width: 100%; height: 410px; margin-top: -110px; }
#monitor .nli { position: relative; }
#monitor .nli li { box-sizing: border-box; position: relative; padding-left: 24px; margin-bottom: 10px; }
#monitor .nli li::after { width: 10px; height: 10px; content: "・"; font-size: 20px; position: absolute; left: 0; top: -6px; }
#monitor .cinfo { position: relative; margin-top: 30px; text-align: center; }
#monitor .cinfo dt { border: 1px solid #000; display: inline-block; width: 30%; padding: 4px; text-align: center; margin-bottom: 4px; }
@media screen and (max-width: 584px) { #monitor .cinfo dt { width: 100%; } }
#monitor .cinfo dt p { font-size: 12px; line-height: 1em; text-align: center; }
#monitor .cinfo dd { text-align: center; }
@media screen and (max-width: 360px) { #monitor .cinfo dd { font-size: 13px; } }
#monitor .pagetit { text-align: center; }
#monitor .pagetit .titc1 { background-color: #FBE5EF; box-sizing: border-box; padding-bottom: 20px; }
@media screen and (max-width: 584px) { #monitor .pagetit .titc1 { border: none; padding-bottom: 20px; } }
#monitor .pagetit .titc1 figure { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; z-index: 3; }
#monitor .pagetit .titc1 figure img { display: block; vertical-align: bottom; width: 100%; }
#monitor .pagetit .titc2 { background-color: #FBE5EF; box-sizing: border-box; padding-top: 20px; }
@media screen and (max-width: 584px) { #monitor .pagetit .titc2 { padding-top: 0px; padding-bottom: 20px; } }
#monitor .pagetit .titc2 figure { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; z-index: 3; }
#monitor .pagetit .titc2 figure img { display: block; vertical-align: bottom; width: 100%; }
#monitor .pagetit h2 { display: inline-block; color: #E85298; font-size: 60px; text-align: center; line-height: 1.5em; margin-bottom: 0px; }
#monitor .pagetit h2 span { font-size: 40px; display: block; }
@media screen and (max-width: 584px) { #monitor .pagetit h2 { font-size: 33px; }
  #monitor .pagetit h2 span { font-size: 23px; } }
#monitor .pagetit h2::after { width: 1px; height: 80%; content: ""; background-color: #E85298; position: absolute; left: -100px; bottom: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 10; }
@media screen and (max-width: 584px) { #monitor .pagetit h2::after { left: -20px; -webkit-transform: rotate(-25deg); transform: rotate(-25deg); } }
#monitor .pagetit h2::before { width: 1px; height: 80%; content: ""; background-color: #E85298; position: absolute; right: -100px; bottom: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 10; }
@media screen and (max-width: 584px) { #monitor .pagetit h2::before { right: -20px; -webkit-transform: rotate(25deg); transform: rotate(25deg); } }
#monitor .pagetit .secin { padding-bottom: 0; }
#monitor table th { background-color: #888; color: #fff; }
@media screen and (max-width: 584px) { #monitor table th { width: 100px; } }
#monitor .sec1 .abtn1 { box-sizing: border-box; width: 100%; max-width: 360px; background-color: #E85298; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
@media screen and (max-width: 584px) { #monitor .sec1 .abtn1 { max-width: 300px; } }
#monitor .sec1 .abtn1:hover { opacity: 0.7; }
#monitor .sec1 .abtn1 a { display: block; width: 100%; height: 100%; position: relative; line-height: 1em; padding-top: 16px; padding-bottom: 16px; }
@media screen and (max-width: 584px) { #monitor .sec1 .abtn1 a { padding-top: 12px; padding-bottom: 12px; } }
#monitor .sec1 .abtn1 a p { color: #ffffff; font-size: 24px; font-weight: 700; text-align: center; }
@media screen and (max-width: 584px) { #monitor .sec1 .abtn1 a p { font-size: 16px; } }
#monitor .sec1 .abtn1 a span { font-size: 14px; line-height: 1.5em; margin-top: 10px; display: block; }
#monitor .sec1 .abtn1 a::after { content: ""; width: 30px; height: 15px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; background-image: url("../images/oath/arr_01.png"); position: absolute; right: 10px; top: 20px; z-index: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#monitor .sec1 .abtn1:hover { opacity: 0.7; }
#monitor .sec1 .abtn1:hover a::after { right: 0px; }
#monitor .sec1 h3 { margin-top: 60px; color: #E85298; font-size: 30px; margin-bottom: 0px; }
@media screen and (max-width: 584px) { #monitor .sec1 h3 { font-size: 22px; margin-top: 30px; } }
#monitor .sec1 .sec2a0 { width: 100%; /*height: 60vh;*/ /*min-height: 460px;*/ /*max-height: 600px;*/ z-index: 3; position: relative; margin-bottom: 100px; }
#monitor .sec1 .sec2a0 .sec2slide { width: 100%; height: 100%; }
#monitor .sec1 .sec2a0 img { display: block; vertical-align: bottom; width: 100%; opacity: 0; }
#monitor .sec1 .arrset { width: 100%; max-width: 780px; position: absolute; z-index: 80; left: 50%; top: 44%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#monitor .sec1 .arrset .arrp { width: 40px; height: 40px; position: absolute; right: 0; top: 50%; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; cursor: pointer; background-image: url("../images/oath/arr_03.png"); }
#monitor .sec1 .arrset .arrn { width: 40px; height: 40px; position: absolute; left: 0; top: 50%; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; cursor: pointer; background-image: url("../images/oath/arr_03.png"); }
#monitor .sec1 .slick-prev { left: 25px; background-size: cover; background-position: center center; background-image: url("../images/oath/arr_02.png"); content: ""; z-index: 70; }
#monitor .sec1 .slick-next { right: 25px; background-size: cover; background-position: center center; background-image: url("../images/oath/arr_03.png"); content: ""; }
#monitor .sec1 .slick-prev:before, #monitor .sec1 .slick-next:before { opacity: 0; }
#monitor .sec1 .slick-dots { bottom: -45px; }
#monitor .sec1 .slick-dots li.slick-active button:before { opacity: .75; color: #E85298; }
#monitor .sec1 .slick-dots li button:before { color: #E85298; }
#monitor .sec1 .sec2a0 .slide-item { pointer-events: none; position: relative; box-sizing: border-box; border: 2px solid #E85298; }
@media screen and (max-width: 584px) { #monitor .sec1 .sec2a0 .slide-item .bg { width: 280px; } }
#monitor .sec1 .sec2a0 .slide-item .sin { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; text-align: center; }
#monitor .sec1 .sec2a0 .slide-item .sin h4 { margin: 0; text-align: center; margin-top: 40px; color: #E85298; font-size: 24px; display: inline-block; margin-left: auto; margin-right: auto; position: relative; }
#monitor .sec1 .sec2a0 .slide-item .sin h4 span { margin-top: 10px; padding-top: 10px; display: block; font-size: 34px; position: relative; }
#monitor .sec1 .sec2a0 .slide-item .sin h4 span::after { width: 100px; height: 2px; content: ""; background-color: #E85298; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width: 584px) { #monitor .sec1 .sec2a0 .slide-item .sin h4 { font-size: 18px; }
  #monitor .sec1 .sec2a0 .slide-item .sin h4 span { font-size: 20px; } }
#monitor .sec1 .sec2a0 .slide-item .sin ul { position: relative; z-index: 6; box-sizing: border-box; padding: 20px; padding-left: 40px; padding-right: 40px; }
@media screen and (max-width: 584px) { #monitor .sec1 .sec2a0 .slide-item .sin ul { padding-left: 20px; padding-right: 20px; }
  #monitor .sec1 .sec2a0 .slide-item .sin ul li { font-size: 16px !important; }
  #monitor .sec1 .sec2a0 .slide-item .sin ul li::after { font-size: 16px !important; } }
@media screen and (max-width: 380px) { #monitor .sec1 .sec2a0 .slide-item .sin ul li { font-size: 4.2vw !important; }
  #monitor .sec1 .sec2a0 .slide-item .sin ul li::after { font-size: 4.2vw !important; } }
@media screen and (max-width: 360px) { #monitor .sec1 .sec2a0 .slide-item .sin ul li { font-size: 4.5vw !important; }
  #monitor .sec1 .sec2a0 .slide-item .sin ul li::after { font-size: 4.5vw !important; } }
#monitor .sec1 .sec2a0 .slide-item .sin ul li { padding: 0; box-sizing: border-box; position: relative; padding-left: 20px; text-align: left; font-size: 20px; font-weight: 700; color: #333; font-feature-settings: "pwid"; letter-spacing: 0.5px; margin-bottom: 10px; }
#monitor .sec1 .sec2a0 .slide-item .sin ul li::after { content: "・"; font-size: 24px; line-height: 1em; position: absolute; left: 0px; top: 3px; z-index: 3; }
#monitor .sec1 .sec2a0 .slide-item .itvi img { display: block; vertical-align: bottom; width: 100%; }
#monitor .sec1 .slick-list { margin-right: 0px; }
#monitor .sec1 .slick-slide { margin-right: 50px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#monitor .sec1 .slick-slide:hover { opacity: 0.7; }
#monitor .sec1 .sec2slide h3 { position: absolute; right: 0; top: 100px; height: auto; font-size: 16px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left; font-feature-settings: initial; }
#monitor .sec2 { background-color: #FBE5EF; }
#monitor .sec2 .secin .arr3 { text-align: center; }
#monitor .sec2 .secin .stepA { background-color: #fff; box-sizing: border-box; padding: 20px; position: relative; max-width: 700px; margin-left: auto; margin-right: auto; }
#monitor .sec2 .secin .stepA .secin { max-width: 640px; margin-left: auto; margin-right: auto; }
#monitor .sec2 .secin .stepA .secin p a { color: #E85298; text-decoration: underline; }
#monitor .sec2 .secin .stepA .secin figure { float: right; max-width: 140px; }
#monitor .sec2 .secin .stepA .secin figure.figa { margin-top: -80px; }
#monitor .sec2 .secin .stepA .secin figure .note { color: #E85298; font-size: 12px; text-align: right; text-shadow: none; }
@media screen and (max-width: 584px) { #monitor .sec2 .secin .stepA .secin figure { margin-left: auto; margin-right: auto; display: block; float: none; margin-bottom: 20px; }
  #monitor .sec2 .secin .stepA .secin figure.figa { margin-top: 0px; }
  #monitor .sec2 .secin .stepA .secin figure .note { width: 100%; display: block; text-align: center; } }
@media screen and (max-width: 584px) { #monitor .sec2 .secin .stepA .secin { padding: 0; padding-top: 20px; } }
#monitor .sec2 .secin .stepA .secin p.lead { font-size: 18px; color: #E85298; text-align: left; line-height: 1em; }
@media screen and (max-width: 584px) { #monitor .sec2 .secin .stepA .secin p.lead { font-size: 15px; } }
@media screen and (max-width: 380px) { #monitor .sec2 .secin .stepA .secin p.lead { font-size: 3.7vw; } }
#monitor .sec2 .secin .stepA .secin p.lead3 { font-size: 14px; color: #E85298; line-height: 1.5em; margin-bottom: 20px; }
@media screen and (max-width: 584px) { #monitor .sec2 .secin .stepA .secin p.lead3 { font-size: 13px; } }
#monitor .sec2 .secin .stepA .secin p.note { font-size: 12px; color: #E85298; }
#monitor .sec2 .secin .stepA .secin .hr { content: ""; width: 100%; height: 1px; position: relative; border-bottom: 1px solid #E85298; margin-bottom: 10px; }
#monitor .sec2 .secin .stepA .secin .abtn1 { box-sizing: border-box; width: 100%; max-width: 360px; background-color: #E85298; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-left: auto; margin-right: auto; margin-top: 40px; }
#monitor .sec2 .secin .stepA .secin .abtn1:hover { opacity: 0.7; }
#monitor .sec2 .secin .stepA .secin .abtn1 a { display: block; width: 100%; height: 100%; position: relative; line-height: 1em; padding-top: 14px; padding-bottom: 14px; }
@media screen and (max-width: 584px) { #monitor .sec2 .secin .stepA .secin .abtn1 a { padding-top: 10px; padding-bottom: 10px; } }
#monitor .sec2 .secin .stepA .secin .abtn1 a p { color: #ffffff; font-size: 22px; text-align: center; font-weight: 700; }
@media screen and (max-width: 584px) { #monitor .sec2 .secin .stepA .secin .abtn1 a p { font-size: 16px; } }
#monitor .sec2 .secin .stepA .secin .abtn1 a span { font-size: 14px; line-height: 1.5em; margin-top: 10px; display: block; }
#monitor .sec2 .secin .stepA .secin .abtn1 a::after { content: ""; width: 30px; height: 15px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; background-image: url("../images/oath/arr_01.png"); position: absolute; right: 10px; top: 20px; z-index: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 584px) { #monitor .sec2 .secin .stepA .secin .abtn1 a::after { top: 16px; } }
#monitor .sec2 .secin .stepA .secin .abtn1:hover { opacity: 0.7; }
#monitor .sec2 .secin .stepA .secin .abtn1:hover a::after { right: 0px; }
#monitor .sec2 .secin .stepA h3 { font-size: 24px; color: #E85298; margin: 0; }
#monitor .sec2 .secin .stepA h3 img { display: inline-block; vertical-align: middle; margin-right: 20px; }
@media screen and (max-width: 584px) { #monitor .sec2 .secin .stepA h3 { font-size: 16px; }
  #monitor .sec2 .secin .stepA h3 img { margin-right: 10px; height: 40px; } }
@media screen and (max-width: 360px) { #monitor .sec2 .secin .stepA h3 { font-size: 14px; } }
#monitor .sec2 .secin ul { position: relative; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#monitor .sec2 .secin ul li { width: 48%; margin-right: 4%; float: left; position: relative; background-color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#monitor .sec2 .secin ul li:nth-child(2n) { margin-right: 0; }
#monitor .sec2 .secin ul li img.bg { display: block; vertical-align: bottom; width: 100%; }
#monitor .sec2 .secin ul li img.cov { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; }
#monitor .sec2 .secin ul li img.arr { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#monitor .sec2 .secin ul li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; }
#monitor .sec2 .secin ul li:hover { opacity: 0.7; }
#monitor .sec2 .secin ul li:hover .arr { top: 15px; }
#monitor #stepB { display: none; }
#monitor #stepB2 { display: none; }
#monitor #stepA { display: none; }
#monitor .sld2b0 { position: fixed; width: 100%; height: 100vh; z-index: 9000; left: 0; top: 0; display: none; }
#monitor .sld2b0.actO, #monitor .sld2b0.actB, #monitor .sld2b0.actA { display: block; }
#monitor .sld2b0::after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #fbe5ef; opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; content: ""; }
#monitor .sld2b0.actO::after, #monitor .sld2b0.actB::after, #monitor .sld2b0.actA::after { opacity: 1; }
#monitor .sld2b0 ul.sld2b { position: absolute; left: 50%; top: 45%; width: 100%; height: auto; max-height: 80vh; max-width: 640px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 9100; opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; box-sizing: border-box; overflow-x: auto; }
#monitor .sld2b0.actO ul.sld2b, #monitor .sld2b0.actB ul.sld2b, #monitor .sld2b0.actA ul.sld2b { opacity: 1; }
#monitor .sld2b0 ul.sld2b li { display: none; position: relative; box-sizing: border-box; padding: 20px; }
#monitor .sld2b0.actO ul.sld2b li.itvO, #monitor .sld2b0.actB ul.sld2b li.itvB, #monitor .sld2b0.actA ul.sld2b li.itvA { display: block; }
#monitor .sld2b0 ul.sld2b li img { display: block; vertical-align: bottom; width: 100%; }
#monitor .backbtn { font-size: 14px; line-height: 40px; width: 100%; max-width: 240px; background-color: #ffffff; color: #000000; height: 40px; text-align: center; cursor: pointer; position: absolute; z-index: 9102; left: 50%; bottom: 20px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#monitor .backbtn:hover { opacity: 0.7; }
#monitor .secin { max-width: 1100px; }

#monitor .monitor_btn,
.monitor_sec03 .monitor_btn{
  width: 80%;
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
}
#monitor a.pbtn1,
.monitor_sec03 a.pbtn1{
  display: inline-block;
  width: 30%;
  box-sizing: border-box;
  max-width: 400px;
  margin-bottom: 40px;
  margin-top: 50px;
  margin-right: 2%;
  height: 75px;
  background-color: #ffb3dd;
  position: relative;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#monitor a.pbtn1::after,
.monitor_sec03 a.pbtn1::after{
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: "";
  border: 1px solid #FFFFFF;
  position: absolute;
  left: 2px;
  top: 2px;
  box-sizing: border-box;
}
#monitor a.pbtn1 p,
.monitor_sec03 a.pbtn1 p{
  width: 100%;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 16px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center; font-weight: bold;
}
#monitor a.pbtn1::before,
.monitor_sec03 a.pbtn1::before{
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #fff transparent;
}
#monitor a.pbtn1:hover,
.monitor_sec03 a.pbtn1:hover{
  opacity: 0.7;
}
#monitor a p.new,
.monitor_sec03 a p.new{
	position: absolute;
	color: #ffffff;
	background-color: #e85298; 
	font-size: 12px;
	left: 40px;
    top: 0px;
	padding: 0 10px;
	width: auto;
	height: 1.5rem;
	z-index: 5;
}

@media screen and (max-width: 584px) {
  #monitor .monitor_btn,
  .monitor_sec03 .monitor_btn{
    width: 90%;
    margin: 0 auto 40px;
    text-align: center;
  }
  #monitor a.pbtn1,
  .monitor_sec03 a.pbtn1{
    display: block;
    width: 100%;
    margin: 20px auto 10px;
	height: 60px;
  }

}




/*//////////////////monitor2 START//////////*/

.monitor_sec03 .monitor_sec{
	background-color: #FBE5EF;
	padding: 0 0 100px;
}
.monitor_sec03 .titc1 figure{
	width: 90%;
	margin-right: 10%;
}
.monitor_sec03 .newlife_btn{
	display: flex;
	width: 80%;
    margin: 80px auto;
    max-width: 1000px;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newlife_btn a{
	display: inline-block;
    width: 31%;
	border: 3px solid #e85298;
	padding: 10px 20px 4px;
}
.newlife_btn a img{
	opacity: .5;
}
.newlife_btn a.act{
	background-color: #ffffff;
}
.newlife_btn a.act img{
	opacity: 1;
}

#weekday,
#weekend,
#day37{
	margin-bottom: -70px;
	padding-bottom: 70px;
}
.monitor_sec03 .titc{
	width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3;
}

.monitor_sec03 .titc1{
    max-width: 1200px;
	margin: 0 auto;
}
.monitor_sec03 .titc3{
	margin: 0 auto;
}
.monitor_sec03 .titc4{
	margin: -18px auto 80px;
}
.monitor_sec03 .titc5,
.monitor_sec03 .titc6{
	margin: 0 auto 80px;
}


@media screen and (max-width: 584px){
	.monitor_sec03 .newlife_btn{
		margin: 30px auto 30px;
	}
	.newlife_btn a{
		width: 100%;
		margin: 0 auto 10px;
	}
	
	.monitor_sec03 .titc3{
		margin: 60px auto 0;
	}
	.monitor_sec03 .titc4,
	.monitor_sec03 .titc5{
		margin: 0 auto 40px;
	}
	
}