@charset "utf-8";
/*  clearfix  */
.clearfix:after, article:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/* common */

.fade_in {
transition: all 500ms 0s ease;
transform: translateY(30px);
visibility: hidden;
opacity: 0;
}
.fade_in.ty01 {
transform: translateY(0px);
}
.fade_in_x {
transition: all 500ms 0s ease;
visibility: hidden;
opacity: 0;
}
.fade_in_x.ty01 {
transform: translateX(30px);
}
.fade_in_x.ty02 {
transform: translateX(-30px);
}
.fade_in_x.js_active {
visibility: visible;
transform: translateX(0px);
opacity: 1;
}
.fade_in.js_active {
visibility: visible;
transform: translateY(0px);
opacity: 1;
}
/* contents-parts */
.div_topic01 {
padding: 10px 10px;
margin-bottom: 30px;
color: #474747;
background: whitesmoke;/*背景色*/
border-left: double 7px #3172ac;/*左線*/
border-right: double 7px #3172ac;/*右線*/
}
.div_topic01 .headline {
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 600;
margin-bottom: 15px;
text-align: center;
color: #3172ac;
font-size:16rem;
}
.div_topic02{
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); 
padding: 0 15px 15px 15px;
margin-bottom: 15px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.div_topic02 .headline{
font-weight: bold;
font-size: 20rem;
margin-bottom: 15px;
color: #3172ac;
border-bottom: solid #ccc;
padding-bottom: 3px;
text-align: center;
}
.text_st01 {
color: #3172ac;
font-weight: 600;
}
.bgc_pink{
    border-radius: 10px;
    background-color: #FFF0F5;
}
.bgc_blue{
    border-radius: 10px;
    background-color: #D9E5FF;
}

