@charset "utf-8";
/*----PC-----*/
@media screen and (min-width:641px){
    .onlypc{
        display: block;
    }
    .onlysp{
        display: none;
    }
    
    
/*------------------------------------------
 自社の強み
===========================================*/

#forte {
	display: block;
	width: 560px;
}

/* 大枠丸角
-------------------------------------------*/

#forte .inner-forte{
	padding-top: 5px;
	background: url(../img/forte/bg-inner-forte.jpg) no-repeat left top;
}

#forte .inner-forte .base{
	padding: 6px 10px;
	/padding: 21px 10px 6px;
	background: url(../img/forte/bg-inner-forte_base.jpg) repeat-y left top;
}

#forte .inner-forte .bottom{
	height: 5px;
	background: url(../img/forte/bg-inner-forte_bottom.jpg) no-repeat left bottom;
	font-size: 1px;
	line-height: 1px;
}

/* 見出し
-------------------------------------------*/

#forte .inner-forte h2.img-forte{
	display: block;
	width: 540px;
	height: 97px;
	background:url(../img/forte/tit-forte.jpg) no-repeat left top;
	margin-top: 15px;
}

#forte .inner-forte h3.tit-forte{
	display: block;
	background:url(../img/forte/tit-forte.jpg) no-repeat left top;
	line-height: 15px;
	padding: 6px 20px;
	margin-bottom: 15px;
}

/* メインパーツ
-------------------------------------------*/

#forte .inner-forte .box-number{
	display: block;
	width: 480px;
	padding-left: 60px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 30px;
}

#forte .inner-forte .box-number img{
	display: block;
	margin-bottom: 5px;
}

#forte .inner-forte .no01{
	background: url(../img/forte/tit-number01.jpg) no-repeat 5px top;
}

#forte .inner-forte .no02{
	background: url(../img/forte/tit-number02.jpg) no-repeat 5px top;
}

#forte .inner-forte .no03{
	background: url(../img/forte/tit-number03.jpg) no-repeat 5px top;
}

#forte .inner-forte .no04{
	background: url(../img/forte/tit-number04.jpg) no-repeat 5px top;
}

#forte .inner-forte .no05{
	background: url(../img/forte/tit-number05.jpg) no-repeat 5px top;
}

#forte .inner-forte .no06{
	background: url(../img/forte/tit-number06.jpg) no-repeat 5px top;
}

#forte .inner-forte .no07{
	padding-bottom: 0px;
	border-bottom: none;
	background: url(../img/forte/tit-number07.jpg) no-repeat 5px top;
}

/*ボタン
-------------------------------------------*/

#forte .inner-forte .box-forte{
	display: block;
	background-color: #efefef;
	border: 1px solid #cccccc;
	padding: 20px 30px;
}

#forte .inner-forte .box-forte p{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 20px;
}

#forte .inner-forte .box-forte .btn-forte02,
#forte .inner-forte .box-forte .btn-forte01{
	display: block;
	width: 276px;
	height: 48px;
	position: relative;
	overflow: hidden;
	margin: 0 auto 10px;
}

#forte .inner-forte .box-forte .btn-forte02 a,
#forte .inner-forte .box-forte .btn-forte01 a{
	display: block;
	width: 276px;
	height: 48px;
}

#forte .inner-forte .box-forte .btn-forte01 a{
	background: url(../img/forte/btn-forte01_on.jpg) left top no-repeat;
}

#forte .inner-forte .box-forte .btn-forte02 a{
	background: url(../img/forte/btn-forte02_on.jpg) left top no-repeat;
}

#forte .inner-forte .box-forte .btn-forte02 a:hover img,
#forte .inner-forte .box-forte .btn-forte01 a:hover img{
	position: relative;
	top: -48px;
}
}

