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


/*-
	PC版（769px以上）ここから
------------------------------------------------- */
@media screen and (min-width:769px), print{
	
 #trouble img {
   margin: 0 auto;
   width: 1000px;
   height: auto;
 }
 
 
	#title ul#shortcut{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 600px;
		margin: 70px auto 0;
	}
	#title ul#shortcut li{
		display: block;
		width: 290px;
		margin: 10px 0;
		background-image: url("../images/menu_arrow.png");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 10px auto;
	}
	#title ul#shortcut li a{
		display: block;
		width: 100%;
		text-align: center;
		padding: 7px;
		color: #000000;
		border: 1.5px solid #707070;
		border-radius: 7px;
	}
	
	
	dl.qa{
		display: block;
		border-bottom: 1px solid #CECECE;
		cursor: pointer;
	}
	dl.qa:first-of-type{
		border-top: 1px solid #CECECE;
	}
	dl.qa dt{
		display: block;
		position: relative;
		padding: 20px 25px 20px 50px;
		background-image: url("../images/help_arrow-d.png");
		background-repeat: no-repeat;
		background-size: 12px auto;
		background-position: right 25px center;
		transition: 0.15s ease-in-out;
	}
	dl.qa dt::before{
		content: "Q";
		display: block;
		position: absolute;
		top: 13px;
		left: 15px;
		font-size: 26px;
		font-weight: bold;
	}
	dl.qa.open dt{
		background-image: url("../images/help_arrow-u.png");
	}
	
	dl.qa dd{
		display: none;
		margin-bottom: 25px;
		position: relative;
		padding: 0 25px 0 50px;
	}
	dl.qa dd::before{
		content: "A";
		display: block;
		position: absolute;
		top: -7px;
		left: 15px;
		font-size: 26px;
		font-weight: bold;
		color: #F4A000;
	}
	dl.qa dd ul{
		display: block;
		margin-top: 10px;
		list-style-type: disc;
		padding-left: 1.5em;
	}
	dl.qa dd ul.no_margin{
		margin-top: 0;
	}
	
	dl.qa dd ul li{}
	
	dl.qa dd .remarks1{
		color: #CC0000;
		font-size: 13px;
		margin-left: 0.4em;
	}
	dl.qa dd .remarks2{
		margin-top: 15px;
		color: #666666;
		font-size: 14px;
		text-indent: -3em;
		padding-left: 3em;
	}
 
 dl.qa dd .remarks3{
		margin-top: 15px;
		color: #666666;
		font-size: 14px;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	dl.qa dd .case{
		display: block;
		margin-top: 15px;
	}
	dl.qa dd .case p{
		text-indent: -1em;
		padding-left: 2.5em;
	}
	
	dl.qa dd .subTitle{
		display: block;
		margin: 10px 0 3px;
	}
	dl.qa dd .subTitle + ul{
		margin-top: 0;
		padding-left: 2.5em;
	}
	
	dl.qa dd .inquiry{
		display: block;
		padding-left: 1.5em;
	}
	dl.qa dd .inquiry p{
		margin: 0 0 7px -0.5em;
	}
	
	dl.qa dd .linkButton{
		margin-top: 10px;
	}
	dl.qa dd .linkButton a{
		display: inline-block;
		border: 2px solid #EA9A00;
		border-radius: 8px;
		padding: 8px 30px 8px 15px;
		color: #EA9A00;
		font-size: 15px;
		font-weight: bold;
		background-image: url("../images/link_arrow.png");
		background-repeat: no-repeat;
		background-size: auto 12px;
		background-position: right 10px center;
	}

	.no_margin{
		margin-top: 0 !important;
	}
 
#mention {
  display: block;
		width: 750px;
  margin-bottom: 70px;
  margin-top: -20px;
}
#mention a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px 100px;
  color: #fff;
  font-weight: bold;
  /*border-radius: 0px;*/
  border: #D43424;
  background-image: url("../../images/link_arrow-w.png");
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-size: auto 12px;
  background-color: #D43424;
}


}
/*-
	SP版（768px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 768px) {

 #trouble img {
   margin: 0 auto;
   width: 100%;
   height: auto;
 }

	#title ul#shortcut{
		display: block;
		width: 85%;
		margin: 70px auto 0;
	}
	#title ul#shortcut li{
		display: block;
		width: 100%;
		margin: 18px 0;
		background-image: url("../images/menu_arrow.png");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 10px auto;
	}
	#title ul#shortcut li a{
		display: block;
		width: 100%;
		text-align: center;
		padding: 7px;
		color: #000000;
		border: 1.5px solid #707070;
		border-radius: 7px;
	}
	
	dl.qa{
		display: block;
		border-bottom: 1px solid #CECECE;
		cursor: pointer;
	}
	dl.qa:first-of-type{
		border-top: 1px solid #CECECE;
	}
	dl.qa dt{
		display: block;
		position: relative;
		padding: 20px 50px 20px 38px;
		background-image: url("../images/help_arrow-d.png");
		background-repeat: no-repeat;
		background-size: 12px auto;
		background-position: right 25px top 28px;
		transition: 0.15s ease-in-out;
	}
	dl.qa dt::before{
		content: "Q";
		display: block;
		position: absolute;
		top: 13px;
		left: 5px;
		font-size: 26px;
		font-weight: bold;
	}
	dl.qa.open dt{
		background-image: url("../images/help_arrow-u.png");
	}
	
	dl.qa dd{
		display: none;
		margin-bottom: 25px;
		position: relative;
		padding: 0 25px 0 38px;
	}
	dl.qa dd::before{
		content: "A";
		display: block;
		position: absolute;
		top: -7px;
		left: 5px;
		font-size: 26px;
		font-weight: bold;
		color: #F4A000;
	}
	dl.qa dd ul{
		display: block;
		margin-top: 10px;
		list-style-type: disc;
		padding-left: 1.5em;
	}
	dl.qa dd ul.no_margin{
		margin-top: 0;
	}
	
	dl.qa dd ul li{}
	
	dl.qa dd .remarks1{
		display: inline-block;
		color: #CC0000;
		font-size: 13px;
		margin-left: 0.4em;
	}
	dl.qa dd .remarks2{
		margin-top: 15px;
		color: #666666;
		font-size: 14px;
		text-indent: -3em;
		padding-left: 3em;
	}
	
	dl.qa dd .remarks3{
		margin-top: 15px;
		color: #666666;
		font-size: 14px;
		text-indent: -1em;
		padding-left: 1em;
	}
 
	dl.qa dd .case{
		display: block;
		margin-top: 15px;
	}
	dl.qa dd .case p{
		text-indent: -1em;
		padding-left: 1.2em;
	}
	
	dl.qa dd .subTitle{
		display: block;
		margin: 10px 0 3px -7px;
	}
	dl.qa dd .subTitle + ul{
		margin-top: 0;
		padding-left: 1.5em;
	}
	
	dl.qa dd .example{
		text-indent: -1em;
		padding-left: 1em;
	}
 
	dl.qa dd .inquiry{
		display: block;
	}
	dl.qa dd .inquiry p{
		margin: 0 0 7px;
	}
	
	dl.qa dd .linkButton{
		margin-top: 10px;
	}
	dl.qa dd .linkButton a{
		display: inline-block;
		border: 2px solid #EA9A00;
		border-radius: 8px;
		padding: 8px 30px 8px 15px;
		color: #EA9A00;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		background-image: url("../images/link_arrow.png");
		background-repeat: no-repeat;
		background-size: auto 12px;
		background-position: right 10px center;
	}

	.no_margin{
		margin-top: 0 !important;
	}


#mention {
  display: block;
		width: 85%;
  margin-bottom: 70px;
  margin-top: -20px;
}
#mention a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-weight: bold;
  /*border-radius: 0px;*/
  border: #D43424;
  background-image: url("../../images/link_arrow-w.png");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: auto 12px;
  background-color: #D43424;
}






}