@charset "utf-8";
* {
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	line-height: 1.5;
	font-size: 1.5rem;
	color: #333333;
}
body, main, section, h1, h2, h3, p, ul, li, dl, dd, figure {
	margin: 0;
	padding: 0;
}
.headTitleBox {
	margin-bottom: 0;
}
.contentsWrap {
	width: 100%;
}
#main {
	padding: 0;
}
#footerLink {
	margin-top: 0;
}
/*テーブル初期化*/
table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}
th,td{
  vertical-align:top;
  font-weight:normal;
  text-align:left;
}
caption{
  text-align:left;
}
/*=====main=====*/
.pcOnly {
	display: none;
}
.oneContents .contentsWrap #main {
	padding: 0 3%;
}
.localLinkArea.underStyle .inner {
	padding-bottom: 3em;
}
main .section02 {
	margin-bottom: 4em;
}
main .section02 .caution {
	text-align: left;
	font-size: 1.3rem;
}
/*=====タブ=====*/
.tab_wrap{
	color: #333333;
	padding: 4% 0 10%;
}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0;}
.tab_area label{/*選択されてないタブの背景*/
	width:32.6%;
	margin:0 1% 0 0;
	display:inline-block;
	padding:3% 6%;
	cursor:pointer;
	transition: all 0.5s ease;
}
.tab_area label:last-child {margin: 0;}
.tab_area .tab1_label {/*選択されてないタブ1の背景*/
	background:#f7e7f2;
}
.tab_area .tab2_label {/*選択されてないタブ2の背景*/
	background:#daf3ff;
}
.tab_area .tab3_label {/*選択されてないタブ3の背景*/
	background:#ebeef5;
}
.panel_area{background:#fff;}/*パネル背景*/
.tab_panel{width:100%; padding:10% 3%; display:none;}
.tab_panel p{font-size:1.4rem; letter-spacing:1px;}


#tab1:checked ~ .tab_area .tab1_label{/*選択中のタブ1の背景色*/
	border-top: solid 4px #B60081;
	background-color:#f7e7f2;
}
#tab2:checked ~ .tab_area .tab2_label{/*選択中のタブ2の背景色*/
	border-top: solid 4px #5eb6e2;
	background-color:#daf3ff;
}
#tab3:checked ~ .tab_area .tab3_label{/*選択中のタブ3の背景色*/
	border-top: solid 4px #16275a;
	background-color:#ebeef5;
}

