@charset "UTF-8";
/* CSS Document */

header{
	background-color: #fff;
}

header h1 {
    width: 960px;
    margin: auto;
    padding: 20px 20px 40px 0px;
}

.graduate_voice{
    padding-bottom: 60px;
}

.graduate_voice h3{
    position: relative;
    margin: 0px;
    text-align: left;
    padding-left: 45px;
    letter-spacing: 2px;
}

.graduate_voice h3::before {
    position: absolute;
    content: "";
    background: transparent url("../img/curriculum/pentagon.png") no-repeat scroll 0% 0%;
    top: -2px;
    left: 0px;
    width: 36px;
    height: 31px;
}

.sentence{
    position: relative;
    border: solid 1px #c2d467;
    border-radius: 5px;
    padding: 105px 30px 10px;
    margin-top: 150px;
    background-image: url("../img/voice/bg_voice.jpg");
}

.sentence p{
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}

.img_box01 img, .img_box02 img{
    position: absolute;
}

.img_box01 img:nth-child(1){
    top: -93px;
    left: 50%;
    margin-left: -93px;
    z-index: 2;
}

.img_box01 img:nth-child(2){
    top: -45px;
    left: 10px;
}

.img_box01 img:nth-child(3){
    top: 40px;
    left: 60px;
}

.img_box01 img:nth-child(4){
    top: -40px;
    left: 150px;
}

.img_box01 img:nth-child(5){
    top: -60px;
    right: 150px;
}

.img_box01 img:nth-child(6){
    top: -90px;
    right: 75px;
}

.img_box01 img:nth-child(7){
    top: -40px;
    right: 5px;
}

.img_box01 img:nth-child(8){
    top: -70px;
    left: -130px;
}

.img_box01 img:nth-child(9){
    top: 80px;
    left: -50px;
}

.img_box02 img:nth-child(1){
    top: -93px;
    left: 50%;
    margin-left: -93px;
    z-index: 2;
}

.img_box02 img:nth-child(2){
    top: -100px;
    left: -70px;
}

.img_box02 img:nth-child(3){
    top: -80px;
    right: 90px;
}

.img_box02 img:nth-child(4){
    top: 30px;
    right: -70px;
}

.img_box02 img:nth-child(5){
    top: -70px;
    left: 150px;
}

.img_box02 img:nth-child(6){
    top: 20px;
    right: 160px;
}

.img_box02 img:nth-child(7){
    top: 60px;
    right: 60px;
}

.img_box02 img:nth-child(8){
    top: -55px;
    left: 50px;
}

.img_box02 img:nth-child(9){
    top: 30px;
    left: 10px;
}

.destination{
    padding-bottom: 60px;
}

