@charset "utf-8";
/* CSS Document */
#right_box h2 {
    font-size: 2.6rem;
    text-align: center;
    background-color: #f1eee9;
    padding: 0.3em 0;
}
#right_box h3 {
    display: inline-block;
    font-size: 1.8rem;
    border: solid 1px;
    padding: 0.2em 0.8em;
    margin: 1em 0;
}
#right_box dl{
	padding:0 1.5rem;
}
#right_box dl div{
	justify-content:flex-start;
	flex-wrap:nowrap;
}
#right_box dl dt{
	min-width:6.5em;
	white-space:nowrap;
}
#right_box dl dd{
	padding-left:1em;
	text-indent:-1em;
}

#right_box ul{
	margin-top:2rem;
	margin-bottom:5rem;
	border-top:1px solid #ccc9c9;
}
#right_box ul li{
	border-bottom:1px solid #ccc9c9;
	padding:0.8em 0.5em;
}
#right_box ul li span{
	margin-left:1em;
}
#right_box .movie{
	text-align:center;

}
#right_box .movie iframe{
	width:80%!important;
	height:380px!important;
}


#right_box .caution {padding:2rem 0 0 0;color:#ff0100;}

#right_box ol{
	list-style:none;
	margin-bottom:4rem;
}


#right_box ol li{
	text-indent:-1.5rem;
	padding-left:1rem;
	margin:0.5rem 0;
}

#right_box ol li span{
	text-decoration: underline;
	font-weight:bold;
}

#right_box .guidance h4 {
  font-size:1.8rem;
  color:#ff0100;
  margin:2rem 0 1rem 0;
}

#right_box .guidance ul {
margin:0.5rem 0 2rem 0;
}

#right_box .guidance .ttl_box {
  border:solid 1px #ff0100;
  justify-content: flex-start;
  margin-bottom:0.8rem;
}

#right_box .guidance ul li span{
color:#ff0100;
font-weight:bold;
margin-left: 0;  
}

#right_box .guidance ul li span.yellow{
color:#d07d25;
}

#right_box .guidance ul li span.gray {
color:#747477;
}


#right_box .guidance .ttl_box a{
display:block;
  width:30%;
  padding:0.8rem;
  text-decoration:underline;
  text-align:center;
  color:#ff0100;
}

#right_box .guidance .ttl_box.yellow{
  border:solid 1px #f8942e;
}

#right_box .guidance .ttl_box.yellow h5{
    background:#f8942e;
}


#right_box .guidance .ttl_box.gray{
  border:solid 1px #636366;
}

#right_box .guidance .ttl_box.gray h5{
    background:#636366;
}


#right_box .guidance .ttl_box.yellow a{
color:#d07d25;
}
#right_box .guidance .ttl_box.gray a{
color:#646368;
}




#right_box .guidance .ttl_box a:hover{
  text-decoration:none;
}


#right_box .guidance h5 {
  font-size:1.6rem;
  background:#ff0100;
  color:#fff;
    padding:0.8rem;
  width:70%;
  text-align:center;
}

#right_box .guidance h5.yellow {
  background:#f8942e;
  color:#fff;
}

#right_box .guidance h5.gray {
  background:#636366;
  color:#fff;
}



/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
#right_box ul li span{
	margin-left:0em;
	margin-left:1.5em;
	display:block;
}
#right_box .movie iframe{
	height:32vw!important;
}
  
 #right_box .guidance .ttl_box {
display:block;
} 

  #right_box .guidance h5 {  
  width: 100%;  
  }
  
  #right_box .guidance .ttl_box a {  
  width: 100%;  
  }

}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#right_box ul li span{
	margin-left:0em;
	margin-left:2em;
	display:block;
}
#right_box .movie iframe{
	width:100%!important;
	height:54vw!important;
}
  
 #right_box .guidance .ttl_box {
display:block;
} 

  #right_box .guidance h5 {  
  width: 100%;  
  }
  
  #right_box .guidance .ttl_box a {  
  width: 100%;  
  }  
  
  #right_box .guidance ul li { 
  padding: 0.8em 0 ;
  
  }
  

}