#tab1:checked ~ .panel_area #panel1,#tab2:checked ~ .panel_area #panel2,#tab3:checked ~ .panel_area #panel3{display:block;}
.panel_area {text-align: center;}
/*=====共通=====*/
.tab_panel .scroll {
	overflow: scroll;
	overflow-x: hidden;
	height: 500px;
	margin-top: 5%;
	padding: 2% 2% 5%;
	border: solid 1px #BCBCBC;
}
.scroll::-webkit-scrollbar{width: 10px;}
.scroll::-webkit-scrollbar-thumb{background: #D3D3D3;border-radius: 10px;}
.scroll::-webkit-scrollbar-track-piece:start{background: #E0E0E0;}
.scroll::-webkit-scrollbar-track-piece:end{background: #fff;}
.tab_panel .stepCol {
	font-weight: bold;
	margin: 10% 0 8%;
}
.tab_panel .btnList {
	margin-bottom: 10%;
}
.tab_panel ul .arrow {
	margin: 2% 41% 2%;
}
.tab_panel ul .step1 {
	background-repeat: no-repeat;
	background-position: 90%;
	background-size: 24%;
}
.tab_panel ul .step2 {
	padding: 5% 0 4%;
}
.tab_panel ul .step3 dl dt,.tab_panel ul .step4 dl dt {
	color: #073892;
	padding: 3% 0 2%;
	border-bottom: solid 5px #fff;
	background-color: #f0f0f0!important;
}
.tab_panel ul .step3 dl dt {
	background: url("../figure/choice_ic06.png") no-repeat 69%;
	background-size: 9%;
}
.tab_panel ul .step4 dl dt {
	background: url("../figure/choice_ic07.png") no-repeat 67%;
	background-size: 9%;
}
 .tab_panel ul .step3 dl dd,.tab_panel ul .step4 dl dd {
	padding: 5% 0 4%;
}
.size1 {
	font-size: 1.2rem;
}
.color1 {
	color: #B60081;
}
.color2 {
	color: #5eb6e2;
}
.color3 {
	color: #16275a;
}
/*=====タブ1-パネル1=====*/
#panel1 {
	padding: 2% 0!important;
	border-top: solid 2px #B60081;
}
#panel1 ul .step1,#panel1 ul .step2,#panel1 ul .step3,#panel1 ul .step4 {
	font-size: 1.5rem;
	background-color: #f7e7f2;
}
#panel1 ul .step1 {
	color: #b60081;
	font-size: 1.7rem;
	padding: 5% 30% 4% 0;
	border-top: solid 2px #B60081;
	background-image: url("../figure/idx_im01.png");
}
/*=====タブ2-パネル2=====*/
#panel2 {
	padding: 2% 0!important;
	border-top: solid 2px #5eb6e2;
}
#panel2 ul .step1,#panel2 ul .step2,#panel2 ul .step3,#panel2 ul .step4 {
	font-size: 1.5rem;
	background-color: #daf3ff;
}
#panel2 ul .step1 {
	color: #5eb6e2;
	font-size: 1.7rem;
	padding: 5% 30% 4% 0;
	border-top: solid 2px #5eb6e2;
	background-image: url("../figure/idx_im02.png");
}
#panel2 ul .clearfix {
	padding: 0;
	background-color: #fff;
}
#panel2 ul .clearfix .floatCol {
	float: left;
	width: 48%;
	margin-right: 4%;
}
#panel2 ul .clearfix .floatCol:last-child {
	margin-right: 0;
}
#panel2 ul .clearfix .floatCol p {
	font-size: 1.3rem;
	padding: 5% 2% 4%;
	background-color: #daf3ff;
}
#panel2 ul .clearfix .floatCol .height1 {
	min-height: 110px;
	padding-top: 5%;
}
#panel2 ul .clearfix .floatCol .height2 {
	padding-top: 21%;
}
#panel2 ul .clearfix .floatCol .arrow {
	margin: 3% 30% 2%;
}
#panel2 ul .step4 dl dd {
	padding: 5% 3% 4%;
}
#panel2 ul .step4 dl dd .clearfix {
	margin: 5% 0 4%;
	padding: 0 9%;
	background-color: #daf3ff;
}
#panel2 ul .step4 dl dd .clearfix .balloon {
	width: 40%;
	font-size: 1.3rem;
	line-height: 1.2;
	min-height: 61px;
	position: relative;
    /*display: table-cell;*/
	float: left;
	margin: 0 3%;
    padding: 2%;
    max-width: 100%;
	background-color: #fff;
	border-radius: 6px;
}
#panel2 ul .step4 dl dd .clearfix .balloon p {
	display: table-cell;
	width: 1%;
	vertical-align: middle;
	height: 62px;
}
#panel2 ul .step4 dl dd .clearfix .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -11px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
#panel2 ul .step4 dl dd ul {
	margin: 0% 7% 5%;
}
#panel2 ul .step4 dl dd ul li {
	float: left;
}
#panel2 ul .step4 dl dd ul .arrow2 {
	color: #5eb6e2;
	margin: 11% 3.5%;
}
/*=====タブ3-パネル3=====*/
#panel3 {
	padding: 2% 0!important;
	border-top: solid 2px #16275a;
}
#panel3 ul .step1,#panel3 ul .step2,#panel3 ul .step3,#panel3 ul .step4 {
	font-size: 1.5rem;
	background-color: #ebeef5;
}
#panel3 ul .step1 {
	color: #16275a;
	font-size: 1.7rem;
	padding: 5% 30% 4% 0;
	border-top: solid 2px #16275a;
	background-image: url("../figure/idx_im03.png");
}
#panel3 ul .step4 dl dd ul {
	margin: 5% 10% 5%;
}
#panel3 ul .step4 dl dd ul li {
	float: left;
}
#panel3 ul .step4 dl dd ul .arrow3 {
	color: #16275a;
	margin: 4% 3.5%;
}
/*=====テーブル共通=====*/
main .tab_panel .tableCol {
	margin-bottom: 2em;
}
.tableCol h2 {
	text-align: left;
}
main table {
	font-size: 1.3rem;
	margin-bottom: 3%;
}
main table , main td, main th {
	border: 1px solid #333333;
	border-collapse: collapse;
}
main td, main th {
	padding: 3%;
	width: 33%;
	height: 20%;
}
main table th {
	vertical-align: middle;
	background: #f2f2f2;
}
main table td {
	font-size: 2rem;
	vertical-align: middle;
	text-align: center;
}
main table .red {
	color: #ec0000;
}
main table td .caution{
	line-height:1.3;
}
#panel1 table .card-im {
	background-color: #f7e7f2;
}
#panel2 table .card-im {
	background-color: #daf3ff;
}
#panel3 table .card-im {
	background-color: #ebeef5;
}
#panel3 table .w33per {
	width: 33%;
}
#panel3 table .w67per {
	width: 67%;
}
.tx-center {
	text-align: center;
}
/*=====mediaQuery=====*/
@media screen and (min-width:751px), print {
	.pcOnly {
		display: inline-block;
	}
	.spOnly {
		display: none;
	}
	.oneContents .contentsWrap #main {
		width: 1000px;
		margin: 0 auto;
		padding: 0;
	}
	.ancNavi {
		margin-top: 3em;
	}
	
	/*=====タブ=====*/
	.tab_wrap {width: 1000px;margin: 0 auto;padding: 0px 0 25px;}
	.tab_panel{
		display:block;
		float: left;
		width: 320px;
		margin-right: 20px;
	}
	#panel3 {
		margin-right: 0;
	}
	.tab_panel p{font-size:1.6rem; letter-spacing:1px;}
	.tab_panel .scroll {
		overflow: visible;
		border: none;
		height: auto;
		padding: 0;
	}
	.tab_panel ul .step1 {
		min-height: 108px;
	}
	.tab_panel ul .arrow {
		margin: 5px 0 4px;
	}
	.tab_panel ul .step3 dl dd {
		padding: 0;
	}
	.tab_panel ul .step3 dl dd p {
		display: table-cell;
		width: 1%;
		vertical-align: middle;
		height: 110px;
	}
	#panel1 ul .step4 dl dd,#panel3 ul .step4 dl dd {
		display: table-cell;
		width: 1%;
		vertical-align: middle;
		height: 323px;
		padding: 0 5px;
	}
	/*=====タブ1-パネル1=====*/
	#panel1 {
		border-top: none;
	}
	#panel1 ul .step1 {
		padding: 29px 72px 0  0;
	}
	/*=====タブ2-パネル2=====*/
	#panel2 {
		border-top: none;
	}
	#panel2 ul .step1 {
		padding: 29px 83px 0  0;
	}
	#panel2 ul .step2 .floatCol p {
		height: 51px;
		padding: 17px 0 0;
	}
	#panel2 ul .clearfix .floatCol .arrow {
		margin: 5px 0 4px;
	}
	#panel2 ul .step4 dl dd ul {
		margin: 0 14px 10px;
	}
	#panel2 ul .step4 dl dd .clearfix {
		margin: 10px 0 8px;
		padding: 0 0 0 28px;
	}
	#panel2 ul .clearfix .floatCol .height2 {
		padding-top: 0;
	}
	#panel2 ul .step4 dl dd .clearfix .balloon {
		width: 100px;
		margin: 0 7px;
		padding: 5px;
	}
	#panel2 ul .step4 dl dd .clearfix .balloon p {
		height: 50px;
		font-size: 1.3rem;
	}
	#panel2 ul .step4 dl dd ul .arrow2 {
		margin: 30px 14px;
	}
	#panel2 ul .step4 dl dd ul li {
		font-size: 1.4rem;
	}
	/*=====タブ3-パネル3=====*/
	#panel3 {
		border-top: none;
	}
	#panel3 ul .step4 dl dd ul {
		margin: 16px 23px 15px;
	}
	/*=====テーブル=====*/
	main table {
		width: 1000px;
		font-size: 1.5rem;
	}
	main td, main th {
		padding: 10px;
		width: auto;
		height: 50px;
	}
	main table th {
		background: #f2f2f2;
	}
	main table .card-1,main table .card-2,main table .card-3 {
		text-align: center;
		padding: 20px 0 18px;
	}
	main table .card-1 {
		padding-right: 57px;
		background-color: #f7e7f2;
		background-image: url("../figure/idx_im01.png");
		background-repeat: no-repeat;
		background-size: 70px;
		background-position: 93%;
	}
	main table .card-2 {
		padding-right: 68px;
		background-color: #dbf3ff;
		background-image: url("../figure/idx_im02.png");
		background-repeat: no-repeat;
		background-size: 70px;
		background-position: 93%;
	}
	main table .card-3 {
		padding: 20px 65px 20px 0;
		background-color: #ebeef5;
		background-image: url("../figure/idx_im03.png");
		background-repeat: no-repeat;
		background-size: 70px;
		background-position: 93%;
	}
}
/*=====clearFix=====*/
#panel2 ul .clearfix:after,
#panel2 ul .step4 dl dd .clearfix:after,
#panel2 ul .step4 dl dd ul:after,
#panel3 ul .step4 dl dd ul:after,
main .tab_wrap .panel_area:after {
	display: block;
	clear: both;
	content: ""
}