@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p { margin:0; padding:0;}
li { list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight: normal;}
img, img a { border: none;vertical-align: bottom;}
a { outline: 0;}
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
input[type="text"]{
	-webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 
input[type="number"] { 
  -moz-appearance:textfield; 
}
::placeholder {
  color: #A9A5A5;
}

select{
	background:#fff;
}

table,th.td{word-break:break-all;}

.m2{margin:2px;}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m30{margin:30px;}.m40{margin:40px;}.m50{margin:50px;}.m80{margin:80px;}
.p1{padding:1px;}.p2{padding:2px;}.p3{padding:3px;}.p5{padding:5px;}.p7{padding:7px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p30{padding:30px;}.p40{padding:40px;}
.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt5{margin-top:5px;}.mt7 {margin-top:7px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt80{margin-top:80px;}
.pt2{padding-top:2px;}.pt3{padding-top:3px;}.pt5{padding-top:5px;}.pt7{padding-top:7px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb80{margin-bottom:80px;}.mb200{margin-bottom:200px;}
.pb2{padding-bottom:2px;}.pb3{padding-bottom:3px;}.pb5{padding-bottom:5px;}.pb7{padding-bottom:7px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}
.mr3{margin-right:3px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}.mr80{margin-right:80px;}
.pr2{padding-right:2px;}.pr3{padding-right:3px;}.pr5{padding-right:5px;}.pr7{padding-right:7px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr80{padding-right:80px;}
.ml3{margin-left:3px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}.ml80{margin-left:80px;}
.pl2{padding-left:2px;}.pl3{padding-left:3px;}.pl5{padding-left:5px;}.pl7{padding-left:7px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}
.mr20p{margin-right:20%;}
.ml20p{margin-left:20%;}
.mtb3{margin-top:3px;margin-bottom:3px;}
.mlr_a {margin-left:auto; margin-right:auto;}

.w2p{width:2%;}.w3p{width:3%;}.w4p{width:4%;}.w5p{width:5%;}.w6p{width:6%;}.w7p{width:7%;}.w8p{width:8%;}.w10p{width:10%;}.w12p{width:12%;}.w14p{width:14%;}.w15p{width:15%;}.w20p{width:20%;}.w25p{width:25%;}.w30p{width:30%;}.w35p{width:35%;}.w38p{width:38%;}.w40p{width:40%;}.w45p{width:45%;}.w50p{width:50%;}.w55p{width:55%;}
.w60p{width:60%;}.w70p{width:70%;}.w80p{width:80%;}.w85p{width:85%;}.w90p{width:90%;}.w95p{width:95%;}.w100p{width:100%;}

.w10{width:10px;}.w20{width:20px;}.w23{width:23px;}.w30{width:30px;}.w35{width:35px;}.w40{width:40px;}.w50{width:50px;}.w60{width:60px;}.w70{width:70px;}.w75{width:75px;}.w80{width:80px;}.w90{width:90px;}.w95{width:95px;}
.w100{width:100px;}.w110{width:110px;}.w120{width:120px;}.w130{width:130px;}.w140{width:140px;}.w150{width:150px;}.w160{width:160px;}.w170{width:170px;}.w180{width:180px;}.w190{width:190px;}
.w200{width:200px;}.w210{width: 210px;}.w215{width: 215px;}.w230{width:230px;}.w250{width:250px;}.w290{width:290px;}.w300{width:300px;}.w330{width:330px;}.w350{width:350px;}.w400{width:400px;}.w500{width:500px;}.w550{width:550px;}.w600{width:600px;}.w800{width:800px;}.w1000{width:1000px;}

.wh100p{width:100%;height:100%;}

.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}


.d_inline{display:inline;}
.d_block{display:block;}
.d_inblock{display:inline-block;}

.f_ss{font-size: 0.6em;}
.f_s{font-size: 0.8em;}

.c_01{
	color:#ff0000;
}
.c_02{
	color:#c3002f;
}
/* flexbox */
.flexbox{
	position: relative;
	display: -webkit-flex;
	display: flex;
	vertical-align: middle;
	text-align: center;
}
.flexbox select,
.flexbox input{
	-webkit-flex: 1;
	flex: 1;
	overflow: hidden;
	border: 1px solid #dddddd;
	border-radius: 0;
	padding-left: 7px;
}
.flexbox select{
	max-width:22%;
	width:auto;
}
.flexbox select:disabled,
.flexbox input:disabled{
	color:#A9A5A5;
	background:#f3f3f3;
}
.textLabel{
	-webkit-flex: 1;
	flex: 1;
	overflow: hidden;
	border: 1px solid #dddddd;
	padding: 8px 0;
	padding-left: 7px;
	text-align:left;
}
.textLabel.disabled{
	color:#a2a2a2;
	background:#f3f3f3;
}

.flexbox .th{
	border: 1px solid #dddddd;
	border-right:none;
	background:#eeeeee;
	padding: 10px 0;
	width: 8em;
	font-size: 12px;
	color: #666;
}
.flexbox .th.line2{
	padding:2px 2px;
}

.flexbox .td{
	text-align: center;
	padding:10px 5px 0 5px;
	vertical-align: middle;
}
.flexbox .td_02{
	text-align: center;
	padding:10px 5px;
	vertical-align: middle;
}
.td_radio{
	text-align: left;
	padding:10px 5px 0 5px;
	vertical-align: middle;
	border-left: 1px solid #dddddd;
	flex-basis: 30% !important;
}
.flexbox .access_code{
	border: 2px solid #ff0000;
}
.flexbox .access_code.error{
	border: 2px solid #c3002f;
}



.td_radio+.td_radio{border:none;}
.flex-item10 {
	flex-basis: 10% !important;
}
.flex-item15 {
	flex-basis: 15% !important;
}
.flex-item20 {
	flex-basis: 20% !important;
}
.flex-item30 {
	flex-basis: 30% !important;
}
.flex-item40 {
	flex-basis: 40% !important;
}
.flex-item50 {
	flex-basis: 50% !important;
}

.midashi{
	position: relative;
	display: -webkit-flex;
	display: flex;
	vertical-align: middle;
	text-align: center;
	margin-left: 8em;
	text-align: left;
	padding: 0 0 1% 1%;
	font-size: 12px;
}
.midashi > div{font-size:11px;}

/* background */
.graybcBlock{
	font-weight: bold;
	color: #c00000;
	background: #e7e6e6;
	padding: 10px;
	/* font-size: 16px; */
}
.navybcBlock{
	color: #fff;
	background: #203864;
	padding: 10px;
}



/* btn */
.btn_area{
	text-align:center;
}
.btnStyle1{
	display: inline-block;
	min-height: 45px;
	padding: 15px 26px;
	font-size: 1.1428em;
	line-height: 1;
	color: #ffffff;
	border: none;
	background-color: #bd0031;
	cursor: pointer;
	text-decoration: none;
	-webkit-appearance: none;
	border-radius: 0;
	min-width: 8em;
	font-weight: bold;
}
.btnStyle1.ss{
	min-height: 25px;
	padding: 10px 0;
	font-size: 0.8em;
	margin:0;
}

button.disabled,
input.btnStyle1:disabled{
	background: #bebec2;
	color:#404040;
	cursor: default;
}
.btnStyle2{
	display: inline-block;
	min-height: 45px;
	padding: 15px 26px;
	font-size: 1.1428em;
	line-height: 1;
	color: #1a1a1b;
	border: none;
	background-color: #bebec2;
	cursor: pointer;
	text-decoration: none;
	-webkit-appearance: none;
	border-radius: 0;
	min-width: 8em;
	font-weight: bold;
}


@media (min-width: 60em) {
	.btnStyle1:hover,.btnStyle2:hover{
		opacity: 0.5;
		transition: .1s;
		text-decoration: none;
		-webkit-appearance: none;
	}
}




/* error */

input[type="number"].error,
input[type="text"].error {
	border: 1px solid #c3002f;
}
input[type="tel"].error {
	border: 1px solid #c3002f;
}
input[type="password"].error {
	border: 1px solid #c3002f;
}
select.error {
	border: 1px solid #c3002f;
}
.top_error{
	background: #f3f3f3;
	border: 1px solid #c3002f;
	color: #c3002f;
	padding: 5px 5px 5px 10px;
	margin: 20px 0;
}
.flex_error{
	color: #c3002f;
	padding-left: 7em;
	margin-top: -1em;
}


/* error pages */
.error_pages img{
	margin: 20px 0 30px 0;
}
.error_pages .tt{
	font-size: 22px;
	font-weight: bold;
	margin:0 0 20px 0;
}

/* maintenance pages */
.maintenance_pages img{
	margin: 20px 0 30px 0;
}
.maintenance_pages .tt{
	font-size: 22px;
	font-weight: bold;
	margin:0 0 20px 0;
}
.maintenance_pages .c_02{
	font-weight: bold;
}

.s-fl-l {
	float: left;
}
.s-fl-r {
	float: right;
}

.clearfix:after,
.clearfix:before{
	content: "";
	display: table;
}

.clearfix:after{
	clear: both;
	*zoom: 1;
}
/* header
---------------------------------------------------------- */
header{
	padding: 14px;
	border-bottom:4px solid #c3002f;display:inline;
}
header li{display:inline;padding:0;}
header h1{font-weight: bold;font-size:20px;margin-top:0px;width: 70%;}


header ul{padding:0 0 0 0;display:inline;}


header .sys_wrapper{
	max-width:1300px;
	margin:auto;
}
header .s-fl-r{margin:0;}
a.btn-cmn-logout{
	background: #eeeeee;
	color: #818181;
	display: inline-block;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgb(1 1 1 / 50%);
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	padding: 3% 5px 3%;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
}
/* footer
---------------------------------------------------------- */
footer{
	border-top:4px solid #c3002f;
	color:#fff;
	font-size:12px;
}
.img_logo{
	padding: 14px;
	text-align: right;
}
footer .img_logo{
	max-width:1300px;
	margin:auto;
}

/* login
---------------------------------------------------------- */

.c_023-1>.heading-group h1 span{
	font-weight: bold;
	font-size:22px;
	color:#000000;
}
.c_023-1>.heading-group h1.f_s span{
	font-size:16px;
}
.c_023-1>.heading-group h1.f_s span.f_s{
	font-size:14px;
}
.c_023-1>.heading-group span.f_ss{font-size: 14px;}

.c_023-1.default {
	padding-top: 1.25em;
}
.c_023.chevron-grey{
	margin-bottom: 14.2% !important;
}



@media (min-width: 450px) {
	.c_023.chevron-grey {
		margin-bottom: 6.1% !important;
	}
	.c_023.chevron-grey .container-inner {
		padding: 1em 15px 0 !important;
	}
	.c_023.chevron-grey:after {
		bottom: -28px !important;
		padding-bottom: 28px !important;
		height: 10px !important;
	}
	.c_023.chevron-grey{
		margin-bottom: 8.2% !important;
	}
	.c_023-1>.heading-group h1 span{
		font-size: 1.1em;
	}
	.c_023-1>.heading-group h1.f_s span{
		font-size: 1.0em;
	}
	.c_023-1>.heading-group h1.f_s span.f_s{
		font-size: 0.9em;
	}
}
@media (min-width: 60em) {
	.c_023.chevron-grey {
		margin-bottom: 4.5% !important;
	}
	.c_023.chevron-grey .container-inner {
		padding: 1em 2em .1428571429em !important;
	}
	.c_023.chevron-grey:after {
		bottom: -42px !important;
		padding-bottom: 42px !important;
	}
	.c_023.chevron-grey{
		margin-bottom: 5.2% !important;
	}
	.col-12{
		max-width:1300px;
		margin:auto;
	}
}

/* process
---------------------------------------------------------- */

.process {
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0 0 20px 0;
	font-size:80%;
	list-style: none;
}

.process > li {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 1em 3em 1em 2em;
	margin: 0px;
	width: 30%;
	height: 40px;
	box-sizing: border-box;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
	letter-spacing: -0.05em;
}
.process > li:nth-child(2) {
	width: 40%;
}
.process > li::before,
.process > li::after {
	position: absolute;
	content: "";
}
.process > li::before {
	top: 50%;
	right: -1.5em;
	z-index: -1;
	transform: translateY(-50%) scaleX(0.5) rotate(45deg);
	width: 12em;
	height: 12em;
	border: 1px solid #ff0000;
	border-left: none;
	border-bottom: none;
	background: #a6a6a6;
}
.process > li::after {
	top: 0px;
	left: 0px;
	bottom: 0px;
	z-index: -1;
	width : 85% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 16px) ;
	width : calc(100% - 16px) ;
	margin-right:5em;
	border: 1px solid #ff0000;
	border-right: none;
	background: #a6a6a6;
}

.process > li.current::before,
.process > li.current::after {
	background: #c00000;
}


/* checkbox_01
---------------------------------------------------------- */
.checkbox_01 {
	cursor: pointer;
}
.checkbox_01-Input {
	margin: 0;
	width: 0;
	opacity: 0;
}
.checkbox_01-Input:focus + .checkbox_01-DummyInput {
	background: #FFFFFF !important;
	border: solid 1px #333333;
}
.checkbox_01-Input:checked + .checkbox_01-DummyInput {
	border: solid 1px #333333;
	background: #FFFFFF;
}
.checkbox_01-Input:checked + .checkbox_01-DummyInput::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22r_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23b21d32%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22r_1-2%22%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2229%22%20height%3D%2229%22%2F%3E%3Cg%20id%3D%22r_1-2%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2211.3%2023.51%203%2016.45%205.24%2013.86%2012.23%2019.89%2023.38%206.66%2026%208.87%2013.73%2023.51%2011.3%2023.51%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
	background-size: contain;
}
.checkbox_01-DummyInput {
	position: relative;
	top: 3px;
	left: 0;
	display: inline-block;
	width: 16px;
	/*height: 32px;*/
	height:16px;
	border: solid 1px #888888;
	background: #FFFFFF;
	border-radius: 4px;
	margin: 0 5px 0 0;
}
.checkbox_01-LabelText {
	margin-left: 5px;
	line-height: 1.5em;
}

.checkbox_line{
	border: solid 1px #dddddd;
	padding: 5px;
	color: #c00000;
}
.checkbox_line .checkbox_01{
	width: 100%;
	display: block;
}

.checkbox_01-Input:disabled + .checkbox_01-DummyInput{
	opacity: 0.5;
}
.checkbox_01-Input:disabled + .checkbox_01-DummyInput + .checkbox_01-LabelText{
	opacity: 0.5;
}

/* modal
---------------------------------------------------------- */

.modal {
	text-align: center;
	padding: 30px;
	box-shadow: 0 0 5px #6b6b6b !important
}

.modal .btnStyle1{
	display: inline-block;
	min-height: 30px;
	padding: 15px 16px;
	font-size: 1em;
	line-height: 1;
	color: #ffffff;
	border: none;
	background-color: #bd0031;
	cursor: pointer;
	text-decoration: none;
	-webkit-appearance: none;
	border-radius: 0;
	min-width:7em;
	font-weight: bold;
}

.modal .btnStyle2{
	display: inline-block;
	min-height: 30px;
	padding: 15px 16px;
	font-size: 1em;
	line-height: 1;
	color: #1a1a1b;
	border: none;
	background-color: #bebec2;
	cursor: pointer;
	text-decoration: none;
	-webkit-appearance: none;
	border-radius: 0;
	min-width: 7em;
	font-weight: bold;
}

/* privacyBlock
---------------------------------------------------------- */
.privacyBlock{
	background: #f3f3f3;
	padding:10px;
	border: 1px solid #dddddd;
}
.privacyBlock p{
	margin:0;
}




/* radio */
input[type="radio"] {
	display: none;
}
input[type="radio"]:checked+label {
	background-image: url("../../image/common/radio_on.png");
}
input[type="radio"]+label {
	display: inline-block;
	/*width: 20px;*/
	height: 20px;
	/*margin: 0 auto;*/
	margin-bottom:10px;
	padding-left:25px;
	background-image: url("../../image/common/radio_off.png");
	background-size: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
}

input[type="radio"]:disabled+label {
	display: inline-block;
	/*width: 20px;*/
	height: 20px;
	/*margin: 0 auto;*/
	margin-bottom:10px;
	padding-left:25px;
	background-image: url("../../image/common/radio_off.png");
	background-size: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.5;
}


input[type="radio"]+label+span.notes {
	margin-left:25px;
	font-size:0.8em;
}
input[type="radio"]+label+span.notes.turn,input[type="radio"]+label+span.notes.turnall {
	margin-left:0;
}
#select_card input[type="radio"]+label {
	margin-right: 0;
}
#assentBox input[type="radio"]+label {
	margin-right: 0;
	margin-bottom: 0;
	vertical-align: middle;
	background-position: left center;
	font-size:1em;
}