@charset "utf-8";

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .sec01 .listUl {
	align-self: flex-start;
}
#main .mainImg {
    background-image: url('../img/marketing/main_img.jpg');
}
#main .mainImg h2 .img {
	top: 35px;
	right: -127px;
	width: 280px;
}
#main .mainImg::before {
    border-bottom-color: #6EC75E;
}
#main .comOutTxt {
    margin-bottom: 56px;
}
#main .bgColor {
    background-color: #F4FFEF;
}
#main .sec03 .dlTxt dt {
    background-image: url('../img/actuary/ttl_bg.png');
}
#main .sec01 .listUl li h3 {
    background-image: url('../img/actuary/ttl_bg.png');
}
#main .mainImg .ttl span::before {
	background-color: #6EC75E;
}
#main .sec01 .listUl {
    margin-bottom: 36px;
}
.headLine02 .en {
    color: #CBEFC3;
}
#main .outBox {
    padding-bottom: 45px;
}
#main .outBox .comOutTxt {
    margin-bottom: 59px;
}
#main .sec01 .listUl li {
    padding: 38px 30px 17px;
}
#main .sec01 .listUl01 .innTxt .lBox .lTxt {
    color: #6EC75E;
    font-weight: bold;
    border-color: #6EC75E;
}

#main .sec01 .listUl01 .innTxt:not(:last-child) .lBox::before {
    background-color: #6EC75E;
}
#main .sec01 .listUl01 .innTxt:not(:last-child) .lBox::after {
    border-top-color: #6EC75E;
}
#main .sec01 .listUl01 .innTxt:last-child {
    margin-bottom: 0;
}
#main .colorNote li {
    margin-bottom: 0;
}
#main .sec02 {
    padding-bottom: 70px;
}
#main .sec03 {
    padding-bottom: 100px;
}
#main .sec03 .comOutTxt {
    margin-bottom: 23px;
}
#main .sec03 .dlTxt .txtList li {
    line-height: 1.35;
}
@media all and (-ms-high-contrast:none) {
    #main .mainImg .ttl {
        margin-bottom: 35px;
    }
    #main .sec02 .tabBox table th,
    #main .sec02 .tabBox table td {
        padding: 20px 36px 13px;
    }
    #main .sec03 .dlTxt .txtList li {
        padding: 22px 25px 19px;
    }
}
@media all and (min-width: 897px) {
    #main .naviList li:nth-child(3n) {
        margin-right: 0;
    }
}
@media all and (max-width: 896px) {
    #main .sec01 .listUl {
        align-self: flex-start;
    }
    #main .comOutTxt {
        margin-bottom: 17px;
    }
    #main .sec01 .listUl {
        margin-bottom: 0;
    }
    #main .outBox {
        padding-bottom: 20px;
    }
    #main .outBox .comOutTxt {
        margin-bottom: 20px;
    }
    #main .sec01 .listUl li {
        padding: 9px 10px 2px;
    }
    #main .sec01 .listUl01 .innTxt:not(:last-child) .rBox {
        padding-bottom: 2px;
    }
    #main .sec01 .listUl01 .innTxt:last-child {
        margin-bottom: 0;
    }
    #main .colorNote li {
        margin-bottom: 0;
    }
    #main .sec02 {
        padding: 30px 0 20px;
    }
    #main .sec03 {
        padding-bottom: 30px;
    }
    #main .sec03 .comOutTxt {
        margin-bottom: 23px;
    }
    #main .sec03 .dlTxt .txtList li {
        line-height: 1.35;
    }
    #main {
        margin-bottom: 0;
    }
    #main .sec02 .tabBox table th,
    #main .sec02 .tabBox table td {
        line-height: 1.77;
        letter-spacing: 0.07em;
    }
    #main .mainImg h2 .img {
		top: -12px;
		right: -18px;
		width: 82px;
	}
}
@media all and (max-width: 374px) {
    #main .comBtn01 a {
        font-size: 1.9rem;
    }
    #main .mainImg h2 .img {
        right: -40px;
    }
}


#main .courseTop {
	margin: -4px -32px 44px;
}
#main .courseTop p {
	font-size: 2.1rem;
	line-height: 2;
	letter-spacing: 0;
}
#main .courseTop .imgBox {
	margin-bottom: 18px;
}
#main .courseTop .photo {
	float: right;
	margin: -96px -38px 0 30px;
	z-index: 10;
	position: relative;
}
#main .courseTop .btmTxt {
	font-size: 1.8rem;
	line-height: 1.77;
	letter-spacing: 0;
}
#main .courseTop .btmTxt .col {
	color: #FF671D;
	font-weight: 600;
}
@media all and (max-width: 896px) {
	#main .mainImg .ttl.letter {
		letter-spacing: -0.03em;
	}
	#main .courseTop {
		margin: -3px 0 15px;
	}
	#main .courseTop p {
		font-size: 1.3rem;
		line-height: 1.76;
	}
	#main .courseTop .photo {
		float: none;
		margin: -54px -12px 0 5px;
		z-index: 10;
		position: relative;
		width: 110px;
		order: 3;
	}
	#main .courseTop .imgBox {
		margin-bottom: 6px;
		display: flex;
	}
	#main .courseTop .imgBox .left {
		flex: 1;
		text-align: justify;
	}
	#main .courseTop .btmTxt {
		font-size: 1.1rem;
		line-height: 1.725;
		letter-spacing: -0.05em;
	}
}