/*------------------------------------------------------

	page-title

------------------------------------------------------*/
#page-title { background: url(/international/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;}


@media (min-width: 768px) {
}

@media (max-width: 767px) {

}
@media (max-width: 480px) {
	#index #page-title { background: url(/international/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }
}

/*------------------------------------------------------

	[index]

------------------------------------------------------*/
#index .l_col-index a { color: #5C2E7E; }
#index .l_col-index-small section {}
#index .l_col-index-small section:not(:nth-child(3n+4)) { margin-right: 0; }


#index .guidebook-link a.l_col-contents { color: #1E2F35;}
#index .guidebook-link.bg-transparent > section { background-color: transparent; }
#index .guidebook-link.bg-transparent > section a { color: #1E2F35; }

#index .l_col-guidebook > div {  }
#index .l_col-guidebook a { text-decoration: none; }


@media (min-width: 768px) {
    #index .l_col-index-small section { width: calc((100% / 3) - 27px ); margin-bottom: 40px; }
    #index .l_col-index-small section:not(:nth-child(3n)) { margin-right: 40px; }

	#index .guidebook-link a.l_col-contents { flex-direction: row;}

	#index .guidebook-link .l_col-contents > figure { width: 400px; }
	#index .guidebook-link .l_col-contents > div { width: calc( 100% - 420px ) !important; }

	#index .guidebook-link.bg-transparent figure { width: 35%; }

	#index .l_col-guidebook > div { padding-bottom: 35px; padding-top: 35px; }

	#index .l_col-guidebook a:hover { text-decoration: underline; }
	
}
@media screen and (min-width:768px) and ( max-width:1220px) {
	#index #main-visual .title { font-size: 6vw; }


}

@media (max-width: 767px) {
	#index .guidebook-link section { width: 100%; }
	#index .guidebook-link a { width: 100%; display: block; }
	#index .guidebook-link.bg-transparent div { width: 100%; }
	#index .guidebook-link.bg-transparent figure { width: 100%; }
	
}


/*------------------------------------------------------

	bnr-area

------------------------------------------------------*/
#bnr-area { background-color: #D7E1E7; text-align: center;}
#bnr-area a {}
#bnr-area img { width: 100%; max-width: 640px;}

@media (min-width: 768px) {
	#bnr-area { padding: 100px 0;}
	#bnr-area a {}
	#bnr-area img {}
}

@media (max-width: 767px) {
	#bnr-area { padding: 50px 20px;}
	#bnr-area a {}
	#bnr-area img {}
}


/*------------------------------------------------------

		about

------------------------------------------------------*/

/* international-about-2 */

#international-salon .l_col-salon  { display: -webkit-flex; display: flex;-webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start;}

#international-salon .l_col-salon .photo { width: 140px; }
#international-salon .l_col-salon .info { width: calc( 100% - 140px ); padding-left: 40px; }


@media (min-width: 768px) {
    
}

@media (max-width: 767px) {
    #international-salon .title-f { margin-bottom: 20px; }

}

/* international-about-3 */
#international-salon .advisor .inner {display: -webkit-flex; display: flex;-webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; }
#international-salon .advisor .inner .photo { width: 140px; }
#international-salon .advisor .inner .info { width: calc( 100% - 140px ); padding-left: 40px; }

#international-salon .btn-c.long a  {  max-width: 560px; }

#international-salon #international-salon-3 .table-a th,#international-salon #international-salon-3 .table-a td { text-align: left; padding-left: 20px; padding-right: 20px; }

#international-salon #international-salon-3 .ggcal iframe {  }


@media (min-width: 768px) {
	#international-about #international-salon-3 .table-a {  }
	#international-about #international-salon-3 .table-a th { width: 210px; }

	#international-salon #international-salon-3 .ggcal iframe { width: 100%; height: 800px; }

}

@media (max-width: 767px) {

	#international-about #international-salon-3 .table-a th { width: 30%; padding-left: 10px; padding-right: 10px; }

	#international-salon #international-salon-3 .ggcal iframe { width: 100%; height: 500px; }
}



/*------------------------------------------------------

		abroad

------------------------------------------------------*/


/* international-about-2 */
#international-abroad .training .table-a.benefit td,#international-abroad .training .table-a.benefit th  { text-align: left; }

#international-abroad .training .accordion .caption {  }

@media (min-width: 768px) {

	#international-abroad .training .table-a.benefit td,#international-abroad .training .table-a.benefit th  { padding-left: 20px; padding-right: 20px; }

	#international-abroad .training .table-a.benefit th { width: 150px; }

	#international-abroad .training .accordion .caption { font-size: 1.6rem; display: block; }

}

@media (max-width: 767px) {
	#international-abroad .training .table-a.benefit td,#international-abroad .training .table-a.benefit th  { padding-left: 10px; padding-right: 10px; }

	#international-abroad .training .table-a.benefit th { width: 30%; }

	#international-abroad .training .accordion .caption { font-size: 1.4rem; display: block; }

    #international-abroad .title-f { margin-bottom: 20px; }
}


/*------------------------------------------------------

		global

------------------------------------------------------*/

#international-global ol { margin-left: 25px;  font-size: 1.6rem;  }
#international-global .l_col-3.voice { margin-bottom: 50px; }

@media (min-width: 768px) {
	#international-global .l_col-3 > *:nth-child(n+4) { margin-top: 30px; }
	#international-global .l_col-3.voice .bg-blue { padding: 40px; }	

}

@media (max-width: 767px) {
	#international-global .title-f { margin-bottom: 20px; }
	#international-global .l_col-3.voice .bg-blue { padding: 20px; }
	#international-global #international-global-5 figure { margin-bottom: 0;}
	#international-global #international-global-6 figure { margin-bottom: 0;}
}

/* intern */

#international-global .intern .l_col-2 .wrap { padding: 40px; }
#international-global .intern .l_col-2 figure { margin-bottom: 0px; }

@media (min-width: 768px) {

	

}

@media (max-width: 767px) {
	

}


/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}

/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}