

.main_v{
    height: 352px;
    background: url(../../technique/img/main_v.jpg) no-repeat;
    background-size: cover;
}


.main_v h1{
    color: #fff;
    text-align: center;
    font-size: 32px;
    padding-top: 102px;
}

.main_txt{
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
    padding-top: 32px;
}

.index_top{
    padding-top: 80px;
    display: flex;
    justify-content: space-between
}

.tech_box{background: #f3f3f3;
    padding: 20px;}
.tech_box h3{text-align:center;font-size:20px;    font-size: 30px;padding: 40px 0}
.tech_ul{    display: flex;
    flex-direction: row;
    align-content: space-between;
    flex-wrap: wrap;justify-content: space-between;}
.tech_ul>div{width:48%;margin-bottom: 4%;}
.tech_ul>div  img{width:100%;}
.tech_text p{    margin-bottom: 20px;line-height: 2;
    text-indent: 20px;}
   .tech_img_box {display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;    flex-wrap: nowrap;
    justify-content: space-around;justify-content: space-between;margin-bottom: 30px;
}
.tech_img_box>div{width:48%;}
.tech_img_box>div img{width:100%;}


   .tech_img_box2 {display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;    flex-wrap: nowrap;
    justify-content: space-around;justify-content: space-between;
}
.tech_img_box2>div{width:30%;}
.tech_img_box2>div img{width:100%;}


.index_right{
    width: 540px;
}

.index_ttl{
    font-size: 28px;
    line-height: 1.8;
}

.index_txt{
    font-size: 16px;
    line-height: 1.8;
    margin-top: 24px;
}

.second_ttl{
    font-size: 28px;
    text-align: center;
    margin-top: 105px;
}

.second_txt{
    font-size: 15px;
    line-height: 1.8;
    margin-top: 20px;
    word-break: break-all;
}

.technique_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}

.technique_cell{
    background: #fff;
    width: 521px;
    margin-bottom: 28px;
}

.technique_cell_ttl{
    font-size: 20px;
    padding: 22px 18px 0;
}

.technique_cell_txt{
    font-size: 15px;
    padding: 12px 18px 16px;
    line-height: 1.8;
    word-break: break-all;
}

.second_ttl_2{
    font-size: 28px;
    text-align: center;
    margin-top: 90px;
}

/*------------- sp -------------*/

@media screen and (max-width: 767px) {
.tech_ul>div.tech_img{width:100%;}
.tech_ul>div.tech_text{width:100%;}
.main_v{
    background: url(../../technique/img/sp_main_v.jpg) no-repeat;
    /*height: 154px;*/
    height: auto;
}

.main_v h2{
    font-size: 20px;
    padding-top: 22px;
}

.main_txt{
    color: #fff;
    text-align: center;
    line-height: 1.4;
    font-size: 12px;
    padding: 15px 5px 20px;
}

.contents_wrap{
    margin: 0 10px;
}

.index_top{
    padding-top: 35px;
}

.index_left_img{
    width: 47%;
}

.index_left_img img{
    width: 100%;
}

.index_right{
    width: 50%;
}

.index_ttl{
    font-size: 15px;
}

.index_txt{
    font-size: 14px;
    line-height: 1.4;
    margin-top: 14px;
}

.second_ttl{
    font-size: 20px;
    margin-top: 38px;
}

.second_txt{
    font-size: 14px;
    margin-top: 12px;
}

.technique_list{
    margin-top: 25px;
}

.technique_cell{
    width: 48.5%;
    margin-bottom: 11px;
}

.technique_cell_img img{
    width: 100%;
}

.technique_cell_ttl{
    font-size: 16px;
    padding: 12px 6px 6px;
}

.technique_cell_txt{
    font-size: 13px;
    padding: 6px 6px 7px;
    line-height: 1.4;
}

.second_ttl_2{
    font-size: 20px;
    text-align: center;
    margin-top: 26px;
}

}