@charset "UTF-8";

/* CSS Document */
html{
font-size: 62.5%
}

*{ font-feature-settings : "pkna"
}

body {
    margin: 0;
    padding: 0;
    color: #f2f2f2;
    font-family:'Roboto',-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif!important;
    line-height: 160%;
    background: #313d4f;
}

textarea {
	font-family:'Roboto',-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif!important;
}
.login_page{
    background-color: #9da6af;
}

li { list-style: none; }

ul {
	margin: 0;
	padding: 0;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #f2f2f2;
}

a:hover {
	color: #0093bd;
	opacity: 0.8;
	transition: 0.5s;
}


header {
 width: 100%;
margin: 0;
padding: 0;
}

p{
    margin: 0;
    padding: 0;
}

i {

}

h2{
  font-size: 2.4rem;
}
.login_page h2{
    margin-top: 40px;
    color: #313234;
}

.form_header h2{
    text-align: center;
    margin: 20px 0;
}
h3{
    margin: 0;
}

h4{
    margin: 0;
}

i{ margin-right: 5px; }

section {
  text-align: center;
padding:20px 0 10px 0;
	}

.wrapper{
 width: 100%;
 margin: 0 auto;
 text-align: left;
}

.wrapper2{
 width: 95%;
 margin: 0 auto;
 text-align: left;
}