.text_st01_blue {
color: #0B4BE4;
font-weight: 600;
}
.text_st01_red {
color: #E40B0F;
font-weight: 600;
}
.text_st02 {
color: #3172ac;
background: #ccc;
border-bottom: solid 2px #3172ac;
padding: 5px 20px;
font-weight: 800;
font-size: 23rem;
}
.text_st03 {
display: inline;
background: linear-gradient(transparent 60%, #FFEFBB 60%);
margin-left: 0px;
font-weight: bold;
font-size: 20rem;
}
.text_st03r {
background: linear-gradient(transparent 60%, #ffa9a9 60%);
}
.text_st03b {
background: linear-gradient(transparent 60%, #78a2ff 60%);
}
.text_st03g {
background: linear-gradient(transparent 60%, #b6ffbd 60%);
}
.text_st04 {
font-size: 28rem;
color: #fff;
font-family: source-han-sans-cjk-ja, sans-serif;
padding: 20px 0;
background: #3b5c8e;
text-align: center;
position: relative;
}
.text_st04:after {
content: '';
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
 -webkit- transform:translateX(-50%);
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 25px solid #3b5c8e;
}
.text_st05{
font-weight: bold;
}
.text_st06{
background: #3172ac;
border-radius: 15px;
color:#fff;
line-height: 1.5em;
display: block;
min-width: 150px;
margin: auto auto 15px;
padding: 3px 10px;
text-align: center;
}
.text_notice01, .text_notice02 {
font-size: 14rem;
font-weight: normal;
color: #4E4E4E;
line-height: 1.4;
}
.span_hl01 {
padding: 5px 3px;
font-weight: bold;
font-size: 18rem;
min-width: 150px;
display: inline-block;
text-align: center;
border-top: solid 2px #938b85;
border-bottom: solid 2px #938b85;
color: #938b85;
}
.span_hl02 {
padding: 3px;
border: solid 1px rgba(255,234,189,1.00);
font-size: 14rem;
display: inline;
text-align: center;
margin: 0 3px;
background: #d64545;
color: #fff;
}

.link01 {
color: #FFF;
background: #146789;
display: block;
font-weight: bold;
line-height: 60px;
text-align: center;
position: relative;
border: 1px solid transparent;
outline: 1px solid;
outline-color: rgba(20, 103, 137, 0.5);
outline-offset: 0px;
text-shadow: none;
min-width: 200px;
width: 100%;
transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
}
a.link01:hover {
color: #fffed9;
text-shadow: none;
border-color: #fffed9;
box-shadow: inset 0 0 20px rgba(255, 254, 217, 0.5), 0 0 20px rgba(255, 254, 217, 0.2);
outline-color: transparent;
outline-offset: 12px;
}
.link02{
background: #3172ac;
border-bottom: solid 3px #146789;
color: #fff;
text-align: center;
min-width: 200px;
width: 100%;
display: block;
font-weight: bold;
padding: 10px 15px;
transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
}
.link02:hover{
border-bottom: none;
background: rgba(202,213,255,1.00);
color: #fff;
}
.link_map01 {
padding: 5px 30px;
border: 1px #ddd solid;
border-radius: 20px;
text-decoration: none;
color: #fff;
background: #146789;
}
.link_map01:before {
content: "\f3c5";
font-family: "Font Awesome 5 Free";
font-size: 20rem;
margin-right: 5px;
display: inline-block;
color: #fff;
}
.link_pdf01 {
padding: 5px 30px;
border: 1px #ddd solid;
border-radius: 20px;
text-decoration: none;
color: #373737;
background: #fff;
}
.link_pdf01:before, .link_pdf02:before {
content: "\f1c1";
font-family: "Font Awesome 5 Free";
font-size: 20rem;
margin-right: 5px;
display: inline-block;
color: rgba(245,74,77,1.00);
}
.link_pdf01:after {
content: ">";
font-size: 20rem;
margin-left: 5px;
display: inline-block;
color: #373737;
}
.link_map01:hover, .link_pdf01:hover, .link_pdf02:hover {
opacity: .5;
}
.link_pdf02 {
padding: 10px 30px;
border: 1px #ddd solid;
border-bottom: 5px solid rgba(245,74,77,1.00);
text-decoration: none;
color: #373737;
display: block;
width: 300px;
margin: auto;
text-align: center;
background: #fff;
}
.link_kid01 {
  font-size: 16px;
  font-weight: bold;
  background-color: rgba(255,255,255,0.6);
  box-shadow: 0 0 4px rgb(255 255 255 / 70%);
  padding: 10px 8px;
  margin: auto;
  max-width: 580px;
} 
.link_kid01 strong {
  font-size: 18px;
  color: #ff0033;
  border-bottom: 3px double;
}
.link_kid01 li.first-kid01 {
  margin-top: 5px;
}
.link_kid02 {
  font-size: 16px;
  font-weight: bold;
  padding: 0px 8px;
  margin: auto;
  max-width: 580px;
} 
.link_kid02 strong {
  font-size: 18px;
  color: #ff0033;
  border-bottom: 3px double;
}
.link_kid02 li.first-kid01 {
  margin-top: 5px;
}
.tel {
color: #595757;
font-weight: bold;
font-size: 18rem;
margin-left: 25px;
position: relative;
text-decoration: none;
}
.tel:before {
content: "\f098";
font-family: "Font Awesome 5 Free";
position: absolute;
left: -25px;
height: 18px;
width: 18px;
margin-right: 5px;
}
.mail {
padding-left: 30px;
}
.mail:before {
content: "\f0e0";
color: #816677;
font-family: FontAwesome;
font-size: 18rem;
margin-right: 2px;
margin-left: -25px;
}

.ul01 > li {
list-style: none;
margin-bottom: 15px;
color: #3B3B3B;
font-size: 12rem;
margin-left: 15px;
}
.ul01 > li:before {
    content:  "・"; 
				display: inline;
				margin-left: -15px;
				color: #728699;
}
.ul02{
margin-left: 20px;
}
.ul02 li{
    list-style:none;	
	position:relative;
	margin-bottom: 15px;
	font-weight: bold;
}
.ul02 > li::before{
	content:"";
 background: linear-gradient(25deg,#728699 0%, #90d3f0 100%);
	position:absolute;
	width:10px;
	height:10px;
	left: -20px;
	top: 10px;
}

.ul03 > li {
font-weight: bold;
margin: 0 5px 15px 0;
padding: 3px 5px 3px 25px;
position: relative;
}
.ul03 > li::before {
content: "\f06a";
font-family: "Font Awesome 5 Free";
position: absolute;
font-size: 14rem;
left: 0px;
top: 8px;
color: #3172ac;
text-shadow: 0px 0px 5px #fad8ca;
}
.ul04 > li {
display: inline-block;
float: left;
margin-right: 5px;
}
.ul04 > li:before {
content: "/";
display: block;
float: right;
padding: 0 5px;
}
.ul_notice01, .ul_notice02 {
margin-left: 14px;
}
.ul_notice01 li, .ul_notice02 li {
font-size: 16rem;
font-weight: normal;
color: #4E4E4E;
line-height: 1.4;
margin-bottom: 3px;
padding-left: 2px;
}
.ul_notice02 li {
font-size: 14rem;
}
.ul_notice01 li:before, .ul_notice02 li:before {
content: "※";
display: block;
float: left;
margin-left: -16px;
}
.ul_notice02 li:before {
color: #550405;
}
.ol01, .ol02 {
counter-reset: num 0;
}
.ol01 > li {
counter-increment: num 1;
position: relative;
padding-left: 35px;
margin-bottom: 8px;
}
.ol01 > li:before {
content: counter(num);
background: #728699; /* Old browsers */
border-radius: 5px;
width: 24px;
display: inline-block;
text-align: center;
color: #fff;
font-size: 12rem;
font-weight: bold;
position: absolute;
left: 0px;
top: 5px;
line-height: 1.8em;
padding-top: 3px;
}
.ol02 {
}
.ol02 > li {
counter-increment: num;
position: relative;
font-weight: bold;
margin-bottom: 15px;
}
.ol02 > li:before {
content: "STEP"counter(num);
background: #3172ac;
border-radius: 12px;
width: 150px;
display: inline-block;
text-align: center;
font-weight: normal;
color: #fff;
font-size: 16rem;
position: absolute;
left: 0px;
top: 0px;
line-height: 1.8em;
}
.dl01 {
display: flex;
flex-flow: wrap;
font-weight: bold;
width: 100%;
}
.dl01 > dt {
width: 20%;
padding-bottom: 5px;
text-align: center;
}
.dl01 > dt:after {
content: "";
display: block;
border-bottom: solid 3px #146789;
width: 100%;
height: 3px;
}
.dl01> dd {
width: 80%;
margin-left: 0px;
margin-bottom: 30px;
padding-left: 20px;
}
.dl02 dt {
border-left: solid 5px #146789;
padding: 5px 0 5px 10px;
font-weight: bold;
}
.dl02 dd {
margin-left: 0;
padding: 5px 0 5px 10px;
border-left: solid 5px #929497;
}
.dl03 {
display: flex;
flex-flow: wrap;
align-items: stretch;
}
.dl03 > dt, .dl03 > dd {
margin-bottom: 10px;
}
.dl03 > dt {
font-weight: bold;
position: relative;
}
.dl03 > dd {
padding-left: 10px;
margin-left: 0;
}
.dl03 > dt:after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-size: 16rem;
position: absolute;
right: 0px;
/*	top: 3px;*/
color: #146789;
}
.dl04 {
display: flex;
flex-wrap: wrap;
align-items: stretch;
font-size: 16rem;
width: 100%;
}
.dl04 dd, .dl04 dt {
padding: 10px;
border: solid #ccc 1px;
}
.dl04 dt {
background: #FFEFBB;
font-weight: bold;
color: #323131;
}
.dl04 dd {
background: #feffe9;
margin-left: 0;
}
.dl04 dd:after {
content: "";
display: block;
width: 100%;
height: 100%;
}
.dl_news {
display: flex;
flex-flow: wrap;
font-weight: bold;
width: 100%;
}
.dl_news dt {
width: 20%;
}
.dl_news dd {
margin: 0 0 15px 0;
width: 80%;
padding-left: 15px;
}
.dl_news dd .time {
color: #146789;
}
.dl_news dd a {
position: relative;
color: #000;
}
.dl_news dd a:hover {
text-shadow: none;
}
.dl_news dd a:after {
position: absolute;
content: "\f0da";
font-family: "Font Awesome 5 Free";
color: #146789;
width: 12px;
height: 12px;
right: -15px;
transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
}
.dl_news dd a:before {
content: "";
width: 0%;
height: 2px;
background: rgba(20,103,137,.3);
position: absolute;
bottom: -5px;
transition: .3s;
}
.dl_news dd a:hover:after {
right: -20px;
}
.dl_news dd a:hover:before {
width: 100%;
}
.table01,.table02{
border: none;
vertical-align: middle;
text-align: center;
}
.table01 th, .table01 td,.table02 th, .table02 td {
padding: 5px;
}
.table01 th {
background: #3172ac;
color: #fff;
font-weight: normal;
}
.table01 td,.table02 td,.table02 th{
background: rgba(237,234,234,0.5);
}
.table02 th{
color: rgba(10,118,193,1);
}
.table02 td{
text-align: left;
text-align: justify;
}
.table02 .stage02{
background:rgba(10,118,193,.2);
}
.table02 .stage03{
background:rgba(10,118,193,.5);
}
.table02 .stage04{
background:rgba(10,118,193,.8);
}
.table02 .stage05{
background:rgba(255,229,0,1.00);
font-weight: bold;
}
.table02 .bottom_line th, .table02 .bottom_line td {
    position: relative;
}
.table02 .bottom_line th::after, .table02 .bottom_line td::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #999;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
}
/* common */
/* header */
header {
width: 100%;
position: relative;
z-index: 10;
}
header .div_headerwrap {
max-width: 1500px;
width: 95%;
margin: auto;
}
header .div_headerwrap img {
width: 105px;
}
#navimenu {
width: 100%;
position: relative;
z-index: 10;
display: none;
top: -100px;
}
#navimenu.fixed {
background: rgba(255,255,255,0.8);
height: 65px;
padding-top: 10px;
position: fixed;
top: 0;
left: 0;
display: block;
}
#navimenu ul {
max-width: 650px;
width: 95%;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#navimenu ul li {
width: 48%;
}
#navimenu ul li img {
width: 100%;
}
/* gnavi*/