/*-------------------------------------------------------------------------------
mobile用201802
-------------------------------*/
/*----sp-----*/
@media screen and (max-width:640px){
    .onlypc{
        display: none;
    }
    .onlysp{
        display: block;
    }
    
    /*------------------------------------------
     自社の強み
    ===========================================*/

    #forte {
        display: block;
        width: 560px;
        width: 100%;
        box-sizing: border-box;
    }

    /* 大枠丸角
    -------------------------------------------*/

    #forte .inner-forte{
        padding-top: 5px;
        background: url(../img/forte/bg-inner-forte.jpg) no-repeat left top;
    }

    #forte .inner-forte .base{
        padding: 6px 10px;
        /padding: 21px 10px 6px;
        background: url(../img/forte/bg-inner-forte_base.jpg) repeat-y left top;
    }

    #forte .inner-forte .bottom{
        height: 5px;
        background: url(../img/forte/bg-inner-forte_bottom.jpg) no-repeat left bottom;
        font-size: 1px;
        line-height: 1px;
    }

    /* 見出し
    -------------------------------------------*/

    #forte .inner-forte h2.img-forte{
        display: block;
        width: 540px;
        width: 100%;
        height: 97px;
        height: auto;
        background:url(../img/forte/tit-forte.jpg) no-repeat left top;
        margin-top: 15px;
    }
    #forte .inner-forte h2.img-forte img{
        width: 100%;
        height: auto;
    }

    #forte .inner-forte h3.tit-forte{
        display: block;
        background:url(../img/forte/tit-forte.jpg) no-repeat left top;
        background: none;
        line-height: 13px;
        padding: 6px 20px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-image: -webkit-linear-gradient(#efefef 0%, #cccccc 100%);
        background-image: linear-gradient(#efefef 0%, #cccccc 100%);
        
    }

    /* メインパーツ
    -------------------------------------------*/

    #forte .inner-forte .box-number{
        display: block;
        width: 480px;
        width: 80%;
        padding-left: 60px;
        padding-bottom: 15px;
        border-bottom: 1px solid #cccccc;
        margin: 0 0 30px;
    }

    #forte .inner-forte .box-number img{
        display: block;
        margin-bottom: 5px;
        width: 95%;
        height: auto;
    }

    #forte .inner-forte .no01{
        background: url(../img/forte/tit-number01.jpg) no-repeat 5px top;
    }

    #forte .inner-forte .no02{
        background: url(../img/forte/tit-number02.jpg) no-repeat 5px top;
    }

    #forte .inner-forte .no03{
        background: url(../img/forte/tit-number03.jpg) no-repeat 5px top;
    }

    #forte .inner-forte .no04{
        background: url(../img/forte/tit-number04.jpg) no-repeat 5px top;
    }

    #forte .inner-forte .no05{
        background: url(../img/forte/tit-number05.jpg) no-repeat 5px top;
    }

    #forte .inner-forte .no06{
        background: url(../img/forte/tit-number06.jpg) no-repeat 5px top;
    }

    #forte .inner-forte .no07{
        padding-bottom: 0px;
        border-bottom: none;
        background: url(../img/forte/tit-number07.jpg) no-repeat 5px top;
    }

    /*ボタン
    -------------------------------------------*/

    #forte .inner-forte .box-forte{
        display: block;
        background-color: #efefef;
        border: 1px solid #cccccc;
        padding: 20px 30px;
    }

    #forte .inner-forte .box-forte p{
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        text-align: center;
        margin-bottom: 20px;
    }

    #forte .inner-forte .box-forte .btn-forte02,
    #forte .inner-forte .box-forte .btn-forte01{
        display: block;
        width: 276px;
        height: 48px;
        position: relative;
        overflow: hidden;
        margin: 0 auto 10px;
    }

    #forte .inner-forte .box-forte .btn-forte02 a,
    #forte .inner-forte .box-forte .btn-forte01 a{
        display: block;
        width: 276px;
        height: 48px;
    }

    #forte .inner-forte .box-forte .btn-forte01 a{
        background: url(../img/forte/btn-forte01_on.jpg) left top no-repeat;
    }

    #forte .inner-forte .box-forte .btn-forte02 a{
        background: url(../img/forte/btn-forte02_on.jpg) left top no-repeat;
    }

    #forte .inner-forte .box-forte .btn-forte02 a:hover img,
    #forte .inner-forte .box-forte .btn-forte01 a:hover img{
        position: relative;
        top: -48px;
    }
    
    
    
}