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

main .content div{
	width:31%;
	margin-bottom:3rem;
}
main .content div:nth-of-type(5){
	width:65.5%;
}
main .content p a{
	color:#2f2f2f;
	font-size:1.5rem;
	display:block;
	position:relative;
	text-decoration:none;
	padding-top:0.7em;
	padding-bottom:0.7em;
	margin-bottom:1em;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-size:2rem;
	font-family: Sawarabi Gothic;
   transform: rotate(0.001deg);

}
main .content div:nth-of-type(7) p a{
	margin-bottom:0em;
	border-bottom:none;
}
main .content div:nth-of-type(7) p:last-child a{
	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.3em;
    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 li a{
	font-size:1.6rem;
	color:#646464;
	text-decoration:none;
   transform: rotate(0.001deg);
   display:inline-block;
   margin-bottom:0.8em;
   
}

main .content li span{
	font-size:1.8rem;
	color:#646464;
	display:block;
	font-weight:bold;
}
main .content li a span{
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
main .content li + li span{
	margin-top:0.7em;
}
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:first-child{
	width:18%;
}
main .content dl div:nth-of-type(2){
	width:27%;
}
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;
}


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





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
main .content div {
    width: 100%;
    margin-bottom: 0rem;
}
main .content div:nth-of-type(5) {
    width: 100%;
}
main .content div:last-child {
    margin-top:1em;
}
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 p a:after {
    right: 1em;
	margin-top: -0.27em;
}
main .content dl{
	padding: 0.8em 1em;
}
main .content dl div {
    width: 47%;
	margin-bottom:1em;
}
main .content dl div:first-child{
    width: 47%;
}
main .content dl div:nth-of-type(2){
    width: 47%;
}

main .content dl div:last-child {
    margin-top:0em;
}
main .content div dd ul {
	padding: 0em 0em;
}
	
}