#gnavi li a {
font-size: 20rem;
font-weight: 400;
}
#gnavi li:not(.gnavi_form) a {
text-align: center;
color: #146789;
text-transform: uppercase;
position: relative;
overflow: hidden;
transition: .3s;
}
#gnavi li:not(.gnavi_form) a:after {
position: absolute;
transition: .3s;
content: '';
width: 0;
left: 0%;
bottom: 0px;
height: 1px;
background: #92e5ff;
}
#gnavi li:not(.gnavi_form) a:hover:after {
width: 100%;
bottom: -3px;
}
#gnavi li.gnavi_form a {
text-align: center;
text-decoration: none;
overflow: hidden;
width: 170px;
position: relative;
display: inline-block;
}
#gnavi li.gnavi_form a:before {
content: "";
position: absolute;
top: -100%;
left: -100%;
height: 100%;
width: 100%;
opacity: 0.3;
transition: .4s;
}
#gnavi li.gnavi_form a:hover:before {
top: 0;
left: 0;
}
/* footer */
#back-top {
position: relative;
width: 100%;
z-index: 15;
bottom: 0;
}
.back-top_main {
width: 100%;
margin: 0 auto;
z-index: 15;
bottom: 0;
position: fixed;
}
.back-top_main img {
height: auto;
width: 60px;
position: absolute;
margin: 0 auto;
right: 3%;
bottom: 10px;
}
.footer {
width: 100%;
margin: 0 auto;
background: #929497;
display: flex;
flex-wrap: wrap;
padding: 30px 0 0;
justify-content: space-around;
}
footer .dl_footerdate dt {
border-left: solid 5px #fff;
padding: 5px 0 5px 10px;
font-weight: bold;
}
footer .dl_footerdate dd {
margin-left: 0;
padding: 5px 0 5px 10px;
border-left: solid 5px #dddddd;
}
footer .dl_footerdate dd {
font-size: 14rem;
}
footer .logo_eud{
width: 150px;
margin-bottom: -18px
}
footer .copyright {
background: #fff;
text-align: center;
color: #929497;
margin-top: 30px;
font-size: 14rem;
width: 100%;
}
.div_footerimg img{
width: 100%;
display: block;
margin: auto;
}
/* contents */
#topcontentsmain {
width: 100%;
margin: auto;
}
/*****#sec_forrm+#sec_access*******/
#sec_form {
margin-bottom: 0;
}
#art_form {
background: #fff;
padding: 15px;
}
#art_form .bt_tel {
max-width: 450px;
width: 80%;
display: block;
margin: 15px auto 0 auto;
}
#art_form .bt_tel img {
width: 100%;
}

