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

/*-- headline ------------------------------------------------------------*/
	
@media screen and (max-width: 767px) {
	header .in .h_area { margin-bottom: 5px; }
	#headline { padding: 10px 0 5px; margin: 0 2%; border-top: 1px solid #dedede; }
	.stripe {
		height: 5px;
		background-color: #ECECEC;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
		-webkit-background-size: 7px 7px;
	}
	#headline02 { padding: 10px 0 5px; margin: 0 2%; border-top: 1px solid #dedede; }
	.stripe {
		height: 5px;
		background-color: #ECECEC;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
		-webkit-background-size: 7px 7px;
	}
	#headline h2 { margin-bottom: 5px;}
	#headline02 h2 { margin-bottom: 5px;}
}
@media screen and (min-width: 768px) {
	.stripe {
		height: 10px;
		background-color: #ECECEC;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
		-webkit-background-size: 7px 7px;
	}
	#headline h2 { margin-bottom: 20px;}
	#headline02 h2 { margin-bottom: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 959px)  {
	#headline { margin:10px 1% 10px;}
	#headline02 { margin:10px 1% 10px;}
}
@media screen and (min-width: 960px) and (max-width: 1024px)  {
	#headline { margin:10px 1% 10px;}
	#headline02 { margin:10px 1% 10px;}
}
@media screen and (min-width: 1025px) {
	#headline { width:1024px; margin:15px auto 5px; }
	#headline02 { width:1024px; margin:15px auto 20px; }
}

