/* ===================================================================
CSS information
=================================================================== */
/*==========================================================
コンテンツベース
==========================================================*/
.contents{
max-width: 1240px;
margin: 0 auto;
}
.main-article{
position: relative;
overflow: hidden;
}
/*======================マージン設定======================*/
.contents-inner{
padding: 25px 25px 25px 25px;
overflow: hidden;
}
.main-article .contents:last-of-type .contents-inner:last-of-type{
padding: 25px 25px 100px 25px;
}
/*インナーの中のインナー要素*/
.contents-inner-inner{
padding: 0px 25px 0px 25px;
}
/*上マージン最大*/
.contents-inner-top{
padding: 90px 25px 25px 25px;
}
/*下マージン最大*/
.contents-inner-bottom{
padding: 25px 25px 90px 25px;
}
/*上下マージン最大*/
.contents-inner-both{
padding: 90px 25px 90px 25px;
}

/*======================SP======================*/
@media screen and (min-width: 0px) and (max-width:768px) {
.contents-inner{padding: 50px 15px 25px 15px;}
.main-article .contents:first-of-type .contents-inner:first-of-type{padding: 25px 15px 25px 15px;}
.main-article .contents:last-of-type .contents-inner:last-of-type{padding: 25px 15px 80px 15px;}
.contents-inner-inner{padding: 0px 0px 0px 0px;}
}