/*****#sec_forrm+#sec_access*******/
h1.st01{
background: url(../img/common/back_firstcontact.jpg) repeat-x bottom left, #fff;
height: 120px;
display: flex;
flex-wrap: wrap;
align-items: center;

padding: 30px 20px 30px 10px;
color: #002060;
font-size: 28rem;
margin-bottom: 45px;
}
h3{
	margin-bottom: 30px;
	padding:0 3px 3px;
position: relative;
}
h3:after{
content: "";
background:  linear-gradient(to right, #146789 0%, #ccc 100%);
width: 100%;
height: 6px;
bottom: 0px;
left: 0px;
display: block;
}

/***form****/
.dl_form {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.dl_form dt {
font-size: 14rem;
font-weight: normal;
text-align: left;
border-bottom: 3px solid #3172ac;
padding: 10px 5px;
margin-bottom: 5px;
width: 20%;
}
.dl_form dd {
padding: 10px 5px;
border-bottom: 1px solid #E1E1CE;
width: 80%;
margin-bottom: 5px;
margin-left: 0px;
}
.dl_form .wpcf7-textarea, .dl_form .wpcf7-text, .dl_form .wpcf7-number {
border: 1px solid #d2d2d2;
border-radius: 10px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.098);
padding: 10px;
width: 100%;
}
.dl_form dd.mid {
width: 30%;
}
.dl_form dd input[name="zip"] {
width: 100px;
}
.ul_submit {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 15px auto;
}
.ul_submit input[type="submit"], .ul_submit input[type="reset"] {
transition: all .4s;
width: 150px;
border: none;
border-radius: 15px;
padding: 10px;
font-size: 14rem;
cursor: pointer;
}
.ul_submit input[type="submit"] {
background: #3172ac;
box-shadow: none;
color: #fff;
border: solid 1px #ddd;
margin-right: 10px;
}
.ul_submit input[type="reset"] {
background: #EFEFEF;
box-shadow: none;
color: #393939;
border: solid 1px #ddd;
}
.ul_submit input[type="reset"]:after {
content: "";
width: 100%;
height: auto;
display: block;
}
.ul_submit input[type="submit"]:hover, .ul_submit input[type="reset"]:hover {
opacity: 0.5;
}
.wpcf7-mail-sent-ok{
border-left:solid 5px #3172ac;
padding: 10px 10px 10px 15px ;
background: #fad8ca;
font-weight: 600;
color:  #3172ac;
display: inline-block;
margin: 15px 0;
}
/***form****/
@media (max-width: 1081px) {

}

@media (max-width: 780px) {
/* header */
header #headersymbol img {
margin: 5px 0 0 5px;
width: 85px;
}
body.menu-open header {
background-color: rgba(20, 103, 137, 0.90);
min-height: 100%;
height: calc(100vh - 60px);
overflow: auto;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
}
body.menu-open .header_inner {
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: 0;
}
header #headerlogo img {
width: 75px;
}
header.fixed #headerlogo img {
display: none;
}
header.fixed #bt_menu {
top: 10px;
}
/* gnavi */
body.menu-open #gnavi {
opacity: 1;
}
@media (max-width: 480px) {
#navimenu{
height: 120px;
}
#navimenu li:first-of-type{
width:120px;
}
#navimenu li:nth-of-type(2){
width: 200px;
}
#navimenu li:first-of-type .link02{
min-width:60px;
padding: 10px 5px;
}
#navimenu li:nth-of-type(2) .link02{
min-width:200px;
padding: 10px 0px;
}
}
#navimenu .link02{
font-size: 14rem;
}

