@charset "euc-jp";


#camlock_wrap p,
#camlock_wrap h1,
#camlock_wrap h2,
#camlock_wrap h3,
.camlock_howto_point .camlock_howto_point_list li,
.camlock_howto_point_ttl_text,
.camlock_contents .text_bold,
#camlock_wrap .camlock_contents .attention{
  font-family: "Noto Sans JP", "Century Gothic", "�ᥤ�ꥪ", "Meiryo", "�ҥ饮�γѥ� Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "�ͣ� �Х����å�", sans-serif;
color:#333;
}

#camlockwrap {
    line-height: 0;
    margin-top: 2rem;
    width: 709px;
    height: 363px;
    margin-left: 60px;
text-align:center;
}

#camlock_wrap{
    width: 710px;
    height: auto;
    margin: 0 0 0 60px;
    padding: 0;

}

#camlock_wrap p{
font-size:1.4rem;
letter-spacing: 0.10rem;
padding: 20px 40px;
}

.camlock_text{
text-align: left;
}


#camlock_wrap h1 img{
width:100%;
}

#camlock_wrap h2{
font-size:2.4rem;
color:#0e467d;
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 3px solid #b0bcbd;
text-align:left;
margin-bottom:20px;
}

#camlock_wrap h2:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  content: '';
  background: #3caab1;
}


#camlock_wrap h3{
font-size:1.9rem;
color:#0e467d;
text-align:left;
padding: 0 20px;
margin-bottom:20px;
}

.camlock_contents img{
border:1px solid #eaeaea;
}

.text_red{
font-weight:bold;
color:red;
}

.camlock_contents{
margin-bottom:100px;
}

.camlock_contents .text_bold{
font-weight:bold;
font-size:1.3rem;
}


.camlock_contents table img{
border:none;
width:100%;
}

#camlock_wrap .camlock_contents .attention{
font-size:1.1rem;
padding:0;
margin: 0 0 10px 0;

}

.camlock_contents table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
margin:0 auto 20px;
}


.camlock_contents table tr:nth-child(2),
.camlock_contents table tr:last-child{
  border-bottom:solid 1px #ddd;
}

.camlock_contents table th{
  text-align: center;
  padding: 5px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  background-color:#eaeaea;
}


.camlock_contents table th:first-child{
  background-color:#fff;
border-bottom:solid 1px #ddd;
border-left:none;
}


.camlock_contents table td:first-child{
width:12%;
padding: 2% 0;
}

.camlock_contents table td:nth-child(2),
.camlock_contents table td:nth-child(3){
width:37%;

}

.camlock_contents table td{
  text-align: center;
  padding: 10px 15px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
}





.camlock_structure .camlock_structure_step{
margin:0;
padding:0;
display:flex;
}



.camlock_structure .camlock_structure_step .camlock_structure_step_list:last-child{
margin-right:0px;
}


.camlock_howto .camlock_howto_list{
margin-bottom:60px;
}

.camlock_howto_point{
background-color:#eaeaea;
width:590px;
padding:15px 20px 20px 20px;
text-align:left;
}


.arrow-right {
    display: inline-block;
    border-style: solid;
    border-width: 7px 0 7px 11px;
    border-color: transparent transparent transparent #000;
    height: 1px;
margin: 140px 20px;
}


.camlock_howto_point .camlock_howto_point_list{
padding-left: 10px;
}

.camlock_howto_point .camlock_howto_point_list li{
font-size:1.3rem;
}

.camlock_howto_point_ttl{
margin:0;
padding:0;
}

.camlock_howto_point_ttl_text{
    line-height: 1.4;
    font-size: 1.5rem;
    font-weight: bold;
}

.camlock_howto_point_ttl_text:before {
  content: url(../images/point.png);
  vertical-align: middle;
  padding-right: 2px;
}

@media screen and (max-width:600px)  {
    body {
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        width: 100vw;
    }
    table{
        max-width: 100vw;
        overflow-x: hidden;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
    }
    #all{
        width: 100vw !important;
    }
    
    #content{
        width: 100vw !important;
        padding: 0;
    }
    #anri_wrap{
        width: 100vw !important;
    }
    #main_right{
        width: 100vw !important;
    }
    td[width="78"]{
        display: none;
    }
    .pc_display {
        display: none !important;
    }

    .sp_display {
        display: block;
    }

    .cont_wrap {
        width: 100vw;
    }

    .kotei-review{
        display:none;
    }


    #camlock_wrap {
    width: 94vw;
    margin: 10vw 0 10vw;
    padding: 0 3vw;
    }

#camlock_wrap p{
font-size:1.3rem;
padding:12px 0;
}

#camlock_wrap h2{
    font-size: 2.0rem;
    padding: 1rem;
}

#camlock_wrap h3{
font-size:1.7rem;
}

.camlock_howto_point .camlock_howto_point_list li{
font-size:1.3rem;
}

#camlock_wrap table .attention{
font-size:1.0rem;
}

#camlock_wrap table text_bold{
font-size:0.9rem;
}


.camlock_structure .camlock_structure_step{
flex-wrap:wrap;
}


.camlock_structure .camlock_structure_step .camlock_structure_step_list{
margin-right:2%;
width: 30%;
}

.arrow-right{
margin: auto 0;
border-width: 5px 0 5px 7px;
height:0;
width:1%;
}

.camlock_contents img{
width:100%;
}

.camlock_howto{
margin:0;
padding:0;
}

.camlock_howto_point{
width: 93%;
padding: 4%;
}


.camlock_howto_point_ttl_text{
    font-size: 1.7rem;
    letter-spacing: 0.05em;
}

.camlock_howto_point_ttl_text:before {
  display: inline-block;
  transform: scale(0.5);
}


}