@charset "utf-8";
/*------------------------------------------------------------
	voice
------------------------------------------------------------*/

#main .topTxt {
    margin-bottom: 70px;
    font-size: 4rem;
}
#main .comBox > .subBox:not(:last-child) {
    margin-bottom: 150px;
}
#main .subBox h3 {
    margin-bottom: 36px;
    font-size: 3rem;
    color: #fff;
    font-weight: normal;
}
#main .subBox h3 span {
    display: inline;
    padding: 5px;
    background: #ca3490;
}
#main .subBox .imgBox {
    margin-bottom: 80px;
}
#main .subBox .imgBox .photo {
    width: 47%;
    float: right;
}
#main .subBox .imgBox .photo img {
    width: 100%;
}
#main .subBox .imgBox .textBox {
    width: 47%;
    float: left;
}
#main .subBox .imgBox .textBox p {
    line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}
#main .subBox .imgBoxL .photo {
    float: left;
}
#main .subBox .imgBoxL .textBox {
    float: right;
}
@media all and (max-width: 767px) {
    #main ul.comBtn {
        margin-bottom: 50px;
        display: block;
    }
    #main ul.comBtn li {
        margin-bottom: 15px;
        width: auto;
    }
    #main ul.comBtn li:last-child {
        margin-bottom: 0;
    }
    #main .topTxt {
        margin-bottom: 35px;
        font-size: 2rem;
    }
    #main .subBox h3 {
        font-size: 1.6rem;
        line-height: 1.8;
    }
    #main .subBox .imgBox .textBox {
        margin-bottom: 18px;
        width: auto !important;
        float: none !important;
    }
    #main .subBox .imgBox .photo {
        width: auto !important;
        float: none !important;
    }
    #main .subBox .imgBox {
        margin-bottom: 18px;
    }
    #main .comBox > .subBox:not(:last-child) {
        margin-bottom: 75px;
    }
}
@media all and (-ms-high-contrast:none) {
	#main .subBox h3 span {
		padding: 10px 5px 0;
	}
}