/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs li { float: left; color: #333; font-size: 12px; }
#breadcrumbs li:after { content: "≫"; margin: 0 5px; }
#breadcrumbs li:last-child:after { display: none; }
#breadcrumbs li a:link    { color:#666666; text-decoration: none; }
#breadcrumbs li a:visited { color:#666666; text-decoration: none; }
#breadcrumbs li a:hover   { color:#E76B22; text-decoration: none; }
#breadcrumbs li a:active  { color:#666666; text-decoration: none; }
@media screen and (max-width: 767px) {
	#breadcrumbs { margin:0 3% 5px;}
}
@media screen and (min-width: 768px) and (max-width: 959px)  {
	#breadcrumbs { margin:0 1% 10px;  padding: 0 10px; }
}
@media screen and (min-width: 960px) and (max-width: 1024px)  {
	#breadcrumbs { margin:0 1% 10px; padding: 0 10px; }
}
@media screen and (min-width: 1025px) {
	#breadcrumbs { width:1004px; margin:0 auto 20px; padding: 0 10px; }
}

/*-- point ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.point_list li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.point_list h3 { font-size: 18px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; text-align: center; color: #E76B22; } 
	.pl_L p { font-size: 0.9rem; margin-bottom: 10px; }
	.pl_R { width: 70%; margin: 0 15%; }
}
@media screen and (min-width: 768px) {
	.point_list li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.mb_small { margin-bottom: 40px !important; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.point_list { margin: 20px 20px 0 ; }
	.point_list h3 { font-size: 24px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; } 
	.pl_L { float: left; width: 65%; margin-right: 4%; }
	.pl_L p { font-size: 1.0rem; }
	.pl_R { float: left; width: 31%; }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	.point_list { margin: 40px 20px 0 ; }
	.point_list h3 { font-size: 30px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; } 
	.pl_L { float: left; width: 70%; margin-right: 4%; }
	.pl_L p { font-size: 1.1rem; }
	.pl_R { float: left; width: 26%; }
}
@media screen and (min-width: 1025px) {
	.point_list { margin-top: 60px; }
	.point_list h3 { font-size: 30px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; } 
	.pl_L { float: left; width: 70%; margin-right: 4%; }
	.pl_L p { font-size: 1.1rem; }
	.pl_R { float: left; width: 26%; }
}

/*-- example ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.example_list li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #dedede; }
	h3.exTtl  { font-size: 18px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; text-align: center; color: #E76B22; } 
	.ex_L p { font-size: 0.9rem; margin-bottom: 10px; }
	.ex_R { width: 70%; margin: 0 15%; }
	
	.list_example li img { width:70%; margin: 0 15% 10px;;  }
	.list_example02 li img { width:70%; margin: 0 15% 10px;  }
	.list_example li { border: none !important;}
	.list_example02 li { border: none !important;}
}
@media screen and (min-width: 768px) {
	.example_list { margin: 20px 20px 0 ; }
	.example_list li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #dedede; }
	h3.exTtl { font-size: 24px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; } 
	.ex_L { float: left; width: 60%; margin-right: 4%; }
	.ex_R { float: left; width: 36%; }
	
	.list_example li { width: 30%;  margin-right: 2%; overflow: hidden; float: left;  height: 200px; border: none !important;}
	
	.list_example02 li { margin-right: 2%; float: left; border: none !important; padding: 0px !important; }
	.list_example02 li img { margin-bottom: 10px;}
	.list_example02 li p { margin-bottom: 0px; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	h3.exTtl { font-size: 24px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; } 
	.list_example li { margin-right: 2%; overflow: hidden; float: left;  height: 150px; border: none !important;}
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	.example_list { margin: 40px 20px 0 ; }
	h3.exTtl { font-size: 30px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; } 
}
@media screen and (min-width: 1025px) {
	.example_list { margin-top: 60px; }
	h3.exTtl { font-size: 30px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; } 
}

/*-- flow ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.flow_list li h3 { line-height: 3.0; font-size: 1.1rem; margin-bottom: 0px; }
	.flow_list li p { margin-bottom: 20px;}
	.step { background:#666; color: #fff; text-align: center; padding: 2px 10px; border-radius: 4px; font-size: 13px;  font-family:'Roboto', sans-serif; font-weight:bold; display: block;}
	.flow_list li { border-bottom: 1px solid #E76B22; padding-bottom: 20px; margin-bottom: 40px; position: relative; }
	.flow_list li:before {
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
		
		bottom: -20px;
		width: 0;
		height: 0;
		content: "";
		border-style: solid;
		border-width: 20px 25px 0 25px;
		border-color: #E76B22 transparent transparent transparent;
	}
	.flow_list li:last-child:before { display: none; }
}
@media screen and (min-width: 768px) {
	.step { background:#666; color: #fff; text-align: center; padding: 10px 10px; border-radius: 4px; margin-right: 20px; font-size: 15px;  font-family:'Roboto', sans-serif; font-weight:bold; }
	.flow_list li { border-bottom: 1px solid #E76B22; padding-bottom: 20px; margin-bottom: 40px; position: relative; }
	.flow_list li:before {
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
		
		bottom: -20px;
		width: 0;
		height: 0;
		content: "";
		border-style: solid;
		border-width: 20px 25px 0 25px;
		border-color: #E76B22 transparent transparent transparent;
	}
	.flow_list li:last-child:before { display: none; }
}

/*-- faq ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.faq_dl { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted rgba(236,236,236,1.00); }
	.faq_dl dt { font-size: 1.0rem; font-weight: bold; background: rgba(236,236,236,1.00); padding: 10px 20px 10px 3em; text-indent: -2em; border-radius: 4px; margin-bottom: 20px;}
	.faq_dl dt:before { content: "Q."; color:#dd44a4; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 1.5rem; margin-right: 10px; }
	.faq_dl dd { margin: 0 2%; }
}
@media screen and (min-width: 768px) {
	.faq_dl { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted rgba(236,236,236,1.00); }
	.faq_dl dt { font-size: 1.1rem; font-weight: bold; background: rgba(236,236,236,1.00); padding: 10px 20px; border-radius: 4px; margin-bottom: 20px;}
	.faq_dl dt:before { content: "Q."; color:#dd44a4; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 1.5rem; margin-right: 10px; }
	.faq_dl dd { margin: 0 2%; }
}

/*-- company ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.tbl01 { width: 100%; border-top: 1px solid rgba(236,236,236,1.00); margin-bottom: 20px; }
	.tbl01 th { padding: 4% 2%; text-align: center; border-bottom: 1px dotted rgba(236,236,236,1.00); display: block; background: rgba(244,244,244); }
	.tbl01 td { padding: 4% 2%; text-align: left; border-bottom: 1px solid rgba(236,236,236,1.00); display: block; }

	.access_ttl { border-left: 5px solid #E76B22;  font-size: 16px; padding-left: 20px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; }
	
	h4.copyTtl { font-size: 18px; font-weight:bold; margin-bottom: 20px; }

	.half_list li { width: 80%; margin:0 10% 20px;; }
	.half_list li:nth-child(2) { margin-bottom: 0px; }
}
@media screen and (min-width: 768px) {
	.tbl01 { width: 100%; margin-bottom: 40px; }
	.tbl01 th { padding: 20px; text-align: center; border-bottom: 2px solid rgba(236,236,236,1.00); width: 20%; }
	.tbl01 td { padding: 20px; text-align: left; border-bottom: 1px solid rgba(236,236,236,1.00); width: 80%; }
	
	.access_ttl { border-left: 8px solid #E76B22;  font-size: 24px; padding-left: 20px;  font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; color: #E76B22; }
	
	h4.copyTtl { font-size: 24px; font-weight:bold; margin-bottom: 20px; }
	
	.half_list li { float: left; width: 48%; margin-right: 4%; }
	.half_list li:nth-child(2) { margin-right: 0px; }
}