@charset "utf-8";


#lab_intro{
max-width:1160px;
width:90%;
margin:60px auto 140px;
}
@media screen and (max-width:680px)  {
#lab_intro{
max-width:1160px;
width:90%;
margin:60px auto 100px;
}
}

#lab_intro p{
text-align: center;
margin-bottom:90px;
}
@media screen and (max-width:680px)  {
#lab_intro p{
text-align: left;
margin-bottom:60px;
}
}

#lab_pict{
overflow:hidden;
}

#lab_pict li{
width:31%;
margin:0 1%;
float:left;
}
@media screen and (max-width:680px)  {
#lab_pict li{
width:90%;
max-width:480px;
margin:0 auto 30px;
float:none;
}
}

#lab_pict li img{
width:100%;
height:auto;
}

/* ------------------------------------ */

#lab_case{
background-color:#f1f8fb;
width:100%;
padding:80px 0 115px;
text-align:center;
}
@media screen and (max-width:680px)  {
#lab_case{
padding:80px 0 85px;
}
}


#lab_case_inner{
max-width:1160px;
width:90%;
margin:0 auto;
}


#lab_case_pict{
max-width:520px;
width:100%;
display:flex;
margin:0 auto 40px;
}

#lab_case_pict li{
max-width:260px;
width:50%;
text-align: center;
}

#lab_case_pict li img{
max-width:200px;
width:80%;
}

#lab_case_list{
width:100%;
background-color:#fff;
border:#409fc6 solid 1px;
padding:20px;
margin-bottom:60px;
}
@media screen and (max-width:430px)  {
#lab_case_list{
width:80%;
padding:20px 40px;
margin:0 auto 40px;
}
}

#lab_case_list li{
display: inline-block;
margin-right:24px;
}
@media screen and (max-width:430px)  {
#lab_case_list li{
display: block;
margin-right:0;
margin-bottom:8px;
text-align: left;
}
}



#lab_case_list li{
background-image: url("../images/common/ico_check.png");
background-size: 18px;
background-repeat:no-repeat;
padding-left:27px;
background-position:0px 9px;
}

#lab_case_list li:last-child{
margin-right:0;
}



/* ------------------------------------ */


#lab_price{
max-width:1100px;
width:86%;
margin:0 auto;
padding:100px 0;
text-align:center;
}

#lab_price_box{
max-width:650px;
width:100%;
background-color:#f1f8fb;
padding:7.6%;
margin:0 auto 70px;
}

#lab_price_box #price{
font-weight:800;
color:#409fc6;
font-size:26px;
margin-bottom:12px;
}
@media screen and (max-width:680px)  {
#lab_price_box #price{
font-size:22px;
}

#lab_price p{
text-align:left;
width:86%;
margin:0 auto;
}
}
#lab_price_pattern h3{
font-weight:800;
font-size:24px;
color:#409fc6;
display: flex;
justify-content: center;
align-items: center;
}

#lab_price_pattern h3::before,
#lab_price_pattern h3::after{
content: "";
background-color: #409fc6;
height: 1px;
width: 34px;
}

#lab_price_pattern h3::before{
margin-right: 25px;
transform: rotate(60deg); 
}
#lab_price_pattern h3::after{
margin-left: 25px;
transform: rotate(-60deg); 
}



#lab_price_pattern_list{
display: flex;
width:100%;
}
@media screen and (max-width:767px)  {
#lab_price_pattern_list{
display:block;
width:100%;
max-width:560px;
margin:0 auto;
}
}




.lab_pattern01{
max-width:340px;
width:100%;
border:#409fc6 solid 1px;
border-radius:15px;
margin:0 10px;
padding:20px;
position:relative;
}

.lab_pattern01 span{
position:absolute;
background-color:#fff;
display:inline-block;
width:60px;
font-size:32px;
top:-32px;
left:25px;
color:#409fc6;
}

@media screen and (max-width:767px)  {
.lab_pattern01{
margin:0 auto 50px;
}
}



#lab_price_pattern_list dl{

}
#lab_price_pattern_list dt{
font-weight:500;
font-size:18px;
}

#lab_price_pattern_list dd{
font-size:16px;
}
@media screen and (max-width:680px)  {
#lab_price_pattern_list dd{
font-size:15px;
}
}

/* ------------------------------------ */


#lab_info{
width:100%;
background-color:#f1f8fb;
padding:100px 0 0;
text-align:center;
}


#lab_info_inner{
max-width:876px;
margin:0 auto;
width:86%;
}


#lab_info_table{
border-top:#bcdae7 solid 1px;
}

#lab_info_table dl{
border-bottom:#bcdae7 solid 1px;
display: flex;
}
@media screen and (max-width:680px)  {
#lab_info_table dl{
display: block;
}
}


#lab_info_table dt,
#lab_info_table dd{
padding:30px 10px;
text-align:left;
}

#lab_info_table dt{
width:200px;
}
@media screen and (max-width:680px)  {
#lab_info_table dt{
padding:30px 10px 0;
font-weight:500;
}
#lab_info_table dd{
padding:10px 10px 30px;
text-align:left;
}
}

#lab_info_table dd{
width:calc(100% - 200px) ;
}
@media screen and (max-width:680px)  {
#lab_info_table dd{
width:100%;
}
}


#lab_info_table dd ul{
overflow:hidden;
}

#lab_info_table dd li:nth-child(2n){
width:calc( 100% - 150px ) ;
float:left;
}

#lab_info_table dd li:nth-child(2n+1){
width:150px;
float:left;
}
@media screen and (max-width:480px)  {
#lab_info_table dd li:nth-child(2n),
#lab_info_table dd li:nth-child(2n+1){
width:100%;
float:none;
}
}


/* ---------------------------------- */


#lab_flow{
background-color:#fff;
max-width:890px;
margin:0 auto;
border:#409fc6 solid 1px;
border-radius:20px;
padding:63px 125px;
}
@media screen and (max-width:1023px)  {
#lab_flow{
padding:63px 8%;
}
}

#lab_flow h3{
font-weight:800;
font-size:30px;
color:#409fc6;
}
@media screen and (max-width:680px)  {
#lab_flow h3{
font-size:24px;
}
}
			
.flow_step{
display:flex;
background: linear-gradient(to top, #3FA7AF, #3FA7AF) repeat-y 25px/1px;
padding-bottom:20px;
}
@media screen and (max-width:480px)  {
.flow_step{
background: linear-gradient(to top, #3FA7AF, #3FA7AF) repeat-y 20px/1px;
}
}


.flow_step:last-child{
background: none;
}


.step_number{
position: relative;
display: inline-block;
margin: 0 0 10px 0;
padding: 0 5px;
width: 50px;
height: 50px;
line-height: 50px;
vertical-align: middle;
text-align: center;
background: #afd7e7;
border-radius: 50%;
box-sizing: border-box;
font-size:18px;
font-weight:800;
color:#fff;
}

.step_text{
text-align:left;
margin-left:28px;
width:calc( 100% - 50px ) ;
}

@media screen and (max-width:480px)  {
.step_number{
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
box-sizing: border-box;
font-size:17px;
}
.step_text{
margin-left:20px;
width:calc( 100% - 40px ) ;
}
}


.step_text.oneline{
padding-top:8px;
}