@charset "UTF-8";
/* CSS Document */

/* -------------------------------------

トップ画像

-----------------------------------------*/

@media screen and (max-width: 750px) {
	.OtherInner__boxTtl.mainpage div {
    margin-top: -22vw!important;
	}
}

/* -------------------------------------

.資料請求・お問合せ　ついてくる

-----------------------------------------*/
.it-claim_side {
    align-items: center;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    width: 264px;
    height: 88px;
    color: #fff;
    background-image: url(../img/one/hukidashi.png);
    background-repeat: no-repeat;
    z-index: 1000;
    float: right;
    background-size: 264px auto;
    font-size: 19.19px;
    font-weight: bold;
    line-height: 22.71px;
    text-decoration: none;
    margin-top: -157px;
    margin-right: 43px;
	filter: drop-shadow(0px 0px 43px rgba(52,52,52,0.48));
}





/* -------------------------------------

1社向けオリジナル研修の特徴

-----------------------------------------*/
@media screen and (min-width: 751px) {
	/*画像をを揃える*/
	.oneBox-4 li .point__img .point__image {
    margin-top: 40px;
}
}

/*ポイント下テキスト*/
.oneBox-4 .oneBox-4__txt {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 20px;
}
@media screen and (max-width: 750px) {
	.oneBox-4 .oneBox-4__txt {
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: -15px;
}
}




/* -------------------------------------

カリキュラム内容

-----------------------------------------*/
.oneBox-5{
    background-color: #3A98C1;
    padding-bottom: 71px;
}
.oneBox-5 .group__ttl.skill p {
    color: #FFFFFF;
}
.oneBox-5 .group__ttl_lead {
    color: #FFFFFF;
    text-align: center;
    margin-top: 38px;
    font-size: 20px;
    font-weight: bold;
}
.oneBox-5 .detail__txt {
    color: #FFFFFF;
    text-align: right;
    width: 1110px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -13px;
}

.oneBox-5 .oneBox-5__ul{
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
    margin-top: 47px;
}
.oneBox-5 .oneBox-5__ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.oneBox-5 .oneBox-5__ul li{
    letter-spacing: normal;
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    vertical-align: top;
    width: 349px;
    text-align: center;
    background-color: #FFFFFF;
    font-size: 18px;
    height: 43px;
    border-radius: 50px;
    margin-bottom: 26px;
    line-height: 42px;
}
@media screen and (max-width: 750px) {
	.oneBox-5{
    background-color: #3A98C1;
    padding-bottom: 71px;
    padding-top: 25px;
}
.oneBox-5 .group__ttl.skill p {
    color: #FFFFFF;
}
.oneBox-5 .group__ttl_lead {
    color: #FFFFFF;
    text-align: center;
    margin-top: 38px;
    font-size: 4vw;
    font-weight: bold;
}
.oneBox-5 .detail__txt {
    color: #FFFFFF;
    text-align: right;
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: -13px;
}
	
	.oneBox-5 .oneBox-5__ul{
    width: 84vw;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
    margin-top: 47px;
}
.oneBox-5 .oneBox-5__ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.oneBox-5 .oneBox-5__ul li{
    letter-spacing: normal;
    display: block;
    vertical-align: top;
    width: 70vw;
    text-align: center;
    background-color: #34618A;
    color: #FFFFFF;
    font-size: 4vw;
    height: 43px;
    border-radius: 50px;
    margin-bottom: 10px;
    line-height: 42px;
    margin-left: auto;
    margin-right: auto;
}
}