/***footer***/
/* footer */
.div_footerimg .footer_mainimg_pc{
display: none;
}
footer .dl_footerdate {
width: 95%;
margin: auto;
}
/***footer***/
.div_h1 {
margin-bottom: 60px;
height: 150px;
}
.div_h1 .h1 {
height: 25px;
}
.div_h1 .h1_sub {
height: 35px;
}
.div_h1 .h1_sub {
top: auto;
bottom: 5px;
}
h3{
	font-size: 22rem;
	}
.span_hl01, .span_hl02 {
min-width: 80px;
}
.text_st04 {
font-size: 24rem;
padding: 10px 0;
}
.dl01 {
display: block;
width: 100%;
}
.dl01 > dt, .dl_news dt, .dl_news dd {
width: 100%;
}
.dl01> dd {
width: 100%;
border-bottom: solid 1px #ccc;
}
.ul02 li {
width: 100%;
}
/*****#sec_forrm+#sec_access*******/
.dl_form dt, .dl_form dd, .dl_form dd.mid {
width: 100%;
}
}

@media (min-width: 781px) {
.link_pdf02 > .p01 {
text-align: center;
}
/* header */
header #headersymbol img {
margin-top: 5px;
width: 105px;
}
.fixed {
background: rgba(237,234,234,0.8);
height: 86px;
}
header.fixed #headerlogo img {
width: 65px;
}
/* gnavi*/
#gnavi {
position: absolute;
right: 0;
top: 30px;
}
#gnavi ul {
margin: 0px auto auto;
display: flex;
flex-wrap: wrap;
}
#gnavi ul li {
display: inline-block;
margin-right: 30px;
}
#gnavi li:not(.gnavi_form) a {
color: #146789;
}
#gnavi li.gnavi_form a {
background: #146789;
color: #fff;
}
#gnavi li.gnavi_form a:hover:before {
background: #fff;
}
/* footer */
footer .dl_footerdate {
width: 98%;
max-width: 1080px;
margin: auto;
}
.div_footerimg .footer_mainimg_sp{
display: none;
}
/* contents */
  .link_kid01 {
    font-size: 21px;
    padding: 15px 25px;
  } 
  .link_kid01 strong {
    font-size: 23px;
  }
  .link_kid01 li.first-kid01 {
    margin-top: 10px;
  }
  .link_kid02 {
    font-size: 21px;
    padding: 0px 25px;
  } 
  .link_kid02 strong {
    font-size: 23px;
  }
  .link_kid02 li.first-kid01 {
    margin-top: 10px;
  }
  
}
/*************中ページcss*******************/
header {
position: absolute;
z-index: 10;
top: 0;
}

h2 {
width: 100%;
color:#3172ac;
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
}
h2.text_st04 {
margin-bottom: 0;
}
section:not(#sec_quickstart) {
width: 100%;
}
.div_bt_monitoring {
width: 100%;
max-width: 580px;
margin: 15px auto;
}
.div_bt_monitoring img{
width: 100%;
border: solid 1px #ccc;
}
.div_textpoint, article:not(#art_example):not(#art_abnormality),.div_moviecon {
max-width: 1080px;
width: 95%;
}
#div_mainimgwrap {
overflow: hidden;
width: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
background: #fff;
}
 @keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
#div_mainimgwrap .mainimg{
max-width: 1500px;
width: 100%;
display: block;
margin: auto;
}
#div_mainimgwrap .div_maimgdate {
margin: auto;
width: 100%;
background: linear-gradient(120deg, rgba(249,255,255,1) 0%, rgba(166,207,227,1) 35%, rgba(49,114,172,1) 100%);
padding: 30px 15px;
}
#div_mainimgwrap .div_maimgdate .div_wrap{
max-width: 1080px;
width: 98%;
margin: auto;
}
#div_mainimgwrap .div_maimgdate h1{
font-size: 0px;
margin-bottom: 10px;
}
#div_mainimgwrap .div_maimgdate h1 img{
width: 100%;
display: block;
}

#sec_firstcontact {
background: url(../img/common/back_firstcontact.jpg) repeat-x bottom left, #fff;
}
#sec_firstcontact .text_logo {
width: 150px;
}
#sec_firstcontact .div_textpoint .f_sp {
font-size: 23rem;
font-weight: 700;
}
#sec_firstcontact .ul_note {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
margin: 30px 0;
}
#sec_firstcontact .ul_note li {
font-weight: 700;
color: #595757;
text-align: center;
background: url(../img/common/icon_note.svg) no-repeat center top/79px 60px;
padding: 85px 0 0;
max-width: 216px;
width: 50%;
}
#sec_firstcontact .im_patterndiagram{
width: 95%;
max-width: 650px;
display: block;
margin: auto auto 45px;
}
#sec_quickstart {
width: 100%;
}