.fc_w { color: #fff!important; }
.fc_w:hover, .fc_w:visited, .fc_w:link { color: #fff; }
.fc_g { color: #575757; }
.fc_y{color: #a9a680}
.fc_r{color: #e95243}
.fc01{color: #c2cdcf;}
.fc02{color: #2aa8e5;}
.fc03{color: #ff961b;}
.fc04{color: #a1dc55;}
.fc05{color: #f2f2f2!important;}
.flo_right { float: right;}
.flo_left { float: left; }
.display_ib{display: inline-block}
.display_none{display: none;}
.display_block{display: block;}
.display_tcell{display: table-cell;}

.ind {
	text-indent: -1em;
	margin-left: 1em;
}

.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mr10 {margin-right: 10px;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.pl30 {padding-left: 30px;}

.txt_c{text-align: center!important;}
.txt_l{text-align: left!important;}
.txt_r{text-align: right!important;}
.txt_m{text-valign: middle!important;}
.txt_b{text-valign: bottom!important;}

.fs_s {font-size: 80%!important;}
.fs_l {font-size: 120%!important;}
.fw_b {font-weight: bold;}

.bgc_initial {background-color: initial!important;}
.bgc_odd {background-color: #f7f7f7!important;}
.bgc_even {background-color: #fff!important;}

.bor_l-none {border-left: none!important;}
.bor_l_1 {border-left: solid #ccc 1px!important;}
.bor1 {
	border: solid #393a36 1px;
}
.cl_red {color: red!important;}
.w20 {width: 20%!important;}
.w30 {width: 30%!important;}
.w70 {width: 70%!important;}
.w80 {width: 80%!important;}
.w90 {width: 90%!important;}
.w100 {width: 100%;}

.cl_white {color: #f2f2f2!important;}

.cl_black {color: #313234!important;}
.bl_black {border-left: solid #313234 8px!important;}

.payList_table-oya {
	display: flex;
    height: auto;
    position: relative;
}

.payList_table-ko {
	position: absolute;
    bottom: 0;
    right: 0;
}


.bdr_g{
	border-right: 3px #e5e5e5 solid;
}

.fle {
	display: flex;
}
.notice{
    font-size: 1.4rem;
}

/*header*/

header {
 background:#313234;
/*background:url("../image/header_bg.png"),#313234;*/
padding: 5px;
 margin: 0;
}

header img{
    width: 200px;
    height: auto;
}

header .logout_btn{
width: 54px;
border: 1px solid #fff;
text-align: center;
padding: 2px;
font-size: 0.9rem;
letter-spacing: -1px;
float: right;
}
header .logout_btn i{
font-size: 1.8rem;
display: block;
margin: 0
}
header a.logout_btn:hover{
    background-color: #000;
    color: #fff;
}
.partner_page nav{
   background: linear-gradient(90deg, #1c89c1, #022455);
}
.jts_page nav{
   background: linear-gradient(90deg, #be702c, #26270d);
}
nav ul{
    display: flex;
    justify-content: flex-end;
    border-right: 1px solid #fff;
}

nav li{
width: 110px;
height: 55px;
font-size: 1.4rem;
vertical-align: middle;
text-align: center;
padding-top: 20px;
border-left: 1px solid #fff;
}

nav a{
display:block;
}
nav a:hover{
background-color: #022354;
    color: #fff;
}

/*footer*/

footer {
 width: 100%;
 text-align: center;
padding: 20px 0;
}

.small {
font-size: 1.2rem;
}

.wAuto {
  width: auto!important;
}
.wp30 {
  width: 30px!important;
}

.wp270 {
  width: 270px!important;
}

.p0 {
  padding: 0px!important;
}

.hp50 {
  height: 50px
}

.login_box{
width: 70%;
max-width: 600px;
margin: 40px auto 20px auto;
padding: 0;
text-align:center;
background-color:#313d4f;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.login_box p{
	margin: 20px auto 0 auto;
	padding: 15px;
    background-color: #313234;
	font-weight: bold;
    font-size: 1.4rem;
}

.login_box div{
    width: 80%;
    text-align: left;
    color: #fff;
    /*color: #313234;*/
    font-weight: bold;
    margin: 30px auto 20px auto;
    padding: 0 0 0 40px;
    font-size: 1.4rem;
}

.login_box div input[type=text],
.login_box div input[type=password] {
    width: 80%;
    margin: 3px 0 0 -8px;
    padding: 0 0 0 5px;
    color: #313234;
    border: 1px solid #bfc2c8;
    background-color: #fff;
    height: 40px;
}
::-webkit-input-placeholder {
    color:#bfbfbf;
}
:-ms-input-placeholder {
   color:#bfbfbf;
}
::placeholder{
 color:#bfbfbf;
}
.login_box div input[type=text]:focus,
.login_box div input[type=password]:focus {
    border: 2px solid #447eb4;
    outline: none;
}

.login_box div i{
    width: 40px;
     height: 40px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #bfc2c8;
    padding-top: 12px;
    margin-top: -3px;
}

.login_box .button{
  width: 40%;
  display: inline-block;
  padding: 15px 50px;
  margin: 30px 0 40px 0;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  border:none;
}

.login_box #button01{
  background-color: #a9a680;
   color: #313234;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.login_box #button01:before{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-color: #313234;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.login_box #button01:hover{
      color: #fff;
}

.login_box #button01:hover:before{
  left: 0;
}
.partner_page .form_header{
    /* border-bottom: solid #447eb4 8px;*/
}
.form_header{
   background-color: #313234;
    /*background:url("../image/header_bg.png"),#313234;*/
   color: #e6e6e6;
   padding: 20px 0px 0px 0px;
   margin: 0;
    font-size: 1.6rem;
    line-height: 150%;
}
.form_header::after{
content:"";
display:block;
height:3px;
width:100%;
margin-top: 30px;
background: linear-gradient(90deg, #1c89c1, #022455);
}

.form_header p{
width: 80%;
text-align: left;
margin: 30px auto 0 auto;
}

.form_header a,.form_header a:hover,.form_header a:visited,.form_box a,.form_box a:hover,.form_box a:visited{
color: #447eb4;
}
.cl_link {
color: #447eb4!important;
}
.cl_link:hover {
color: #fff!important;
}

.btn_s{
  display: inline-block;
  position: relative;
  border: solid 2px #447eb4;
font-size: 1.2rem;
padding: 3px 12px;
font-weight: bold;
   color: #fff;
}

.form_header .btn_move{
   color: #fff;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form_header .btn_move:before{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-color: #447eb4;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form_header .btn_move:hover,.form_header .btn_move:visited{
      color: #fff;
}

.form_header .btn_move:hover:before{
  left: 0;
}

.form_header .btn_s i{
font-size: 1.0rem;
}
.form_box{
    background-color: #e6e6e6;
    color: #313234;
    padding: 30px;
    margin: 0;
    font-size: 1.4rem;
}
.form_box p{
line-height: 140%
}
.form_box h3{
    width: 95%;
    margin: 20px auto;
    padding: 3px 8px;
    font-size: 2.0rem;
    border-bottom: solid #447eb4 2px;
}
.form_box h3:not(:first-child){
    margin-top: 50px;
}
.form_box h3 + div{
      width: 80%;
    margin: 0 auto;
}

.detail_btn-area{
      width: 80%;
}

.form_box h4,.table_box h4{
    font-size: 1.6rem;
    margin: 20px 0 10px 0;
    padding-left: 8px;
    border-left: solid #393a36 8px;
}

.form_box h4 .hissu{
    margin: 0 8px;
    padding: 2px 10px;
    background-color: #b0a843;
    color: #fff;
    font-size: 1.0rem;
}
.form_box h4 .nini{
    margin: 0 8px;
    padding: 2px 10px;
    font-size: 1.0rem;
    border: solid #393a36 1px;
}

.form_box input[type=text],
.form_box input[type=password] {
    border: 1px solid #dddddd;
    background-color: #f6f6f8;
    height: 36px;
    margin-bottom: 5px;
    padding: 0 0 0 5px;
    transition: 0.3s;
}
.form_box input[type=text]:focus,
.form_box input[type=password]:focus {
    border: 2px solid #447eb4;
    outline: none;
}

.form_box textarea{
	border: 1px solid #dddddd;
    background-color: #f6f6f8;
    margin-bottom: 5px;
    padding: 5px;
    transition: 0.3s;
}
.form_box textarea:focus {
	border: 2px solid #447eb4;
	outline: none;
}
.form_box input[type=radio]
 {
background: none;
padding: 0.125rem 0.125rem 0.0625rem;
border-width: 0;
border-color: transparent;
color: transparent;
-webkit-transition: all 0.28s ease;
transition: all 0.28s ease;
-webkit-box-shadow: none;
box-shadow: none;
}

.form_box .cp_radio {
position: relative;
margin-top: 0.5rem;
margin-bottom: 2.25rem;
}

.form_box .cp_radio label {
position: relative;
cursor: pointer;
padding-left: 2rem;
text-align: left;
color: #333333;

}
.form_box .cp_radio input {
opacity: 0.00000001;
position: absolute;
}
.form_box .cp_radio .display_none {
display: none;
}
.form_box .radio_move {
margin-bottom: 1.6rem;
display: inline-block;
}
.form_box .radio_move:not(:first-child) {
margin-left: 20px;
}
.form_box .radio_move .radio_ch {
position: absolute;
top: -0.25rem;
left: -0.4rem;
cursor: pointer;
font-size: 1.6rem;
-webkit-user-select: none;
user-select: none;
color: #999999;
}
.form_box .radio_move .radio_ch::before,
.form_box .radio_move .radio_ch::after {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 0.25rem;
width: 1.8rem;
height: 1.8rem;
-webkit-transition: -webkit-transform 0.28s ease;
transition: transform 0.28s ease;
border-radius: 50%;
border: 0.2rem solid currentColor;
}
.form_box .radio_move .radio_ch::after {
-webkit-transform: scale(0);
transform: scale(0);
background-color: #447eb4;
border-color: #447eb4;
}
.form_box .radio_move label:hover .radio_ch {
color: #447eb4;
}
.form_box .radio_move input:checked ~ .radio_ch::after {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.form_box .radio_move input:checked ~ .radio_ch::before {
color: #447eb4;
}

.form_box .add_txt{
    display: inline-block;
	width: 80px;
    text-align: right;
    font-weight: bold;
}

.form_box hr{
 border-top: 1px solid #cbd5da;
 border-bottom: 1px solid #fff;
    margin: 30px 0;
}

.form_box .btn_k{
  width: 300px;
  display: block;
  position: relative;
  border: solid 2px #447eb4;
font-size: 1.6rem;
padding: 15px;
margin: 10px auto;
 text-align: center;
}

.form_box .btn_move2{
  color: #313234;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form_box .btn_move2:before{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-color: #447eb4;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form_box .btn_move2:hover{
      color: #fff;
}

.form_box .btn_move2:hover:before{
  left: 0;
}

.form_box .btn_b{
  width: 300px;
  display: block;
  position: relative;
  border: solid 2px #9da6af;
 background-color:  #9da6af;
 color: #fff;
font-size: 1.6rem;
padding: 15px;
margin: 10px;
 text-align: center;
}
.form_box .btn_b:hover,.form_box .btn_b:visited{
     color: #fff;
}
.submit_btn{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


.form_box select {
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.form_box select::-ms-expand {
    display: none;
}
.form_box .sl01 {
    width: 150px;
    display: inline-block;
	position: relative;
	border: 1px solid #dddddd;
    background-color: #f6f6f8;
    margin-bottom: 5px;
}
.form_box .sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.form_box select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

.price_table{
	width: 100%;
	max-width: 320px;
	border: 1px solid #abaca0;
    margin: 10px 0;
	}
.price_table caption {
caption-side: bottom;
text-align: right;
font-size: 1.2rem;
}


.price_table th,.price_table td{
list-style-type: none;
	border-bottom: 1px solid #abaca0;
    padding: 6px 8px;
	}
.price_table th{
	width: 35%;
    background-color: #bfc2c8;
	}

.price_table input[type="text"]{
	width: 40px;
}

.price_table input[type="button"],h3 input[type="button"]{
	padding: 2px 10px;
	margin: 10px 5px;
	text-align: center;
	background-color: #447eb4;
	color: #fff;
	font-size: 1rem;
	font-weight: normal;
	border-radius: 3px;
	display: inline-block;
	border: none;
	cursor: pointer;
}
.price_table input[type="button"]:hover,h3 input[type="button"]:hover{
opacity: 0.5;
transition: all 0.3s ease-in-out;
}

h3 input[type="button"]{
	margin: 0 0 0 10px;
	font-size: 1.1rem;
}
.table_box {
   background-color: #e6e6e6;
    color: #313234;
 padding: 40px 0;
margin: 15px auto;
}
.table_box table{
    width: 100%;
}
.table_box table tr{
background-color: #fff;
border-bottom:1px solid #ccc;
}
.table_box table tr:nth-child(even){
background-color: #f7f7f7;
}
.table_box table th,.table_box table td{
font-size: 1.4rem;
padding: 10px;
border-left:1px solid #ccc;
 text-align: center;
}
.table_box table th{
background-color: #313d4f;
  color: #fff;
}
.table_box table tr td:nth-child(1) {
border-left:none;
}

.table_box table .details_btn{
 background-color: #9da6af;
font-size: 1.2rem;
padding: 3px 5px;
color: #fff;
white-space: nowrap;
}
.table_box table .details_btn:hover{
color: #fff;
}


.normal_btn,
.form_box .normal_btn{
 background-color: #9da6af;
font-size: 1.2rem;
padding: 3px 5px;
color: #fff;
white-space: nowrap;
}
.normal_btn:hover{
color: #fff;
}

.table_box table .kikan_txt{
transform: rotate(90deg);
}

.table_box .table_s{
float: right;
width:40%;
min-width: 300px;
margin-bottom: 10px;
}
.table_box .table_s th{
background-color: #67727f;
}

.table_box .table_search{
width:80%;
min-width: 300px;
margin: auto;
margin-bottom: 10px;
}
.table_box .table_search th{
background-color: #67727f;
}

.margin_auto {margin: auto;}
.wp40 {width: 40px;}

.search_none {
 margin: auto;
 margin-top: 10px;
 width:80%;
}

.btn_box{
width: 100%;
text-align: right;
 font-size: 1.4rem;
  margin: 5px 0 0 0;
}

.btn_box-left{
width: 100%;
text-align: left;
 font-size: 1.4rem;
  margin: 5px 0 0 0;
}

.btn_box .check01 {
	position: relative;
	margin: 0 2px 0 15px;
	cursor: pointer;
}
.btn_box .check01:before {
	position: absolute;
	z-index: 1;
	top: 0.25rem;
	left: 0.1875rem;
	width: 0.9rem;
	height: 0.5rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #447eb4;
	border-top-style: none;
	border-right-style: none;
}
.btn_box .check01:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	        transform: rotate(-45deg) scale(1, 1);
}
.btn_box .check01:after {
	position: absolute;
	top: -0.125rem;
	left: 0;
	width: 1.4rem;
	height: 1.4rem;
	content: '';
	cursor: pointer;
	border: 1px solid #ccc;
	background: #ffffff;
}

select {
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
    font-size: 1.2rem;
}
select::-ms-expand {
    display: none;
}
.sl02 {
    width: 100px;
    display: inline-block;
	position: relative;
	border: 1px solid #ccc;
    background-color: #f6f6f8;
    margin-bottom: 5px;
}
.sl02::before {
	position: absolute;
	top: 0.6em;
	right: 0.6em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #447eb4;
	pointer-events: none;
}
.sl03 {
    width: 60px;
    display: inline-block;
	position: relative;
	border: 1px solid #ccc;
    background-color: #f6f6f8;
    margin-bottom: 5px;
}
.sl03::before {
	position: absolute;
	top: 0.6em;
	right: 0.6em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #447eb4;
	pointer-events: none;
}
select {
	padding: 3px 50px 3px 8px;
	color: #666666;
}

.btn_box .search_btn{
 background-color: #447eb4;
font-size: 1.2rem;
padding: 3px 10px;
margin:0 10px;
}
.table_box .search_btn:hover{
color: #fff;
}
.table_box td a{
color: #447eb4;
}

.info_box{
    margin-bottom: 40px;
}

.info_list_box{
    margin-bottom: 0px;
}

.info_box ul,
.info_list_box ul{
    margin-bottom: 10px;
}
.info_box li{
    font-size: 1.4rem;
    padding:30px 0 10px 20px;
    border-bottom: solid #7c848a 1px;
}
.info_list_box li{
    font-size: 1.4rem;
    padding:15px 0 10px 20px;
    border-bottom: solid #7c848a 1px;
}

.info_box li .info_date,
.info_list_box li .info_date{
    margin-right: 40px;
}
.info_box li a,
.info_list_box li a{
    color: #8db1f9
}

.info_box p{
    font-size: 1.4rem;
    line-height: 180%;
    margin: 20px 0;
}

.info_box h4 {
    font-size: 1.6rem;
    margin: 20px 0 10px 0;
    padding-left: 8px;
    border-left: solid #f7f7f7 8px;
    color: #f7f7f7;
}

.info_list_box h4{
    font-size: 1.6rem;
    margin: 5px 0 10px 0;
    padding-left: 8px;
    border-left: solid #f7f7f7 8px;
    color: #f7f7f7;
}

.info{
    border: solid #9da6af 1px;
    padding: 20px;
}
.info_input{
    border: solid #9da6af 1px;
    padding: 20px;
}
.info_input h4{
    font-size: 1.6rem;
    margin: 20px 0 10px 0;
    padding-left: 8px;
    border-left: solid #313234 8px;
    color: #313234!important;;
}

.info_date02{
background-color: #9da6af;
color: #313d4f;
padding: 5px;
font-size: 1.4rem;
display: flex;
justify-content: space-between;
}
ul.info_date02{
margin: 0;
}
.info_date02 li{
border: none;
margin: 0;
padding: 5px;
}

.info_date02 li a{
 background-color: #313d4f;
font-size: 1.2rem;
padding: 3px 10px;
color: #fff;
white-space: nowrap;
}
.info_date02 li span{

}

.wIni{
  width:initial!important;
}
.wp100{
  width:100px;
}
.wp150{
  width:150px;
}
.wp200{
  width:200px;
}
.no_w{
  white-space: nowrap;
}
.m_width {
  min-width: 930px;
}

/* TOPスクロール*/
#pageTop {
	position: fixed;
    transform: rotate(90deg);
	bottom: 80px;
	right: 0;
	z-index: 999;
    color: #ccc;
   /*color: #313234;*/
 font-size: 1.2rem;
    	display: block;
}
#pageTop i {
	margin-bottom: 3px;
    color:#447eb4;
    transform: rotate(-90deg);
}

#pageTop a:hover {
	opacity: 0.5;
}



/* pc */
@media print, screen and (min-width: 1024px) {



.wrapper{
max-width: 1024px;
}



}

/* mobile*/

@media only screen and (max-width: 899px) {

  .mob_no{
        display: none;
  }

  body {
    font-size: 1.0rem;
  }

  .wrapper,section {
    width: 100%；
  }

  .login_box div{
    width: 100%;
    padding: 0 0 0 30px;
  }

  .login_box .button{
    width: 70%;
  }

  .form_header p {
    width: 90%;
  }


  .form_box h3,
  .form_box h3 + div{
      width: 100%;
  }

  .form_box .add_txt{
    width: 60px;
    text-align: left;
  }

}


.manualLink {
  font-size: 1.3em!important;
  cursor: pointer;
}

.manualListArea {
  width: 300px;
  position: absolute;
  right: 0;
  padding: 3px!important;
}

.manualListArea ul {
  display: none;
  border: 0px!important;
  background-color: #022455;
  font-size: 1.3em;
}

.manualListArea li {
  text-align: left!important;
  margin-left: 1em;
  font-size: 1.0em;
  margin-bottom: 0.5em;

  width: 300px;
  height: 55px;
  font-size: 1.4rem;
  vertical-align: middle;
  text-align: center;
  padding-top: 20px;
}

.msg_box{
  background-color: #e6e6e6;
  color: #313234;
  padding: 20px;
  margin: 0;
  font-size: 1.4rem;
  text-align: center!important;
  font-weight: bold;
}


.destraction_box{
  background-color: #e6e6e6;
  padding: 15px 0 5px 10px;
  margin: 0;
  border: 0;
  font-size: 1.3rem;
  line-height: 1.5em;
}

.eumsg_box{
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em;
}

.cur_p {
  cursor: pointer;
}

.verAlignMid {
 vertical-align:middle!important;
}
/*
.verAlignMid {
  align-items: center;
  display:inline-flex;
}
*/