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

#one_column{
	width: 94%;
	margin: 0 3%;
	padding: 10px 0;
}

#one_column .fs-13{font-size: 13px;}
#one_column .f-center{ text-align: center;}
#one_column .f-bold{ font-weight: bold;}
#one_column .f-normal{ font-weight: normal;}
#one_column .mb0{  margin: 0;}

#one_column h2.title{
	font-size: 14px;
	padding: 0 0 0.5rem 0;
	margin: 0 0 20px 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#one_column h3.title{
	font-size: 14px;
	padding: 0.5rem 1rem;
	font-weight: bold;
	color: #fff;
	background: #00348c;
}
#one_column h4.title{
	font-size: 14px;
	padding: 0 0 0 0.5rem;
	font-weight: bold;
	color: #00348c;
	border-left: 5px solid #00348c;
}
#one_column .bg-pblue{
	padding: 20px 3%;
	background: #eef9fc;
}
#one_column .bg-gray{
	padding: 20px 3%;
	background: #f5f5f5;
}
#one_column .bg-white{
	padding: 20px 3%;
	background: #fff;
}
#one_column .bg-gline{
	border:1px solid #ccc;
	padding: 10px 3%;
	box-sizing: border-box;
}
#one_column .bg-gline p{
	text-align: center;
}
#one_column .bg-gline .ttl{
	padding: 0.25rem;
	font-weight: bold;
	color: #fff;
	background: #00348c;
}
#one_column .register-block li{
	padding: 20px 3%;
	box-sizing: border-box;
	border:1px solid #ccc;
}
#one_column .member-login li:first-child{
	margin: 0 0 0.5rem 0;
	font-weight: bold;
	text-align: center;
}
#one_column .register-block li p{
	text-align: center;
}
#one_column .form-table{
	width: 100%;
	background: #fff;
}
#one_column .form-table a{
	text-decoration: underline;
}
#one_column .form-table th{
	padding: 20px 3%;
	line-height: 1.3;
	font-weight: bold;
}
#one_column .form-table th, #one_column .form-table td{

	vertical-align: middle;
	display: block;
}
#one_column .form-table td{
	padding: 0 3% 20px 3%;
	border-bottom: 10px solid #f5f5f5;
}
#one_column .u-pos-r {
    position: relative !important;
}
#one_column .label-must, #one_column .label-any {
    right: 0;
    width: 2.5rem;
	background: #ff0000;
    color: #fff;
    text-align: center;
    line-height:2;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#one_column .label-any{
	background: #bbb;
}
#one_column .online-bnr{margin: 0 0 20px 0;}
#one_column .step-flow{
	font-weight: bold;
	color: #666;
	display: -webkit-flex;
    display: flex; 
	flex-wrap: wrap;
	-webkit-justify-content:center;
    justify-content:center;
}
#one_column .step-flow li{
	padding: 10px 0;
	width:calc(33.333% - 5px);
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;
	text-align: center;
	position: relative;
	background: #ccc;
}
#one_column .step-flow li:nth-child(4), #one_column .step-flow li:nth-child(5){
	width: calc(50% - 5px);
}
#one_column .step-flow li .num{
    font-style: italic;
}

#one_column .step-flow li:last-child{
	margin: 0;
}
#one_column .step-flow li:last-child::after{
	content: none;
}
#one_column .flow-current {
    background: #84d2f6 !important;
    color: #fff;
}
#one_column .add-list{
	display: -webkit-flex;
    display: flex; 
	flex-wrap: wrap;
	-webkit-justify-content:start;
    justify-content:start;
}
#one_column .add-list li{
	padding: 10px 3%;
	width: 94%;
	margin: 0 0 10px 0;
	background: #fff;
}
#one_column .add-list .checked{
	border: 2px solid #ccc;
	font-weight: bold;
}
#one_column .acd-check{
    display: none;
}
#one_column .acd-label{
	padding: 0 0 0 0.5rem;
	margin: 0 0 10px 0;
	border-left: 5px solid #00348c;
    color: #00348c;
	font-weight: bold;
    display: block;
    position: relative;
}
#one_column .acd-label:after{
    content: '▼';
    position: relative;
	left: 10px;
    top: 0px;
}
#one_column .acd-check:checked + .acd-label:after{
    content: '▲';
}
#one_column .acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
}
#one_column .acd-content{
    display: block;
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}
#one_column .acd-content .add-list li{
	border:1px solid #ccc;
}
#one_column .acd-content .add-list .checked{
	border: 2px solid #ccc;
	font-weight: bold;
}