#art_quickstart .div_quickstart, #art_quickstart .div_step > .ul_img, #art_result .ul_result, #art_abnormality .div_abnormality, #art_example .ul_example{
display: flex;
flex-wrap: wrap;
}
#art_quickstart .div_step > .ul_img li {
width: 48%;
position: relative;
margin-right: 2%;
}
#art_quickstart .div_step > .ul_img li img, #art_result .ul_result li img {
width: 100%;
}
#art_quickstart .div_step > .ul_step {
margin-left: 30px;
}
#art_quickstart .div_step:nth-of-type(1) > .ul_step {
margin-top: 30px;
}
#art_quickstart .div_step > .ul_step li {
position: relative;
}
#art_quickstart .div_step > .ul_step li:not(:last-of-type) {
margin-bottom: 30px;
}
#art_quickstart .div_step > .ul_step li .number {
position: absolute;
left: -30px;
top: 3px;
background:#3172ac;
width: 20px;
height: 20px;
text-align: center;
font-size: 14rem;
color: #fff;
}
#art_quickstart .ol02 img{
width: 250px;
display: block;
margin: 0 auto 15px;
}
#art_result .im_result01{
max-width: 780px;
width: 98%;
display: block;
margin: 0 auto 30px;
}
#art_result .p_result{
background: #fff;
border: solid 5px rgba(217,43,46,1.00);
color: #000;
margin-bottom: 0px;
padding: 10px;
font-size: 20rem;
}
#art_result .p_result:after {
content: '';
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
 -webkit- transform:translateX(-50%);
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 25px solid rgba(217,43,46,1.00);
}
#art_result  .im_result02{
max-width: 450px;
display: block;
margin: auto;
width: 85%;
}
#art_abnormality {
background: #ccc;
}
#art_abnormality .div_abnormality {
background: url(../img/index/icon_abnormality.svg) no-repeat top center /214px 450px;
justify-content: center;
align-items: center;
max-width: 1080px;
width: 95%;
margin: auto;
}
#art_abnormality .div_abnormality .div_img .text_st01 {
text-align: center;
margin-top: -50px;
}
#art_abnormality .div_abnormality .div_topics01 .headline {
color: #d64545;
font-weight: 900;
font-size: 25rem;
margin-bottom: 0px;
}
#art_abnormality .div_abnormality .div_topics01 .f_sp {
font-weight: 500;
}
#art_example {
background: rgba(27,31,33,.9);
color: #fff;
}
#art_example .headline {
text-align: center;
color: #C1C1C1;
}
#art_example .ul_example {
max-width: 1080px;
margin: auto auto 30px;
width: 95%;
}
#art_example .ul_example li {
border: #fff solid 5px;
padding: 10px;
}
#art_example .ul_example li .im_example {
width: 100%;
margin: auto;
}
#art_example .endline {
text-align: center;
color: #d64545;
font-weight: 700;
text-decoration: underline;
}
#sec_point {
background: radial-gradient(#d9ecfb, #75c6e7);
padding: 60px 0;
margin-bottom: 0px !important;
}
#sec_quickstart .im_graph{
max-width: 780px;
display: block;
margin: auto;
margin-bottom: 50px !important;
width: 100%;
}


#sec_quickstart .im_Wrap p{
    width: 160px;
    font-size: 16px;
    line-height: 15px;
    padding: 0 2%;
    padding-top: 30px;
}
#sec_quickstart .im_Wrap p .red{
    font-weight: bold;
}
#sec_quickstart .im_Wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#sec_quickstart .im_wrap{
    display: flex;
    /* padding-left: 5%; */
}
#sec_quickstart img{
    padding-top: 30px;
}

#sec_quickstart .im_exam01{
    width: 180px;
    height: 250px;

}
#sec_quickstart .im_exam02{
    width: 340px;
    height: 250px;

}
#sec_quickstart .im_exam03{
    width: 180px;
    height: 250px;
}


@media (min-width: 781px) and (max-width: 1080px){
 
    #sec_quickstart .im_wrap{
        width: 50%;
    }
    #sec_quickstart .im_Wrap p{
        min-width: 90px;
    }
    #sec_quickstart .im_exam01{
        width: 50%;
        height: auto;
    }
    #sec_quickstart .im_wrapex1{
        width: 30%;
    }
    #sec_quickstart .im_wrapex2{
        width: 70%;
    }
    #sec_quickstart .im_exam01_2{
        width: 83%;
    }
    #sec_quickstart .im_exam02_2{
        width: 67%;
        height: auto;
    }

}

@media (max-width: 720px){
    #sec_quickstart .im_Wrap{
        flex-direction: column;
    }
    #sec_quickstart .im_wrap{
        width: 100%;
    }
    #sec_quickstart .im_wrapex1{
        align-items: center;
        margin: 0 25%;
    }
    #sec_quickstart .im_exam01{
        width: 50%;
        height: 100%;
    }
    #sec_quickstart .im_exam02{
        width: 50%;
        height: 100%;
    }
    #sec_quickstart .im_Wrap p{
        width: 50%;
        font-size: 18px;
        line-height: 18px;
        padding: 0 2%;
        padding-top: 30px;
    }
    
}



#art_parameter .table01,#art_interpretation .table02{
width: 100%;
}
#art_interpretation .div_insei,#art_interpretation .div_musyouzyou,,#art_interpretation .div_aftervaccine{
margin-bottom: 45px;
}
#art_interpretation .div_insei .headline,#art_interpretation .div_yousei .headline,#art_interpretation .div_musyouzyou .headline,#art_interpretation .div_aftervaccine .headline{
margin-bottom: 0px;
color: #fff;
padding: 10px 15px;
font-weight: 800;
border-radius: 10px 10px 0 0;
}
#art_interpretation .div_insei .headline{
background:#2A7F73;
}
#art_interpretation .div_yousei .headline{
background:#9E3537;
}
#art_interpretation .div_musyouzyou .headline {
    background: #3172ac;
	margin-top: 80px;
}
#art_interpretation .div_aftervaccine .headline {
    background: #513679;
}

