html,body {
	height: 100%;
	margin: 0;
}

body{
	background:#f6f6f6;
	position:relative;
	-webkit-text-size-adjust : 100% !important ;
	font-size:1em;
	color:#43425D;
	letter-spacing: 0.0em;
	width:100%;
	font-weight: 400;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding-top: 70px;
	height: calc(100% - 70px);
}

/* 基本構造 */
.main_wrap {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	min-width: 1300px;
	box-sizing: border-box;
}
.main_wrap > div {
	display: table-cell;
	vertical-align: top;
}
.main_wrap > div:first-child {
	width: 280px;
	min-width: 280px;
	overflow: visible;
}
.main_wrap > div:last-child {
	min-width: 1024px;
}

/*menu*/
	.menucontainer{
		height: 100%;
		overflow-y: auto;
		background:#fff;
	}

	.menucontainer .navicont{
		line-height: 1.7em;
	}

	.menucontainer .navicont a,.menucontainer .navicont .inbtn{
		padding:15px 0;
		border-left:5px solid #fff;
		color:#333;
		text-decoration: none;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.menucontainer .navicont a:hover span,.menucontainer .navicont .inbtn:hover span{
		font-weight: 600;
	}

	.menucontainer .navicont .mainbtn:hover{
		background:#E4E4E4;
	}

	.menucontainer .navicont a.active,.menucontainer .navicont .inbtn.active > span{
		font-weight: 600;
	}

	.menucontainer .navicont a span,.menucontainer .navicont .inbtn span{
		padding:0 0 0 40px;
		display: block;
	}

	.menucontainer .navicont .home a:before{
		content:"";
		width:16px;
		height:16px;
		background:url("../images/common/icon01.png") no-repeat;
		background-size:16px;
		display: block;
		position: absolute;
		top:50%;
		margin:-8px 0 0 0;
		left:15px;
	}

	.menucontainer .navicont .inbtn.block1{
		padding:25px 0;
		border-left:5px solid #A3A0FB;
		color:#333;
		text-decoration: none;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.menucontainer .navicont .inbtn.block1:before{
		content:"";
		width:12px;
		height:16px;
		background:url("../images/common/icon02.png") no-repeat;
		background-size:12px;
		display: block;
		position: absolute;
		top:50%;
		margin:-6px 0 0 0;
		left:15px;
	}

	.menucontainer .navicont .inbtn.block2{
		padding:25px 0;
		border-left:5px solid #FBA0BF;
		color:#333;
		text-decoration: none;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.menucontainer .navicont .inbtn.block2:before{
		content:"";
		width:14px;
		height:16px;
		background:url("../images/common/icon03.png") no-repeat;
		background-size:14px;
		display: block;
		position: absolute;
		top:50%;
		margin:-6px 0 0 0;
		left:15px;
	}

	.menucontainer .navicont .inbtn.block3{
		padding:25px 0;
		border-left:5px solid #189E9E;
		color:#333;
		text-decoration: none;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.menucontainer .navicont .inbtn.block3:before{
		content:"";
		width:16px;
		height:16px;
		background:url("../images/common/icon04.png") no-repeat;
		background-size:16px;
		display: block;
		position: absolute;
		top:50%;
		margin:-8px 0 0 0;
		left:15px;
	}

	.menucontainer .navicont .inbtn.block4{
		padding:25px 0;
		border-left:5px solid #3b5af8;
		color:#333;
		text-decoration: none;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.menucontainer .navicont .inbtn.block4:before{
		content:"";
		width:16px;
		height:16px;
		background:url("../images/common/icon05.png") no-repeat;
		background-size:16px;
		display: block;
		position: absolute;
		top:50%;
		margin:-8px 0 0 0;
		left:15px;
	}

	.menucontainer .navicont .inbtn.arrow:before{
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		display: block;
		border-width: 0 7px 7px 0;
		border-color: transparent #A3A0FB transparent transparent;
		position: absolute;
		right:0;
		top:0;
	}

	.menucontainer .navicont .inbtn.now{
		background:#E4E4E4;
	}

	.menucontainer .navicont .inbtn.pc:hover .posibox{
		visibility:visible;
		opacity:1;
		left:100%;
	}

	.menucontainer .navicont .inbtn .posibox{
		width:295px;
		border:1px solid #DDDDDD;
		background:#fff;
		position: absolute;
		top:0;
		left:95%;
		z-index:10000;
		visibility: hidden;
		transition:all 0.3s;
		opacity:0;
		display: block !important;
	}

	.menucontainer .navicont .inbtn .posibox a{
		border:none;
		padding:15px 15px;
	}

	.menucontainer .navicont .inbtn .posibox a:hover{
		font-weight: bold;
	}


/*header*/
	.header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height:70px;
		background:#fff;
		box-sizing: border-box;
		box-shadow:0px 0px 5px 1px rgba(0,0,0,0.08);
		text-align: right;
		display: table;
		table-layout: fixed;
		padding: 0 20px;
		z-index: 4000;
	}

	.header > div {
		display: table-cell;
		vertical-align: middle;
	}

	.header > .logo{
		text-align: left;
	}
	.header > .logo > img {
		/*max-width: 146px;*/
		max-height: 66px;
	}

	.header .rightbox{
	}

	.header .rightbox .loginbtn{
		display: inline-block;
		margin:0 20px 0 0;
		padding:0 20px 0 0;
		border-right:1px solid #EBEBF2;
	}

	.header .rightbox .loginbtn .btn{
		color:#fff;
		border-radius: 3px;
		background:#43425D;
		padding:6px 20px;
		cursor: pointer;
		transition: opacity 0.3s;
	}

	.header .rightbox .loginbtn .btn:hover{
		opacity:0.8;
	}

	.header .rightbox .namebtn{
		display: inline-block;
		font-size:0.9em;
		color:#4D4F5C;
		vertical-align: middle;

	}

	.header .rightbox .namebtn:after{
		width: 7px;
  		height: 7px;
  		border: 1px solid;
  		border-color:  transparent transparent #43425D #43425D;
  		transform: rotate(-45deg);
		display: inline-block;
		content:"";
		position: relative;
		/* top:-3px; */
		vertical-align: middle;
		margin:0 0 0 5px;
	}



/*login*/

	.logincont{
		width:100%;
		height:100%;
		position: fixed;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}

	.logincont .loginbox{
		width:500px;
		margin:0 auto;
		position: relative;
  		top: 50%;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}

	.logincont .loginbox .head{
		width:100%;
		background:#43425D;
		color:#fff;
		text-align: center;
		padding:20px 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;

	}

	.logincont .loginbox .inbox{
		padding:50px 30px;
		background:#fff;
		color:#43425D;
		box-shadow:0px 0px 5px 1px rgba(0,0,0,0.08);

	}

	.logincont .loginbox .inbox .logo{
		margin:0 0 10px 0;
		text-align: left;
	}

	.logincont .loginbox .inbox .logo img{
		width:145px;
		vertical-align: middle;
	}

	.logincont .loginbox .inbox .logo span{
		vertical-align: middle;
		display: inline-block;
		position: relative;
		top:0.2em;
		color:#333;
		left:0.5em;
		font-size: 13px;
	}

	.logincont .loginbox .inbox .tl{
		font-size:2em;
		color:#333;
		margin:0 0 20px 0;
		line-height: 1.5em;
	}


	.logincont .loginbox .inbox .error{
		padding:15px 30px;
		margin:0 0 20px 0;
		background:#F1F1F1;
		color:#B90000;
		vertical-align: bottom;
	}

	.logincont .loginbox .inbox .error p:before{
		width:24px;
		height:24px;
		margin:0 10px 0 0;
		position: relative;
		top:-2px;
		content:"";
		display: inline-block;
		background:url("../images/common/atention.png") no-repeat;
		background-size:24px;
		vertical-align: middle;
	}

	.logincont .loginbox .inbox .inputcont{
		padding:0;
	}

	.logincont .loginbox .inbox .inputcont .inputbox{
		margin:0 0 20px 0;
	}

	.logincont .loginbox .inbox .inputcont .inputbox2{
		padding:10px 0 10px 0;
	}

	.logincont .loginbox .inbox .inputcont .linkbox{
		margin:0 0 20px 0;
	}

	.logincont .loginbox .inbox .inputcont .linkbox a{
		text-decoration: none;
		color:#43425D;
		transition: opacity 0.3s;
	}

	.logincont .loginbox .inbox .inputcont .linkbox a:hover{
		opacity:0.8;
	}

	input[type="text"],input[type="password"],input[type="button"] {
  		margin: 0;
 		padding: 0;
  		background: none;
  		border: none;
  		border-radius: 0;
  		outline: none;
  		-webkit-appearance: none;
  		-moz-appearance: none;
  		appearance: none;
		color:#43425D;
	}

	input[type="radio"]{
		position:relative;
		margin:-0.25em 5px 0 0;
	}

	input[type="text"],input[type="password"]{
		border:none;
		padding:15px 5px;
		width:100%;
		box-sizing: border-box;
		font-size:1em;
		background:#fff;
		border-bottom:2px solid #E9E9F0;
	}

	input[type="submit"].btn01{
		width:176px;
		color:#fff;
		display: inline-block;
		border:none;
		padding:12px 0;
		font-size:1em;
		cursor: pointer;
		background:#43425D;
		margin:0 0 0 0;
		transition:all 0.3s;
		opacity:1;
		border-radius: 5px;
	}

	input[type="submit"]:hover{
		opacity:0.8;

	}

	input[type="button"]:hover{
		opacity:0.8;

	}

	::-webkit-input-placeholder {
  	color: #CECFD0; font-size:0.8em;
	}
	::-moz-placeholder {
  	color: #CECFD0; opacity: 1; font-size:0.8em;
	}
	:-ms-input-placeholder {
  	color: #CECFD0; font-size:0.8em;
	}

	select{
		width: 250px;
		padding: 20px 60px 20px 20px;
		outline: none;
		font-size:1em;
		margin:10px 0 10px 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		line-height: 1;
		display: inline-block;
		border:none;
		font-size:1em;
		border-radius: 5px;
		/*background: url(/images/contact/arrow.png) no-repeat ,#f3f3f3;*/
		background-size:10px;
		background-position: right 20px top 50%;
		box-sizing: border-box;
	}

	.checkbox input[type="radio"]{
		display: none;
	}
	.checkbox input[type="radio"] + span{
  		position:relative;
		font-weight: normal;
	}
	.checkbox input[type="radio"] + span::before{
  		margin:-2px 15px 0 0;
    	content:" ";
    	display:inline-block;
    	width:18px;
    	height:18px;
    	border-radius: 3px;
		border:1px solid #808495;
    	vertical-align:middle;
	}
	.checkbox input[type="radio"]:checked + span::before{
  		margin:-2px 15px 0 0;
    	content:" ";
    	display:inline-block;
    	width:18px;
    	height:18px;
		background:#43425D;
    	border-radius: 3px;
		border:1px solid #808495;
    	vertical-align:middle;
	}

	.checkbox input[type="checkbox"]{
		display: none;
	}
	.checkbox input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
	}
	.checkbox input[type="checkbox"] + span::before{
  		margin:-2px 15px 0 0;
    	content:" ";
    	display:inline-block;
    	width:18px;
    	height:18px;
    	border-radius: 3px;
		border:1px solid #808495;
    	vertical-align:middle;
	}
	.checkbox input[type="checkbox"]:checked + span::before{
  		margin:-2px 15px 0 0;
    	content:" ";
    	display:inline-block;
    	width:18px;
    	height:18px;
		background:#43425D;
    	border-radius: 3px;
		border:1px solid #808495;
    	vertical-align:middle;
	}

	textarea{
		border:none;
		padding:20px;
		font-size: 1em;
		width:450px;
		box-sizing: border-box;
		background:#f3f3f3;
		border-radius: 5px;
		min-height:245px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
	}

	/*mainconteainer*/
	.maincontainer{
	}

	.maincontainer .mainbox{
		padding:0 40px;
	}

	.maincontainer .mainbox .title{
		font-weight: 500;
		font-size:1.8em;
		line-height: 1.5em;
		color:#43425D;
		padding: 20px 0;
		border-bottom:1px solid #CACED5;
		position: fixed;
		top: 70px;
		background-color: #F6F6F6;
		box-sizing: border-box;
		z-index: 3000;
	}

	.maincontainer .mainbox .innerbox{
		border:1px solid #CACED5;
		border-top: none;
		background:#fff;
		padding:30px 50px;
		margin-bottom: 40px;
	}

	.maincontainer .mainbox .innerbox .exbox{
		margin:0 0 30px 0;
		line-height: 1.7em;
	}
	.maincontainer .mainbox .innerbox .exbox .s_text{
		font-size: 0.8em;
		line-height: 1.6em;
	}

	.page-list .maincontainer .mainbox .innerbox .exbox {
		margin: 0;
	}

	.maincontainer .mainbox .innerbox .tablebox{
		width:100%;
		max-width: 650px;
		margin:0 auto;
	}

	.maincontainer .mainbox .innerbox .tablebox .error{
		padding:15px 30px;
		margin:0 0 20px 0;
		background:#F1F1F1;
		color:#B90000;
		vertical-align: bottom;
	}

	.maincontainer .mainbox .innerbox .tablebox .error p{
		padding-left:34px;
		text-indent: -34px;
	}
	.maincontainer .mainbox .innerbox .tablebox .error p:before{
		width:24px;
		height:24px;
		margin:0 10px 0 0;
		position: relative;
		top:-2px;
		content:"";
		display: inline-block;
		background:url("../images/common/atention.png") no-repeat;
		background-size:24px;
		vertical-align: middle;
	}

	.maincontainer .mainbox .innerbox .tablebox input[type="text"],.maincontainer .mainbox .innerbox .tablebox input[type="password"]{
		border:1px solid #808495;
		border-radius: 5px;
		padding:10px 10px;
		width:375px;
		height:42px;
		float:left;
	}
	.maincontainer .mainbox .innerbox .tablebox input.none_border {
		border: 0px none;
		letter-spacing: 0.0em;
		width: 100%;
		font-weight: 400;
	}
	.maincontainer .mainbox .innerbox .tablebox span.place_color ::placeholder{
		color: rgb(67, 66, 93);
		font-size: 100%;
	}

	.maincontainer .mainbox .innerbox .tablebox input.inputerror{
		background:#FFEFEF;
	}
	.maincontainer .mainbox .innerbox .tablebox input[type="button"].btn01,.maincontainer .mainbox .innerbox .tablebox label{
		width:95px;
		height:42px;
		color:#fff;
		display: inline-block;
		border:none;
		padding:0 0;
		font-size:1.1em;
		cursor: pointer;
		background:#43425D;
		margin:0 0 0 0;
		transition:all 0.3s;
		opacity:1;
		border-radius: 5px;
		text-align: center;
	}

	.maincontainer .mainbox .innerbox .tablebox label p {
		/*position: relative;
  	top: 50%;
 	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);*/
		width: 95px;
		height: 42px;
		color: #fff;
		display: inline-block;
		border: none;
		padding: 0 0;
		font-size: 1.1em;
		cursor: pointer;
		background: #43425D;
		margin: 0 0 0 0;
		transition: all 0.3s;
		opacity: 1;
		border-radius: 5px;
		text-align: center;
	}

	.maincontainer .mainbox .innerbox .tablebox input[type="button"].btn01:hover,.maincontainer .mainbox .innerbox .tablebox label:hover{
		opacity:0.8;
	}

	.maincontainer .mainbox .innerbox .tablebox input[type="button"].btn02{
		width:185px;
		color:#fff;
		display: inline-block;
		border:none;
		padding:15px 0;
		font-size:1.2em;
		cursor: pointer;
		background:#467bd0;
		margin:0 0 0 0;
		transition:all 0.3s;
		opacity:1;
		border-radius: 5px;
	}

	.maincontainer .mainbox .innerbox .tablebox input[type="button"].btn02:hover,.btn03:hover{
		opacity:0.8;
	}

  	.maincontainer .mainbox .innerbox .tablebox button.btn03{
  		width:185px;
  		color:#fff;
  		display: inline-block;
  		border:none;
  		padding:15px 0;
  		font-size:1.2em;
  		cursor: pointer;
  		background:#467bd0;
  		margin:0 0 0 0;
  		transition:all 0.3s;
  		opacity:1;
  		border-radius: 5px;
      outline: none !important;
  	}
    .maincontainer .mainbox .innerbox .tablebox button.btn03:hover{
      opacity:0.8;
    }

	.maincontainer .mainbox .innerbox .tablebox table{
		width:100%;
	}

	.maincontainer .mainbox .innerbox .tablebox table tr{
		width:100%;
		display:flex;
		display:-webkit-flex;
		justify-content:space-between;
		align-items:center;
		-webkit-align-items:center;
		margin-bottom:20px;
	}
	.maincontainer .mainbox .innerbox .tablebox table tr th{
		width:20%;
		height:42px;
		line-height:42px;
		font-weight:normal;
		text-align:right;
	}

	.maincontainer .mainbox .innerbox .tablebox table tr th span.mark {
		margin-left:10px;
		background: #B90000;
		color: #fff;
		padding: 0px 10px;
		font-size:0.8em;
		line-height:1;
		padding:3px 5px;
		display:inline-block;
	}
	.maincontainer .mainbox .innerbox .tablebox table tr td{
		width:75%;
		display:flex;
	}
	.maincontainer .mainbox .innerbox .tablebox table tr td span:first-child{
		width:calc(100% - 100px);
	}
	/*.maincontainer .mainbox .innerbox .tablebox table tr td span:last-child{
		text-align:right;
		display:block;
	}*/
	.maincontainer .mainbox .innerbox .tablebox table tr td span.radioBox{
		display:flex;
		display:-webkit-flex;
		align-items:center;
	}
	.maincontainer .mainbox .innerbox .tablebox table tr td  label{
		width:44%;
	}
	.maincontainer .mainbox .innerbox .tablebox table tr td.btnbox{
		width:95px;
		padding:0 0 0 10px;
	}

	/*modalcont*/
	.modalcont{
		width:100%;
		height:100%;
		position: fixed;
		top:0;
		left:0;
		opacity:0;
		visibility: hidden;
		background-color:rgba(0,0,0,0.68);
		transition: all 0.3s;
		z-index:9000;
	}

	.modalcont.active{
		opacity:1;
		visibility: visible;
	}

	.modalcont .innerbox{
		width:580px;
		max-height: 80%;
		margin:0 auto;
		position: relative;
  		top: calc(50% - 50px);
		overflow-y:auto;
 		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}

	.modalcont .innerbox .head{
		width:100%;
		background:#43425D;
		color:#fff;
		text-align: center;
		padding:15px 0;
		border:1px solid #fff;
		box-sizing: border-box;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;

	}

	.modalcont .innerbox .inbox{
		padding:25px 30px;
		background:#fff;
		text-align: center;
		color:#434343;
		font-size:0.9em;
		box-shadow:0px 0px 5px 1px rgba(0,0,0,0.08);
		border: 5px;
	}

	.modalcont .innerbox .inbox .table{
		padding:20px 0;
		font-size:1.1em;
		line-height: 1.7em;
	}

	.modalcont .innerbox .inbox .table table{
		display: inline-block;
		text-align: left;

	}

	.modalcont .btnbox{
		padding:30px 0 30px 0;
		position: fixed;
		bottom:0;
		left:0;
		width:100%;
		background:#fff;
	}

	.modalcont .btnbox .btn{
		width:260px;
		color:#fff;
		display: inline-block;
		padding:12px 0;
		font-size:1em;
		cursor: pointer;
		margin:0 0 0 0;
		transition:all 0.3s;
		opacity:1;
		border-radius: 5px;
		background:#467bd0;
		border: 1px #467bd0 solid;
	}

	.modalcont .btnbox .btn:last-child {
		margin-left: 10px;
		color: #333;
		background-color: #BBBBBB;
		border-color: #000000;
		/*background-color: #fff;
		border-color: #BBBBBB;*/
	}

	.modalcont .btnbox .btn.disabled {
		background:#B8B8B8;
		border: 1px #B8B8B8 solid;
		cursor: default;
	}
	.modalcont .btnbox .btn.disabled.noitem {
		background:#E4E4E4;
		border: 1px #E4E4E4 solid;
		cursor: default;
	}

	.modalcont .btnbox .btn:hover{
		opacity:0.8;
	}

	/*tablet*/
	.mainbox .title .menu{display: none;}
	.tableclose{display: none;}








	/* === ラジオボタン === */
	.radioBox *{
		box-sizing: border-box;
	}
	/*.radioBox {
		margin-bottom: 10px;
	}*/
	.radioBox label:first-child{
		margin-right: 10px !important;
	}
	.radioBox label{
		width: auto;
		height: auto;
		background: transparent !important;
		margin: 5px 0 !important;
	}
	.radioBox label input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		display: none;
		margin: 0;
		padding: 0;
	}
	.radioBox label span{
		display: inline-block;
		padding: 7px 0;
		transition: all 0.3s;
		border-radius: 5px;
		text-align: center;
		background: #B8B8B8;
		width: 170px;
	}
	.radioBox label input:checked + span{
		background: #43425D;
	}
	.ui-dialog-buttonset button:first-child{
		background:#467bd0;
	}
	.ui-dialog-buttonset button:last-child {
		background-color: #fff;
		color: #333;
		border:solid 1px #BBBBBB!important;
	}
	.ui-dialog .ui-dialog-content{
		padding:5px!important;
	}

	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
		width: 400px !important;
		padding: 1.5em !important;
		font-size: 14px !important;
	}
	div.tablecont > table > tbody > tr:nth-child(1) > th {
		display: block;
	}
	div.tablecont > table > tbody > tr:nth-child(2) > th {
		display: block;
	}
	div.tablecont > table > tbody > tr:nth-child(3) > th {
		display: block;
	}
div.tablecont > table > tbody > tr:nth-child(4) > td {
	display: block;
}