/*input*/
#one_column .w70{width: 70% !important;}
#one_column .w50{width: 50% !important;}
#one_column .w35{width: 35% !important;}
#one_column input[type="text"] , 
#one_column input[type="email"] ,
#one_column input[type="tel"] ,
#one_column input[type="password"] ,

#one_column textarea{
	width: 100%;
	padding:10px 20px;
	box-sizing: border-box;
	border:1px solid #ccc;
	background: #f5f5f5;
	outline: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#one_column textarea{
	width:100%;
}
#one_column input[type="text"]:focus, #one_column textarea:focus {
	border: 1px solid #ccc;
	background:#fff;
}
/* ラジオボタン */
#one_column .radio-btns input[type=radio] {
  display: none;
}
#one_column .radio-btns label {
	position: relative;
	padding: 0 2rem 0 25px;
	font-weight: bold;
}
#one_column .radio-btns input[type=radio] + label::before {
	position: absolute;
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #ccc;
	left: 0;
	top: 0;
}
#one_column .radio-btns input[type=radio] + label::after {
	position: absolute;
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #00348c;
	left: 4px;
	top: 4px;
	opacity: 0;
	transition: .3s;
}
#one_column .radio-btns input[type=radio]:checked + label::after {
	opacity: 1;
}
/*select*/
#one_column select, #one_column option{
	cursor: pointer;
}
#one_column select {
	/* 初期化 */
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	position: relative;
	background: #f5f5f5;
}

#one_column option[selected][disabled] {
  display: none;
}

#one_column input::-webkit-input-placeholder {
    color:#ccc;
}
#one_column input:-moz-placeholder {
    color:#ccc;
}
#one_column input::-moz-placeholder {
    color:#ccc;
}
#one_column input:-ms-input-placeholder {
    color:#ccc;
}
#one_column .pribox {
    border: 1px solid #eee;
    height: 160px;
    margin: 25px 0;
    background: none repeat scroll 0 0 #fff;
    overflow: auto;
    padding: 2%;
}
#one_column .pribox ul li {
	margin: 0 0 0 1rem;
    list-style: decimal;
	line-height: 2;
}
#one_column .pribox ol li {
	margin: 0 0 0 2rem;
	list-style: outside lower-roman;
}
/*button*/
#one_column #button01, #one_column #button02  {
	padding:1rem;
	width: 80%;
	margin: 0 auto;
	border-radius:5px;
	font-weight: bold;
	outline: none;
	background-color: #238ee5;
	color: #fff;
	border:none;
	cursor:pointer;
	box-shadow: 0px 3px 5px #bbb;
}
#one_column #button02{
	background-color: #00348c;
}
#one_column #button01:hover, #one_column #button02:hover {
	border: none;
	background:#00348c;
}
#one_column #button02:hover{
	background: #000b4d;
}
#one_column .btn-auto{
	width:100%;
	padding:0.5rem;
	border-radius:5px;
	outline: none;
	color: #00348c;
	background-color: #d9e1ee;
	border:1px solid #00348c;
	cursor:pointer;
}
#one_column .btn-auto:hover{
	background: #00348c;
	color: #fff;
}
#one_column .btn-reset a{
	width:calc(30% - 6rem);
	padding:0.5rem 3rem;
	border-radius:5px;
	outline: none;
	color: #00348c;
	background-color: #fff;
	border:1px solid #00348c;
	cursor:pointer;
	margin: 0 auto;
}
#one_column .btn-reset a:hover{
	color: #fff;
	background: #00348c;
	text-decoration: none;
}
#one_column .btn-regist a, #one_column .btn-guest a, #one_column .btn-login a{
	padding:0.5rem;
	text-align: center;
	border-radius:5px;
	outline: none;
	color: #fff;
	font-weight: bold;
	background-color: #00348c;
	cursor:pointer;
	box-shadow: 0px 3px 5px #bbb;
	margin: 0 auto;
	width: calc(100% - 1rem);
	display: block;
}
#one_column .btn-guest a{
	background-color: #feb609;
}
#one_column .btn-login a{
	padding: 0.5rem 0;
	font-weight: normal;
	background-color: #238ee5;
	width: 100%;
}
#one_column .btn-regist a:hover, #one_column .btn-guest a:hover, #one_column .btn-login a:hover{
	color: #fff;
	background: #000b4d;
	text-decoration: none;
}
#one_column .btn-guest a:hover{
	background: #fd8200;
}
#one_column .btn-login a:hover{
	background: #00348c;
}