#art_interpretation .table02 th {
width: 82px;
}
#art_interpretation .link01{
max-width: 450px;
width: 95%;
margin: 30px auto auto;
}
#art_point .div_img,.ul_formnavi{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
max-width: 780px;
margin:auto auto 15px;
}
#art_point .div_img img{
width: 49%;
}
#art_point .div_topic01 .ul03 li{
font-size: 14rem;
font-weight: normal;
color: #2A2A2A;
line-height: 1.5em;
margin-bottom: 10px;
}
#art_point .div_topic01 .ul03 li:before{
font-weight: bold;
top: 3px;
}
.div_technicalimg img{
max-width: 1080px;
width: 95%;
display: block;
margin: auto auto 30px;
}
.ul_shoumei {
		max-width: 1080px;
    width: 95%;
    margin: auto auto 30px;
				}

#art_ce .div_ceninsho{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
margin-bottom: 30px;
}
#art_ce .div_ceninsho img{
width: 32%;
}
#sec_end{
background: url("../img/monitoring/bk_sec_end.jpg")no-repeat left bottom / cover;
width: 100%;
margin-bottom: 0px !important;
padding:30px 0 60px;
}
#sec_end p{
text-align: center;
}
#sec_end .p_watmind{
margin: 30px 0;
}
#sec_end .p_watmind,#sec_end .p_eu-d{
line-height: 1.2em;
}
#sec_end .p_watmind .logo_watmind{
width:150px;
display: block;
margin: auto auto 0;
}
#sec_end .p_eu-d .logo_eu-d{
width:280px;
display: block;
margin: auto auto 0;
}
@media all and (min-width: 781px) and (max-width: 1220px) {
#sec_firstcontact .ul_note {
width: 780px;
margin: auto;
}
}

@media (max-width: 780px) {
h2 {
font-size: 24rem;
}
#div_mainimgwrap .div_maimgdate h1 img{
max-width: 600px;

}
section:not(#sec_quickstart) {
margin-bottom: 60px;
}

.div_textpoint, article:not(#art_example):not(#art_abnormality) {
margin: auto auto 30px;
}
/*#div_mainimgwrap .div_maimgdate .im_breast-i01 {
max-width: 180px;
position: absolute;
right: 3%;
top: 90%;
}*/

#div_mainimgwrap .top_mainimg_pc{
display: none;
}
#div_mainimgwrap .div_maimgdate .top_mainimg_sp{
width: 95%;
margin:auto auto;
display: block;
}
#sec_firstcontact ,#art_abnormality{
padding: 30px 0;
}
#sec_firstcontact .ul_note li:not(:last-child) {
margin-bottom: 15px;
}
#sec_firstcontact .im_firstcontact01 {
width: 90%;
max-width: 450px;
margin: auto;
display: block;
}
.div_moviecon{
margin:auto auto 45px;
}
.div_moviecon .yutube01,.div_moviecon .yutube02,.div_moviecon .yutube03{
    max-width: 350px;
    width: 100%;
    height: 200px;
    display: block;
    margin: auto;
}
.div_moviecon .yutube01,.div_moviecon .yutube02{
margin-bottom: 15px;
}
#sec_quickstart{
    overflow-x: hidden;
    overflow-y: hidden;
}
#art_quickstart .div_step {
width: 100%;
}
#art_quickstart .div_step:nth-of-type(1) {
margin-bottom: 15px;
}
#art_result .ul_result li {
width: 80%;
margin: auto;
}
#art_result .ul_result li:nth-of-type(2) {
margin: 15px auto 30px auto;
}
#art_interpretation .div_topic02{
margin-top: 30px;
}
#art_interpretation .ul_notice01 li{
font-weight: bold;
line-height: 1.8em;
}
#art_example {
padding: 30px 0 60px;
}
#art_example .ul_example li {
width: 100%;
margin: auto;
}
#art_example .ul_example li:first-child {
margin-bottom: 15px;
}

#art_abnormality .div_abnormality {
background: url(../img/index/icon_abnormality.svg) no-repeat center 120% /114px 350px;
padding-bottom: 60px;
}
#art_abnormality.div_abnormality .div_img img {
width: 75%;
max-width: 450px;
display: block;
margin: auto;
}
#art_abnormality .div_abnormality .div_img .text_st01 {
text-align: center;
margin-top: -30px;
}
#art_abnormality .div_abnormality .div_topics01 {
width: 100%;
margin: 30px auto;
}