.destination h3{
    position: relative;
    margin: 0px;
    text-align: left;
    padding-left: 45px;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.destination h3::before {
    position: absolute;
    content: "";
    background: transparent url("../img/curriculum/pentagon.png") no-repeat scroll 0% 0%;
    top: -2px;
    left: 0px;
    width: 36px;
    height: 31px;
}

.destination table{
    margin-bottom: 0;
}

.destination table tr td{
    line-height: 1.8;
    letter-spacing: 1px;
    padding: 10px;
}

.destination table tr td:nth-child(1){
    text-align: center;
    width: 20%;
}

.destination table tr:nth-child(1) td:nth-child(1){
    background-color: #c2d467;
}

.destination table tr:nth-child(1) td:nth-child(2){
    background-color: #f9fbf0;
}

.destination table tr:nth-child(2) td:nth-child(1){
    background-color: #ffbf00;
}

.destination table tr:nth-child(2) td:nth-child(2){
    background-color: #fff9e6;
}

.destination table tr:nth-child(3) td:nth-child(1){
    background-color: #f29a75;
}

.destination table tr:nth-child(3) td:nth-child(2){
    background-color: #fef5f1;
}

.faq h3{
    position: relative;
    margin: 0px;
    text-align: left;
    padding-left: 45px;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.faq h3::before {
    position: absolute;
    content: "";
    background: transparent url("../img/curriculum/pentagon.png") no-repeat scroll 0% 0%;
    top: -2px;
    left: 0px;
    width: 36px;
    height: 31px;
}

.faq h4 {
    position: relative;
    height: 32px;
    color: #FFF;
    text-align: left;
    margin-bottom: 25px;
    letter-spacing: 2px;
    padding: 4.5px 5px 4px;
    border-radius: 3px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

.faq_school h4{
    background-color: #F29A75;
}

.faq_school h4::after {
    position: absolute;
    background: transparent url("../img/curriculum/hexa_03.png") no-repeat scroll 0% 0% / cover;
    content: "";
    width: 45px;
    height: 32px;
    top: 0px;
    right: 0px;
}

.faq_life{
    padding-top: 20px;
}

.faq_life h4{
    background-color: #84C0DB;
}

.faq_life h4::after {
    position: absolute;
    background: transparent url("../img/curriculum/hexa_06.png") no-repeat scroll 0% 0% / cover;
    content: "";
    width: 45px;
    height: 32px;
    top: 0px;
    right: 0px;
}





/*accordion*/

.acd-nav {
    border: solid 2px #ccc;
    border-radius: 5px;
}

.acd {
    margin-bottom: 0;
    margin-left: 0;
}

.acd:before, .acd:after {
    content: " ";
    display: table; }

.acd:after {
    clear: both; }

.acd .acd-nav, .acd dd {
    display: block;
    margin-bottom: 15px; }

.acd .acd-nav.active > a, .acd dd.active > a {
    background: #e8e8e8;
}

.acd .acd-nav > a, .acd dd > a {
    color: #545454;
    padding: 1rem 50px 1rem 4rem;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    position: relative;
}

.acd .acd-nav{
    position: relative;
}

.faq_school .acd .acd-nav:before{
    position: absolute;
    background: url("../img/voice/question_or.png");
    content: '';
    width: 41px;
    height: 40px;
    top: 10px;
    left: 10px;
}

.faq_school .acd .acd-nav > a:before{
    position: absolute;
    background: url("../img/voice/plus_red.png");
    content: '';
    width: 27px;
    height: 27px;
    top: 1rem;
    right: 1rem;
    z-index: 1;
}

.faq_school .acd .acd-nav > .highlight:before{
    content: none;
}

.faq_school .acd .acd-nav > .highlight:after{
    position: absolute;
    background: url("../img/voice/minus_red.png");
    content: '';
    width: 27px;
    height: 27px;
    top: 1rem;
    right: 1rem;
    z-index: 2;
}

.acd .acd-nav > .content, .acd dd > .content {
    display: none;
    padding: 0.9375rem;
    color: #545454;}

.acd .acd-nav > .content.active, .acd dd > .content.active {
    display: block;
    background: #FFFFFF; }

.acd-nav .content{
    position: relative;
}

.acd-nav .content p{
    margin-bottom: 0;
    padding-left: 3rem;
}

.faq_school .acd-nav .content:before{
    position: absolute;
    content: '';
    background: url("../img/voice/answer_or.png");
    width: 41px;
    height: 40px;
    top: 10px;
    left: 10px;
}

.acd-nav .content .underline{
    color: #B01E22;
}

.acd-nav .content ul{
    list-style-type: disc
}

.faq_life .acd .acd-nav:before{
    position: absolute;
    background: url("../img/voice/question_bl.png");
    content: '';
    width: 41px;
    height: 40px;
    top: 10px;
    left: 10px;
}

.faq_life .acd-nav .content:before{
    position: absolute;
    content: '';
    background: url("../img/voice/answer_bl.png");
    width: 41px;
    height: 40px;
    top: 10px;
    left: 10px;
}

.faq_life .acd .acd-nav > a:before{
    position: absolute;
    background: url("../img/voice/plus_blue.png");
    content: '';
    width: 27px;
    height: 27px;
    top: 1rem;
    right: 1rem;
    z-index: 1;
}

.faq_life .acd .acd-nav > .highlight:before{
    content: none;
}
.faq_life .acd .acd-nav > .highlight:after{
    position: absolute;
    background: url("../img/voice/minus_blue.png");
    content: '';
    width: 27px;
    height: 27px;
    top: 1rem;
    right: 1rem;
    z-index: 2;
}







/*sidebar*/

.sidebar_voice ul{
	border: solid 1px #cccccc;
	background-color: #fafafa;
	padding: 5px;
}

.sidebar_voice li{
    padding: 5px 0 5px 20px;
    position: relative;
}

.sidebar_voice li a{
	position: relative;
	color: #545454;
	font-size: .875rem;
	text-decoration: none;
	padding-left: 1em;
}

.sidebar_voice li a:hover{
	color: #80B97B;
	text-decoration: underline;
}

.sidebar_voice li:nth-child(1)::before {
    position: absolute;
    top: 12px;
    left: 7px;
    content: "";
    width: 6px;
    height: 6px;
    background: transparent url("../img/narimasu/nari_arrow.png") no-repeat scroll 0% 0%;
}

.sidebar_voice li a::before {
    position: absolute;
    top: 7px;
    left: 2px;
    content: "";
    width: 6px;
    height: 6px;
    background: transparent url("../img/narimasu/nari_arrow.png") no-repeat scroll 0% 0%;
}






@media only screen and ( max-width : 959px ){
    header h1{
        padding: 40px 20px 70px;
    }
}

@media only screen and ( max-width : 767px ) {
	.sidebar_voice ul{
		margin-bottom: 50px;
	}
}