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

main .content div{
	width:31%;
	margin-bottom:3rem;
}
main .content div:nth-of-type(2){
	width:65.5%;
}
main .content div:nth-of-type(3){
	width:65%;
}
main .content div:nth-of-type(3) p{
	width:47%;
}
main .content div:nth-of-type(4){
	width:30%;
}
main .content p a{
	color:#2f2f2f;
	font-size:2rem;
	display:block;
	position:relative;
	text-decoration:none;
	padding-bottom:0.7em;
	padding-top:0.7em;
	margin-bottom:0.5em;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
main .content p a:hover{
	color:#ff0100;
}
main .content p a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.25em;
    right: 0.5em;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.15em solid #ff0a0a;
    border-right: 0.15em solid #ff0a0a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
main .content div:nth-of-type(1) p a,
main .content div:nth-of-type(2) p a{
	pointer-events:none;
}
main .content div:nth-of-type(1) p a:after,
main .content div:nth-of-type(2) p a:after{
	display:none;
}
main .content li a{
	color:#3c3c3c;
	text-decoration:none;
   transform: rotate(0.001deg);
   display:inline-block;
   margin-bottom:0.8em;
}

main .content li:last-child{
   margin-bottom:0em;
}
main .content li a:hover{
	text-decoration:underline;
}
main .content dl div{
	width:23%;
}
main .content dl div:nth-of-type(2){
	width:23%;
}
main .content dl div:nth-of-type(3){
	width:23%;
}
main .content dl div:nth-of-type(4){
	width:23%;
}
main .content dl dt a{
	font-size:1.8rem;
	margin-bottom:0.8em;
	display:block;
	font-weight:bold;
	color: #646464;
}
main .content dl dt a:hover{
	text-decoration:underline;
}
main .content div:nth-of-type(4) ul.flex{
	justify-content:flex-start;
}
main .content div:nth-of-type(4) ul.flex li{
	margin-right:2em;
	margin-top:1em;
}


/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
main .content li a{
	font-size:1.35vw;
}
main .content dl dt a {
    font-size: 1.53vw;
}
main .content p a{
	font-size:1.69vw;
}
	
}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
main .content div {
    width: 100%;
    margin-bottom: 0rem;
}
main .content div:nth-of-type(2) {
    width: 100%;
}
main .content div:nth-of-type(3){
    width: 100%;
}
main .content div:nth-of-type(4){
    width: 100%;
}
main .content div:nth-of-type(3) p{
	width:100%;
}
main .content div:nth-of-type(3) p a{
	border-bottom:none;
}
main .content div:nth-of-type(3) p:last-child{
	border-bottom: 1px solid #e5e5e5;
}
main .content div ul {
	padding: 0.8em 1em;
}
main .content p a {
    padding: 0.8em 1em;
    border-bottom: 1px solid #e5e5e5;
	margin-bottom:0px;
	font-size:1.7rem;
}

main .content .english p a:after {
    width: 0.9em;
    height: 0.9em;
    background: url(/en/common/img/icon_blank.png) 0 0 /contain no-repeat;
    right: 0.8em;
    top: 50%;
    margin-top: -0.3em;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
main .content p a:after {
    right: 1em;
	margin-top: -0.27em;
}
main .content dl{
	padding: 0.8em 1em;
}
main .content dl div {
    width: 45%;
	margin-bottom:1em;
}
main .content div dd ul {
	padding: 0em 0em;
}
main .content dl div:nth-of-type(2) {
    width: 45%;
}
main .content dl div:nth-of-type(3) {
    width: 45%;
}
main .content dl div:nth-of-type(4) {
    width: 45%;
}


	
}