@charset 'UTF-8';

/*===========================================
mv
===========================================*/
.mv{
margin-top: 6%;
}
.mv .txt{
margin-top: 2em;
}
.mv .link{
margin-top: 2em;
}

@media screen and (max-width:767px){
.mv .img{
display: none;
}
.mv .link{
margin-top: 3em;
}
}

/*===========================================
tab
===========================================*/
.mod_tab.top{
margin-top: 6%;
}
.mod_tab.under{
margin-top: 6%;
}

/*===========================================
btnBlock
===========================================*/
.btnBlock{
max-width: 740px;
margin: 6% auto 0 auto;
}

.btnBlock .mod_btn_01_red a{
opacity: 0.6;
}
.btnBlock.top .mod_btn_01_red a:after{
transform: rotate(135deg);
}
.btnBlock.under .mod_btn_01_red a:after{
transform: rotate(-45deg);
}


/*===========================================
knowledgeContents
===========================================*/
.knowledgeContents{
margin-top: 6%;
}
.knowledgeContents .img{
margin-top: 4%;
}
.knowledgeContents .img img{
width: auto;
max-width: 100%;
margin: auto;
}