#art_example .headline,#art_example .endline{
font-size: 24rem;
}
#art_parameter .table01 tbody{
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-around;
font-size: 15rem;
}
#art_parameter .table01 tr{
width: 50%;
}
#art_parameter .table01 th,#art_parameter .table01 td{
display: block;
width: 100%;
min-height: 85px;
margin-bottom: 3px;
}
#art_parameter .table01 td{
text-align: left;
}
#art_ce .div_ceninsho img{
width: 48%;
}
#art_ce .div_ceninsho img:nth-of-type(3){
margin-top: 15px;
}
.ul_formnavi li:first-of-type{
margin-bottom: 15px;
}
.ul_formnavi li{
width: 280px;
display: block;
margin: auto;
}
.ul_shoumei li {
margin:  auto auto 15px;
}
.ul_shoumei li img{
width: 250px;
display: block;
margin: auto auto 0px;
}
#art_ce  {
border-bottom:  solid 1px #3172ac;
padding-bottom: 30px;
margin-bottom: 30px;
}
#art_system .im_monitoring01{
width: 100%;
display: block;
margin: 15px auto;
}
#art_system .maintitle_sp{
max-width: 600px;
width: 100%;
}
#art_system .div_monitoring {
margin-top:0px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
#art_system .div_monitoring .div_text{
width: calc(100% - 120px);
margin-bottom: 45px;
}
#art_system .div_monitoring .div_text .maintitle_pc{
width: 100%;
}
#art_system .div_monitoring .div_img{
width: 110px;
margin-left: 10px;
}
#art_system .div_monitoring .div_img  .im_monitoring02{
display: block;
margin-top: 0px;
width: 100%;
}
#art_system .ul_keimou li{
width: 100%;
margin: auto;
}
#art_system .ul_keimou li:nth-of-type(1){
max-width: 340px;
}
#art_system .ul_keimou li:nth-of-type(2){
max-width: 650px;
}
#art_system .ul_keimou li img{
width: 100%;
}
#art_system .ul_keimou li .text_notice01{
text-align: center;
}




}

@media (min-width: 781px) {
h2 {
font-size: 28rem;
}
h3{
	font-size: 25rem;
	}
section:not(#sec_quickstart) {
margin-bottom: 60px;
}
.div_textpoint, article:not(#art_example):not(#art_abnormality) {
margin: auto auto 60px;
}
#art_quickstart .ol02{
display: flex;
flex-wrap: wrap;
}
/*#div_mainimgwrap .div_maimgdate .im_breast-i01 {
max-width: 300px;
position: absolute;
right: -30%;
top: 80%;
transform: translateX(-50%);
 -webkit- transform: translateX(-50%);
}*/

#div_mainimgwrap .top_mainimg_sp{
display: none;
}
#div_mainimgwrap .div_maimgdate .top_mainimg_pc{
max-width: 1080px;
width: 95%;
margin:auto auto;
display: block;
}
#sec_firstcontact {
padding: 30px 0;
}
#sec_firstcontact .p_endline{
width:65%;
max-width: 700px;
margin-right: 5%;
float: left;
}
#sec_firstcontact .im_firstcontact01{
width: 30%;
max-width:310px;
float: right;
margin-top: 30px;
}
#art_quickstart .div_step {
width: 48%;
}
#art_quickstart .div_step:nth-of-type(1) {
margin-right: 4%;
}
#art_quickstart .ol02 li{
width: 49%;
}
#art_interpretation .div_topic02{
margin-top: 15px;
}
#art_interpretation .ul_notice01 li{
font-weight: bold;
line-height: 2.0em;
}
#art_quickstart .ol02 li:first-of-type{
margin-right: 2%;
}
#art_result .ul_result li {
width: 48%;
}
#art_result .ul_result li:nth-of-type(2) {
margin-left: 4%;
}

#art_parameter .table01 th:first-of-type{
width: 200px;
}

.ul_formnavi li{
width: 49%;
}
.ul_formnavi li:first-of-type{
margin-right: 2%;
}
.ul_shoumei {
margin: 30px auto 30px;
}
.ul_shoumei li{
    display: flex;
				flex-wrap: wrap;
}
.ul_shoumei li:first-of-type .text_notice01{
display: block;
margin-top: 15px;
}
.ul_shoumei li img{
width: 250px;
}
.ul_shoumei li .text_notice01{
width: calc(100% - 280px);
margin-left: 30px;
}
#art_system .im_monitoring01{
width: 100%;
display: block;
margin: 15px auto;
}
#art_system .div_monitoring {
margin-top:90px;
display: flex;
flex-wrap: wrap;
}
#art_system .div_monitoring .div_text{
width: calc(100% - 280px);
margin-bottom: 100px;
}
#art_system .div_monitoring .div_text .maintitle_pc{
width: 100%;
}
#art_system .div_monitoring .div_img{
width: 250px;
margin-left: 30px;
}
#art_system .div_monitoring .div_img  .im_monitoring02{
display: block;
margin-top: -100px;
width: 100%;
}
#art_system .ul_keimou{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#art_system .ul_keimou li:nth-of-type(1){
width: 340px;
margin-bottom: 30px;
}
#art_system .ul_keimou li:nth-of-type(2){
width:calc(100% - 340px);
max-width: 650px;
}
#art_system .ul_keimou li img{
width: 100%;
}
#art_system .ul_keimou li .text_notice01{
text-align: center;
}
#art_system .ul_keimou{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#art_system .ul_keimou li:nth-of-type(1){
width: 340px;
margin-bottom: 30px;
}
#art_system .ul_keimou li:nth-of-type(2){
width:calc(100% - 340px);
max-width: 650px;
}
#art_system .ul_keimou li img{
width: 100%;
}
#art_ce.ul_keimou li .text_notice01{
text-align: center;
}
}