@charset "utf-8";
/*------------------------------------------------------------
	training
------------------------------------------------------------*/
#main {
	overflow: hidden;
}
#main .bgBox01 {
	z-index: 2;
}
#main .comBg .arrow {
    width: 25rem;
    position: absolute;
    right: 25.4%;
    bottom: -18.9rem;
    z-index: 10;
}
#main .comBg .arrow02 {
	right: -13.5rem;
	bottom: auto;
	top: calc(100% + 5rem);
	width: 55.1rem;
	z-index: 11;
}
#main .comImgBox .txtBox {
    padding-bottom: 4.3rem;
    min-height: 28.6rem;
}
#main .bgWhite {
    margin-bottom: 14.8rem;
    position: relative;
    padding: 0;
}
#main .bgWhite.btmBox-new{
    margin-bottom:0;
}
#main .bgWhite .subBox {
    padding: 4rem 7.7rem 3.5rem;
    border-bottom: 0.2rem solid #f0edeb;
}
#main .bgWhite .subBox:last-child {
    border-bottom: none;
}
#main .bgWhite .ttlImg {
    position: absolute;
    right: 8.5rem;
    top: -7.8rem;
}
#main .bgWhite .headLine02 {
    margin-bottom: 4.2rem;
    color: #e97aa9;
}
#main .bgWhite .list {
    position: relative;
    z-index: 1;
    margin: -1.1rem 0 1.8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#main .bgWhite .list li {
    margin-top: 1.1rem;
    min-height: 9.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    width: 49%;
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    text-align: center;
    background: #FFF0B2;
    border-radius: 1.2rem;
    box-sizing: border-box;
}
#main .bgWhite .mid {
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: 0.1em;
}
#main .bgWhite .subBox02 {
    padding: 5.1rem 6.1rem 2.2rem;
}
#main .bgWhite .imgBox {
    margin-bottom: 4.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main .bgWhite .imgBox .photoBox {
    width: 48.3%;
}
#main .bgWhite .imgBox .photoBox img {
    width: 100%;
    border-radius: 0 0 3rem 0;
}
#main .bgWhite .imgBox .txtBox {
    width: 45%;
}
#main .bgWhite .imgBox .txtBox h3 {
    margin-bottom: 1.5rem;
    font-size: 2.4rem;
    line-height: 1.58;
    letter-spacing: 0.1em;
}
#main .bgWhite .imgBox .txtBox p {
    line-height: 1.86;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: justify;
    font-family: 'Noto Sans JP', sans-serif;
}
#main .btmBox {
    margin-bottom: 0.5rem;
    padding: 3rem 3rem 2.2rem;
    position: relative;
}
#main .btmBox .rImg {
    position: absolute;
    right: 2.5rem;
    bottom: 0;
    z-index: 10;
}
#main .btmBox .txtBox {
    max-width: 65.3rem;
}
#main .btmBox .txtBox .list {
    margin-bottom: 1.3rem;
}
#main .btmBox .txtBox .list li {
    padding: 2.7rem 2rem;
    line-height: 1.63;
}
#main .btmBox p {
    padding: 0.3rem 0 0.2rem 3.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    font-family: 'Noto Sans JP', sans-serif;
    background: url(../img/training/img03.png) no-repeat left 0.2rem top/2.6rem auto;
}
#main .linkBox01 {
	margin-bottom: 16.5rem;
}
#main .linkBox a {
	margin: 0 auto -9.7rem;
	width: 73.9rem;
	height: 31.6rem;
	font-size: 2.85rem;
	letter-spacing: 0.12em;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../img/training/link_bg02.png) no-repeat center bottom/100% 100%;
}
#main .linkBox01 a {
	background-image: url(../img/training/link_bg.png)
}
#main .linkBox a:hover {
	opacity: 0.7;
}
#main .linkBox a .btnTxt {
	margin-bottom: 6rem;
	min-height: 4.5rem;
	display: inline-block;
	padding-left: 6rem;
	background: url(../img/common/icon11.png) no-repeat left top/4.4rem auto;
}
#main .linkBox a .red {
	color: #EA7AA9;
}
#main .linkBox p {
	font-size: 2rem;
	letter-spacing: 0.14em;
	text-align: center;
}
#main .linkBox p img {
	width: 16rem;
	vertical-align: -0.1rem;
	margin-right: 1rem;
}
#main {
    margin-bottom: 13.5rem;
}
@media all and (max-width: 1060px) {
    .comImgBox .txtBox h3 {
        letter-spacing: 0.2em;
    }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
	#main .bgWhite .ttlImg {
		width: 22.2rem;
	}
	#main .btmBox .rImg {
		width: 23.2rem;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	#main .comBg .arrow02.pc {
		display: none;
	}
	#main .comBg .arrow02.sp {
		display: block !important;
		right: 6rem;
		bottom: auto;
		top: calc(100% + 0.6rem);
		width: 22rem;
	}
}
@media all and (max-width: 767px) {
    #main .comBg {
        margin-bottom: 13.7rem;
    }
	#main .bgBox01 {
        margin-bottom: 7rem;
    }
    #main .comBg .arrow {
        width: 9.1rem;
        right: 8.3rem;
        bottom: -16.5rem;
    }
	#main .comBg .arrow02 {
		right: -6.5rem;
		bottom: auto;
		top: calc(100% + 2.6rem);
		width: 20rem;
	}
    #main .comBg .bg02 {
        height: calc(100% + 1.5rem);
    }
    #main .comImgBox .txtBox {
        padding-bottom: 1rem;
        min-height: inherit;
    }
    #main .bgWhite {
        margin-bottom: 10rem;
    }
    #main .bgWhite .subBox {
        padding: 3.7rem 1.5rem 3.5rem;
        border-bottom: 0.2rem solid #f0edeb;
    }
    #main .bgWhite .ttlImg {
        right: -1.2rem;
        top: -2.9rem;
        width: 17.3rem;
    }
    #main .bgWhite .headLine02 {
        margin: 0 9rem 2.7rem 0;
        line-height: 1.25;
    }
    #main .bgWhite .list {
        margin: -0.7rem 0 1.5rem;
    }
    #main .bgWhite .list li {
        margin-top: 0.7rem;
        min-height: 5.6rem;
        padding: 1rem 1.5rem;
        font-size: 1.4rem;
        line-height: 1.2;
    }
    #main .bgWhite .mid {
        font-size: 1.8rem;
        letter-spacing: 0.1em;
    }
    #main .bgWhite .subBox02 {
        padding: 6.8rem 1.5rem 1rem;
    }
    #main .bgWhite .imgBox {
        margin-bottom: 2.3rem;
        display: block;
    }
    #main .bgWhite .imgBox .photoBox {
        width: auto;
    }
    #main .bgWhite .imgBox .txtBox {
        padding: 3.5rem 1.5rem;
        width: auto;
    }
    #main .bgWhite .imgBox .txtBox h3 {
        margin-bottom: 2.7rem;
        font-size: 2.3rem;
        line-height: 1.48;
        letter-spacing: 0.2em;
    }
    #main .bgWhite .imgBox .txtBox p {
        line-height: 1.71;
    }
    #main .btmBox {
        margin-bottom: 0.5rem;
        padding: 1.5rem 1.5rem 2.5rem;
    }
    #main .btmBox .rImg {
        right: -1.8rem;
        bottom: auto;
        top: -2rem;
        width: 15.1rem;
    }
    #main .btmBox .txtBox {
        max-width: 75%;
    }
    #main .btmBox .txtBox .list {
        margin-bottom: 2rem;
        justify-content: flex-start;
    }
    #main .btmBox .txtBox .list li {
        margin-right: 1rem;
        padding: 2rem 2rem;
        line-height: 1.55;
        width: 22.5rem;
        border-radius: 1.8rem;
    }
    #main .btmBox p {
        padding: 0.4rem 0 0 3.5rem;
        font-size: 1.3rem;
        background-position: 0.6rem 0.4rem;
        background-size: 2.1rem auto;
    }
    #main .btmBox p .ttl {
        font-size: 1.5rem;
        display: block;
    }
    #main {
        margin-bottom: 8.6rem;
    }
	#main .linkBox {
		margin: 0 -1.5rem;
		overflow: hidden;
	}
	#main .linkBox01 {
		margin-bottom: 15.7rem;
	}
	#main .linkBox a {
		margin: 0 -19.2vw -10.3rem;
		width: auto;
		height: 27.5rem;
		font-size: 2rem;
		line-height: 1.3;
		letter-spacing: 0.18em;
		background-image: url(../img/training/link_bg02_sp.png);
	}
	#main .linkBox01 a {
		background-image: url(../img/training/link_bg_sp.png)
	}
	#main .linkBox a .btnTxt {
		margin: 0 2rem 7.8rem 0;
		min-height: 5rem;
		padding-left: 6.5rem;
		background-position: left 0.2rem;
		background-size: 4.8rem auto;
	}
	#main .linkBox a:nth-child(2) .btnTxt {
		display: inline-flex;
		align-items: center;
	}
	#main .linkBox p {
		font-size: 1.2rem;
		letter-spacing: 0.08em;
	}
	#main .linkBox p img {
		width: 9.5rem;
		margin-right: 0.5rem;
	}
}
@media all and (min-width: 430px) and (max-width: 767px) {
	#main .comBg .arrow02 {
		width: 20.7rem;
		right: -16vw;
	}
}
@media all and (min-width: 550px) and (max-width: 767px) {
	#main .comBg .arrow02 {
		width: calc(20% + 9.8rem);
	}
}
/* 250731修正
-------------- */
.comImgBox .txtBox p.pink {
    color:#EA7AA9;
    font-size:1.2em;
    margin-bottom:10px;
}