@charset "utf-8";


/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #3f3f3f;	/*全体の文字色*/
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;	/*フォント種類*/
	-webkit-text-size-adjust: none;
}
* {
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}

a, button, input[type="submit"], input[type="reset"] {
	cursor: pointer;
}
p, h1, h2, h3, h4, h5 {
	cursor: default;
}

.btn_contact {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	line-height: 200%;
	background-color: #ed7a5b;
	margin:auto 3%;
	text-align: center;
	padding: 6px 20px;
	width: 30%;
}

.btn_logout {
	display: inline-block;
	color: #fff;
	font-size: 1.8rem;
	width: 213%;
	background-color: #f4c55f;
	margin:6px 2% 0 1%;
	text-align: center;
	padding: 8px 12px;
	border: none;
	box-shadow: 0 3px 3px 0 #cdcdcd;
}

.btn_logout2 {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	width: 200%;
	line-height: 230%; 
	background-color: #f4c55f;
	margin:28px 15% 0 15%;
	text-align: center;
	border: none;
	padding: 4px 10px;
	box-shadow: 0 3px 3px 0 #cdcdcd;
}

@media(max-width:767px){
	.re_img img {
		width: 73%;
		margin-left: 0.5%;
	}
}

a	{
	text-decoration:none;
}

.float h2 {
	padding-top: 35px;
	width: 68%;
	margin: 0 auto;
	color:#197181;
	font-size: 36px;
	border-bottom: 1px solid #197181;
	text-align: center;
}

.float p {
	padding-top: 20px;
	color: #197181;
	font-size: 22px;
	font-weight: bold;
}*/

.contents {
	margin: 0 auto;;
	max-width: 1000px;
}

.contents p {
	color:#197181;
	font-size: 20px;
	padding-left: 5%;
}
.branch {
	margin: 0 auto;
	text-align: center;
}

.branch h3 {
	font-size: 18px;
	margin: 0 auto;
	width: 33%;
	border-bottom: 1px solid #0B7281;
	color: #0B7281;
	padding-top: 10px;
	padding-bottom: 10px;
}

.branch p {
	width: 45%;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	padding: 10px 0 20px 0;
}

@media(max-width:767px){
	.branch {
		width: 92%;
	}

	.branch h3 {
		width: 100%;
	}

	.branch p {
		width: 100%;
	}

}

.description {
	width: 20%;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	padding: 5px 0 20px 0;
	text-align: center;

}

.label {
	display: block;
	width: 45%;
	margin: 0 auto 10px auto;
	background: linear-gradient(#268697,#136877);
	border-color: #197181;
	padding:4px;
	color: #fff;
	text-align: left;
	box-sizing: border-box;
}

@media(max-width:767px){
	.label {
		width: 98%;
	}
}

.input {
	width: 45%;
	margin: 0 auto;
	box-sizing: border-box;
	text-align: left;
	padding-bottom: 30px;
}
.input span,
.input2 span {
	padding-left: 1%;
}

.input input {
	width: 100%;
	border: 0.5px solid #0B7281;
	font-size: 15px;
	padding: 3px;
	box-sizing: border-box;
}
.input textarea {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
}
@media(max-width:767px){
 .input textarea {
	 width: 100%;
 } 
}

.input2 {
	width: 45%;
	margin: 0 auto;
	box-sizing: border-box;
	text-align: left;
	padding-bottom: 10px;
}

.input2 input {
	width: 100%;
	border: 0.5px solid #0B7281;
	font-size: 15px;
	padding: 3px;
	box-sizing: border-box;
}

.input3 {
	margin: 0 auto;
	width: 45%;
	text-align: left;
	padding-bottom: 30px;
}

@media(max-width:767px){
	.input {
		margin: 0 auto;
		width: 98%;
	}
	.input input {
		width: 100%;
	}
	.input2 {
		margin: 0 auto;
		width: 98%;
	}
	.input2 input {
		width: 100%;
	}
	.input3 {
		text-align: center;
		width: 98%;
	}
}


.btn_sub {
	display: block;
	width: 27%;
	margin: 0 auto 40px auto;
	background-color:  #0B7281;
	padding: 8px;
	color: #fff;
	border: none;
}

.btn_contact2 {
	display: block;
	width: 27%;
	margin: 0 auto 40px auto;
	padding: 8px;
	background-color:  #0B7281;
	color: #fff;
}

@media(max-width:767px){
	.btn_sub {
		width: 55.2%;
		padding: 2px 8px;
	}
	.btn_contact2 {
		width: 60%;
		padding: 2px 8px;
	}
}



.footer-logo {
	width: 16%;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
}


#contact_info {
	font-size: 14px;
	width: 50%;
}

@media(max-width:767px){
	#contact_info {
		width: 100%;
	}
}
.samples {
	height: 48%;
}

.my_contact {
	text-align: center;
}

.my_contact textarea {
	width: 50%;
	height: 100px;
	border: 1px solid #0B7281;
}

@media(max-width:767px){
	.my_contact textarea {
		width: 92%;
	}
}
.btn_check {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 15%;
	line-height: 250%;
	background-color: #ed7a5b;
	margin: 20px 2%;
	text-align: center;
	border: none;
	box-shadow: 0 3px 3px 0 #cdcdcd;
}

.btn_reset {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 12%;
	line-height: 250%; 
	background-color: #f4c55f;
	margin: 20px 2%;
	text-align: center;
	border: none;
	box-shadow: 0 3px 3px 0 #cdcdcd;
}

.btn_cancel {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	width: 12%;
	line-height: 230%; 
	background-color: #f4c55f;
	padding: 0 6px 1px 6px;
	margin: 20px 2%;
	text-align: center;
	border: none;
	box-shadow: 0 3px 3px 0 #cdcdcd;
}


.radio_plan {
	margin: 0 auto;
	width: 45%;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 30px;
}

@media(max-width:767px) {
	.radio_plan {
		width: 92%;
	}
	.branch .radio_plan {
		width: 100%;
	}
}

.btns_url {
	text-align: center;
}

.btns_url .btn_check,.btns_url .btn_reset, 
.text-align .btn_check {
	padding-top: 0;
	margin-top: 0;
	width: 15%;
}

@media(max-width:767px) {
	.btns {
		width: 92%;
		text-align: center;
		margin: 0 auto;
	}
	.btns_url {
		width: 92%;
		margin: 0 auto;
	}
	.btns_url .btn_check {
		width: 33%;
		margin: 8px;
	}
	.btns_url .btn_reset2 {
		font-size: 13px;
		width: 48%;
		margin: 8px;

	}
	.btns .btn_check, .btns .btn_reset {
		width: 40%;
		margin: 8px;
	}
}

.text-align {
	text-align: center;
	padding-bottom: 20px;
}

.caution {
	width: 50%;
	text-align: center;
	margin: 160px auto 20px auto;
	border: 2px solid red;
}

.caution p {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: red;
	padding: 2px 2px 2px 6px;
	margin: 0;
}

@media(max-width:767px){
	.caution {
		width: 92%;
	}
	.caution p {
		font-size: 16px;
	}
	.branch .label {
		width: 100%;
	}
}

@media(max-width:767px){
	.caution {
		width: 92%;
	}
	.caution p {
		font-size: 16px;
	}
	.branch .label {
		width: 100%;
	}
}

.mypage {
	width: 50%;
	text-align: center;
	margin: 145px auto 0;
	padding-bottom: 20px;
}
.mypage p {
	font-size: 17px;
	font-weight: bold;
	color: #ed7a5b;
	padding: 0;
	margin: 0;
}
.mypage h1 {
	margin-top: -60px;
	margin-bottom: 30px;
	font-size: 24px;
	color: #444;
}
.mypage .mynames {
	margin-bottom: 5px;
}
.mypage .myname {
	color: #555;
	margin-bottom: 20px;
}

@media(max-width:767px){
	.mypage {
		width: 95%;
	}
}

/* nav{
	background: rgba(25,113,118,0.9);
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	text-align: center;
	padding: 60px 0;
	transform: translateY(-100%);
	transition: all .6s;
	z-index: 800;
}

nav.open{
	transform: translateY(0);
} */

/* nav li a{
	color: #fff;
	font-size: 2rem;
	display: block;
	margin: 50px 0;
}

nav .menu_btn1,
nav .menu_btn2{
	width: 300px;
	margin: 50px auto;
} */

table {
	width: 100%;
}
table, th, td {
	margin: 10px auto 30px auto;
	border: 1px solid #197181;
	text-align: center;
	padding: 4px;
	font-size: 14px;
}

th {
	background-color: #197181;
	color: #fff;
}
.home_login table {
	width: 98%;
	max-width: 300px;
	margin: 80px auto 20px;
}
.home_login th {
	width: 50%;
	background: none;
	color: #3f3f3f;
}
.home_login th.login_title {
	background-color: #197181;
	color: #fff;
	font-size: 16px;
}
.home_login td input[type="text"], 
.home_login td input[type="password"] {
	width: 85%;
}
.egis_kanri th {
	background: linear-gradient(#2a90a2,#126776);
}

.at_media {
	display: none;
}

.sales {
	width: 50%;
	/* border-color: rgba(25,113,118,0.9); */
	border-color: #197181;
}
.sales th {
	/* background-color: rgba(25,113,118,0.9);
	border-color: rgba(25,113,118,0.9); */
	background: linear-gradient(#2a90a2,#126776);
	border-color: #197181;
}
.sales td {
	/* border-color: rgba(25,113,118,0.9); */
	border-color: #197181;
	/* color: #197181; */
	text-align: right;
  box-shadow:0px -3px 5px 1px #ededed inset;
}
.vertical_table table th {
	background: linear-gradient(#2a90a2,#126776);
}
.vertical_table table td {
  box-shadow:0px -3px 5px 1px #ededed inset;
}

.sales_kanri {
	width: 50%;
	/* border-color: rgba(25,113,118,0.9); */
	border-color: #197181;
}
.sales_kanri th {
	/* background-color: rgba(25,113,118,0.9);
	border-color: rgba(25,113,118,0.9); */
	background-color: #197181;
	border-color: #197181;
}
.sales_kanri td {
	/* border-color: rgba(25,113,118,0.9); */
	border-color: #197181;
	/* color: #197181; */
	text-align: right;
}
.sales_kanri2 {
	width: 72%;
	/* border-color: rgba(25,113,118,0.9); */
	border-color: #197181;
}
.sales_kanri2 th {
	/* background-color: rgba(25,113,118,0.9);
	border-color: rgba(25,113,118,0.9); */
	background-color: #197181;
	border-color: #197181;
}
.sales_kanri2 td {
	/* border-color: rgba(25,113,118,0.9); */
	border-color: #197181;
	/* color: #197181; */
	text-align: right;
}

@media(max-width:767px){
	#copyTarget2 {
		padding: 2px 0;
	}
	table, th, td {
		padding: 2px;
		font-size: 13px;
	}
	.at_pc {
		display: none;
	}
	.at_media {
		display: table-cell;
	}
	.modal-open {
		border: none;
		padding: 4px 8px;
		background-color: #ed7a5b;
		color: #fff;
	}
	.modal_table {
		width: 92%
	}
	
}

/* .modal {
	margin: 0;
} */
#modal-content {
	width:92% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 850 ;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.detail_open {
	border: none;
	padding: 6px 3px;
	background: linear-gradient(#fac6b8, #d06142);
	width:50px;
	text-align:center;
	color: #fff;
	font-size: 14px;
	line-height: 130%;
}

.kadou {
	border: none;
	padding: 6px 3px;
	background: linear-gradient(#fac6b8, #d06142);
	color: #fff;
	font-size: 14px;
	line-height: 130%;
}

.teishi {
	border: none;
	padding: 6px 3px;
	background: linear-gradient(#fce4af, #e6b64f);
	color: #fff;
	font-size: 14px;
	line-height: 130%;
}

.mypage a {
	border: none;
	padding: 8px 16px;
	background-color: rgba(25,113,118,1);
	color: #fff;
}
@media(max-width:767px) {
	.mypage a {
		padding: 4px 8px;
	}
}

.textarea {
	width: 100%;
}

.radio_plan p {
	width: 100%;
	text-align: left;
	color: #ed7a5b;
	font-weight: bold;
}
.tel_box{
	max-width: 400px;
	background: linear-gradient(#268697,#136877);
	border-color: #197181;
	padding-top: 10px;
	margin: 30px auto 20px;
}

.editor {
	text-align: center;
}

.forget {
	width: 40%;
	cursor: pointer;
	margin: 0 auto 20px auto;
	color: #ed7a5b;
}

#send_mail {
	margin: 10px auto 40px auto; 
	width: 45%;
	text-align: center;
	display:none;
}

#send_mail p {
	text-align: center;
}

#btn_mail {
	display: block;
	margin: 20px auto;
	padding: 5px 20px;
	border: none;
	background-color: #f4c55f;
	color: #fff;
}

#forget_text {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 92%;
}

.vertical_table {
	margin: 0 auto;
	width: 69%;
}

@media(max-width:767px){
	.vertical_table {
		width: 96%;
	}
	.vertical_table th {
		width: 23%;
	}
}

.a_link {
	width: 92%;
	margin: 20px auto 40px auto;
	text-align: center;
}

.a_link a {
	font-size: 21px;
	color: #197181;
	transition:1s;

}
.a_link a:hover {
	background: #e9e9e9;
}

.a_link2 {
	width: 92%;
	margin: 20px auto 10px auto;
	text-align: center;
}

.a_link2 a {
	font-size: 21px;
	color: #197181;
}
@media(max-width:767px){
	.a_link2 a {
		font-size: 18px;
	}

}
/* .fa-address-card {
	font-size: 30px;
} */

.btn_mail_form {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 12%;
	line-height: 250%; 
	background-color: #197181;
	margin: 20px 2%;
	text-align: center;
	border: none;
}

.btn_codelist {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 12%;
	line-height: 250%; 
	background: linear-gradient(#2a90a2,#126776);
	margin: 20px 2%;
	text-align: center;
	border: none;
	box-shadow: 0 2px 2px 0 #cdcdcd;
}
.restec .btn_codelist {
	width: 15%;
}
.btn_add {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 18%;
	line-height: 250%; 
	background: rgba(25,113,118,0.8);
	margin: 20px 2%;
	text-align: center;
	border: none;
}


.btn_blue {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 12%;
	line-height: 250%; 
	background-color: rgba(25,113,118,0.9);
	margin: 20px 2%;
	text-align: center;
	border: none;
}

.btn_red {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 12%;
	line-height: 250%; 
	background-color: rgba(237,122,91,0.9);
	margin: 20px 2%;
	text-align: center;
	border: none;
}

.btn_yellow {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 12%;
	line-height: 250%; 
	background-color: rgba(244,197,95,0.9);
	margin: 20px 2%;
	text-align: center;
	border: none;
}

.btn_gray {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 12%;
	line-height: 250%; 
	background-color: gray;
	margin: 20px 2%;
	text-align: center;
	border: none;
}

.list_box {
	width: 80%;
	margin:0 auto;
	text-align: center;
}

.codelist {
	display: inline;
	font-size: 17px;
	font-weight: bold;
}

#paypay {
	text-align: center;
	font-weight: bold;
}
#paypay a {
	text-align: center;
	margin: 0 auto;
}
.branch .pays_input p {
	width: 60%;
}
.pays_input {
	width: 75%;
	margin: 0 auto;
}
.pays_input input {
	/* font-size: 14px; */
	width: 93%;
}
.month_sort {
	width: 20%;
}
.month_sort3 {
	width: 28%;
}
.month_sort2 {
	box-shadow: 0 2px 2px 0 #cdcdcd;
}
.pays_input .month_sort {
	width: 30%;
}
.pays_input .month_sort2 {
	width: 20%;
}
.branch p .month_sort2 {
	border: none;
	padding: 3px 6px;
	background-color: #197181;
	color: #fff;
}
.pays_input .sales_name1, 
.pays_input .sales_name3 {
	width: 21%;
}

.all_reset {
	margin: 60px auto 20px auto;
	text-align: center;
}

.all_reset input {
	border: none;
	padding: 3px 10px;
	color: #fff;
	background-color: red;
}

.flex {
	display: flex;
	width: 80%;
	margin: 0 auto;
}
.flex2 {
	display: flex;
	justify-content: space-evenly;
	width: 96%;
	height: 50px;
	max-width: 1200px;
	margin: 0 auto;
	background-color: rgba(25,113,118,0.2);
}

.inputs {
	display: block;
	width: 50%;
	margin: 0 auto;
}
.flex2 .inputs {
	width: 30%;
	margin: 12px auto;
}

.inputs .btn_submit {
	border: none;
	background-color: #197181;
	color: #fff;
}
.btns .btn_submit {
	border: none;
	background-color: #197181;
	color: #fff;
}

.t_table, .t_table tr, .t_table th, .t_table td {
	vertical-align: top;
	background: none;
	border: none;
	margin: 0;
}

.t_table th {
	color: #197181;
	font-weight: bold;
	width: 22%;
}

.t_table td {
	text-align: left;
	width: 78%;
}

.t_area {
	width: 98%;
}

.fa-play {
	color: #ed7a5b;
}

.news {
	font-size: 18px;
	font-weight: bold;
	color: #197181;
}

.btn_rewrite {
	border-color: rgba(204,204,204,0.6);
}

.message {
	margin: 0 auto;
	text-align: center;
}

.message p {
	color: #ed7a5b;
	font-size: 18px;
}

.mente {
	margin:0 auto;
	text-align: center;
}

.db_mente {
	text-align: center;
	background-color: #f4c55f;
	color: #fff;
	padding: 3px 6px;
}

.waiting {
	width: 50%;
	font-size: 17px;
	color: #ed7a5b;
	padding: 0 auto ;
	margin: 0 auto 30px auto;
}

@media(max-width:767px){
	.waiting {
		width: 90%;
		font-size: 16px;
	}
}

.input_m {
	width: 45%;
	margin: 20px auto 30px auto;
	text-align: left;
}

.input_m .short_input {
	width: 10%;
}
@media(max-width:767px) {
	.input_m {
		width: 96%;
	}
}

/* .nakami1 {
	display: none;
} */

.table_mag {
	width: 60%;
}
.table_mag .input_mag {
	width: 45%;
}
@media(max-width:767px) {
	.table_mag {
		width: 80%;
	}
}

.new_open {
	position:absolute;
	left:0;
	top:-23px;
	width: 100%;
}
.check {
	text-align: left;
}
.check input {
	padding: 0 1px;
	border: double;
	background-color: #fff;
}
.check a {
	padding: 0 1px;
	border: double;
	background-color: #fff;
}
.height {
	line-height: 30px;
}
.sales_name {
	font-size: 15px;
}
.inner2 {
	width: 92%;
	max-width: 924px;
	margin: 0 auto;
	text-align: left;
}
.inner2 p {
	text-align: left;
}
.d_table { 
	margin-top: 5px;
}
.d_table, .d_table th, .d_table td {
	text-align: left;
	border: 1px solid #333;
	background-color: #fff;
	color: #333;
}
.d_table .d_center {
	text-align: center;
}
.d_table .d_right {
	text-align: right;
}
.d_self {
	margin-bottom: 20px;
}
.inner3 {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
.inner3 th, .inner3 td {
	padding: 4px 4px;
}
.title {
	width: 50%;
	margin: 100px auto 0;
}
.scroll_wrap {
	width: 160%;
	height: 153px;
	display: flex;
	justify-content: space-evenly;
}
.judge_box select {
	border: 1px solid #ed7a5b;
	font-size: 45px;
}
.apo_content .apo_date {
	width: 54%;
	border: 1px solid rgba(25,113,118,0.5);
}
.white_box {
	width: 80%;
	height: 60px;
	background-color: #fff;
	margin: 0 auto;
}
.white_box p {
	padding-top: 4px;
	color: #333;
	font-size: 31px;
	font-weight: bold;
}

.select_form {
	margin-bottom: 20px;
}
.select_form select {
	padding: 1px 2px;
}
.sorts {
	width: 96%;
	max-width: 1200px;
	height: 50px;
	margin: 0 auto 5px;
	background-color: rgba(237,122,91,0.2);
}

.sorts_apo {
	width: 96%;
	max-width: 1200px;
	height: 70px;
	margin: 0 auto 5px;
	background-color: rgba(244,197,95,0.2);
}
.sorts input {
	margin-top: 15px;
	height: 20px;
}
.sorts span {
	font-weight: bold;
	color: #ed7a5b;
}
.sorts .btn_submit {
	background-color: #ed7a5b;
	padding: 1px 8px 3px 8px;
}

select {
	-webkit-appearance: none;
	border-radius: 0;
	padding:1px 2px;
	background-color: #fff;
}
.sort_count {
	color: #197181;
}

.tantou {
	width: 96%;
	height: 20px;
	margin: 5px auto;
}
.tantou p {
	width: 20%;
	margin-right: auto;
	text-align: left;
}
.btns .to_form {
	display: block;
	width: 20%;
	margin: 0 auto;
	color: #fff;
	background-color: #197181;
	box-shadow: 0 3px 3px 0 #cdcdcd;
	padding: 3px 12px;
}
.edit_table td {
	padding-left: 4%;
	text-align: left;
}
.edit_table input {
	width: 70%;
}
.data_left td {
	padding-left: 4%;
	text-align: left;
}
.vertical_table .edit_hide {
	margin-left: 3%;
	width: 20%;
	border: none;
	color: #fff;
	background-color: rgb(169, 167, 167);
	box-shadow: 0 2px 2px 0 #cdcdcd;
	/* background-color: rgba(25,113,118,0.8); */
}
.manage_teishi {
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: rgb(53, 95, 97);
}
.manage_kadou {
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: rgb(169, 58, 58);
}

h5 {
	color: #666;
}
h5 a {
	background-color: rgba(121, 121, 121, 0.1);
	color: #000;
}
.center h5 {
	text-align: center;
}
.branch p .a_change {
	color: #f07e5e;
	background-color: rgba(240, 127, 96, 0.1);
}
.success .long {
	font-size: 15px;
}
.mypage .normal_a {
	padding: 1px 0;
	color: rgb(191, 51, 0);
	background-color: rgba(223, 137, 79, 0.1);
}
.egis_kanri .mypage {
	width: 90%;
}
.pays_mon {
	border: 1px solid #197181;
	color: #197181;
}
.pays_sub {
	border: 1px solid #197181;
	background-color: #197181;
	color: #fff;
}
.official_input {
	width: 90%;
}
.inner {
	max-width: 1200px;
}
.edit_table2 {
	margin: 0 auto;
}
.edit_table2 a .fa-question-circle {
	color: #fff;
}
.short_frame main {
	padding-top: 0;
}
.close_div {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
.close_window {
	padding: 3px 9px;
	text-align: center;
	background-color: #ed7a5b;
	color: #fff;
}
.td_wide {
	width: 50%;
}
.right {
	width: 30%;
	margin-left: auto;
}
.user_list th{
	background: linear-gradient(#2a90a2,#126776);
	border-color: #197181;
}
.user_list td,
.restec td {
	box-shadow:0px -3px 5px 1px rgba(210,210,210,0.5) inset;
}
a.disabled {
	pointer-events: none;
}
.select_acount {
	width: 30%;
	margin: 0 auto 20px;
	padding: 10px 0 20px;
	background: rgb(238, 243, 245);
	
}
.select_acount h2 {
	font-size: 20px;
}
.acount_select {
	display: block;
	margin: 20px auto 10px;
	padding: 4px 6px;
	border: 2px solid #197181;
}
#submit_btn {
	display: none;
}
.branch .form_select {
	font-size: 15px;
}
.branch .form_select b {
	color: rgb(79, 90, 95);
}
.setelement {
	background: linear-gradient(gray, black);
}
.mypage .btn_sky {
	background: #195e89;
}
.counter {
	font-size: 15px;
	font-weight: bold;
	color: #197181;
}
#subsidy .inner {
	width: 98%;
	max-width: 1440px;
}
#subsidy .inner .end_process {
	text-align: center;
}
.end_process input {
	border: none;
	color: #fff;
	background: linear-gradient(#ffdf99,#eab94f);
	padding: 6px;
}
.new_subsidy {
	width: 100%;
	padding: 10px 1% 15px;
	background: #f5f5f5;
	margin-bottom: 40px;
	box-sizing: border-box;
}
.subsidy_new {
	display: block;
	margin: 0 auto;
	border: none;
	padding: 6px 12px;
	color: #fff;
	background: linear-gradient(#fac6b8, #d06142);
}
.subsidy_list th,
.subsidy_list td {
	text-align: left;
}
.intro_color {
	color: #ed7a5b;
}
.set_alert {
	margin-top: 10px;
	color: #197181;
	animation: fade_in_out 3s ease forwards;
}
@keyframes fade_in_out {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.data_gbiz {
	width: 100%;
}
.data_gbiz table {
	width: 100%;
}
.successed td {
	background: rgb(162, 211, 205);
}
.applied td {
	background: #eee;
}
.failed td {
	background: #c7c7c7;
}
.data_short {
	width: 120px;
}
.data_veryshort {
	width: 60px;
}
.data_select {
	width: 120px;
}
.data_select select {
	width: 100%;
	padding: 6px 2px;
}
.data_middle {
	width: 160px;
}
.comment_window {
  text-align: center;
}
.comment_window textarea {
  width: 100%;
	height: 100px;
  box-sizing: border-box;
}
.comment_window input[type="submit"] {
	border: none;
	color: #fff;
	background: linear-gradient(#ffdf99,#eab94f);
	padding: 4px 16px;
}
.no_comment {
	color: #aaa;
}
.alert_comment {
	animation: flushing 1s ease infinite;
}
@keyframes flushing {
	0% {
		color: rgb(255, 45, 45);
	}
	50% {
		color: rgb(255, 231, 231);
	}
	100% {
		color: rgb(255, 45, 45);
	}
}
.btn_questions {
	background: #f4c55f;
	color: #fff;
	padding: 3px 6px;
}
.simple_table {
	width: 100%;
	margin-bottom: 10px;
}
.simple_table th {
	width: 30%;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
}
.simple_table td {
	width: 65%;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
}
.simple_table textarea,
.simple_table textarea {
	width: 95%;
	min-height: 52px;
	text-align: left;
	font-size: 16px;
}
.simple_table,
.simple_table th,
.simple_table td {
	border: none;
	background: #fff;
	color: #666;
	font-size: 16px;
}
.simple_table .questions_btn {
	width: 5%;
}
.select_number.hidden {
	visibility: hidden;
}
.number_link {
	color: #ed7a5b;
	text-decoration: underline;
	margin-left: 3px;
	margin-right: 3px;
}
.authers {
  color: #f4c55f;
}
.sukima {
	visibility: hidden;
}
@media(max-width:767px) {
	.sukima {
		display: none;
	}
}
.rejected {
	color: red;
}
.accepted {
	color: blue;
}
.upload_app {
	text-align: center;
	display: block;
	width: 280px;
	background: linear-gradient(#fac6b8, #d06142);
	color: #fff;
	margin: 10px auto 30px;
}
.tablecell {
	display: table;
	width: 100%;
}
h2 .subsidy_count {
	width: 33%;
	display: table-cell;
	text-align: left;
	padding-left: 1%;
	box-sizing: border-box;
}
h2 .subsidy_count::before {
	display: none;
}

.grant_preparation {
	width: 33%;
	display: table-cell;
	text-align: center;
}
.intro_selects {
	display: table-cell;
	text-align: right;
	padding-right: 1%;
	box-sizing: border-box;
}
h2 .intro_selects::before {
	display: none;
}
.intro_select {
	border-color: #197181;
	margin-top: 3px;
}
.intro_submit {
	border: none;
	background: linear-gradient(#2a90a2,#126776);
	color: #fff;
}
.adoption_frame {
	position: relative;
}
.adoption {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	animation: inkan 2s ease infinite;
}
.adoption.hidden {
	visibility: hidden;
}
@keyframes inkan {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}

.login_url {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 20px 0;
	background: #f1f1f1;
}
.login_url img {
	width: 100%;
	max-width: 160px;
	margin-top: 5px;
}
.card_login {
	border: none;
	padding: 6px 12px;
	background: linear-gradient(#fac6b8, #d06142);
	width: fit-content;
	text-align: center;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}
.login_error {
	text-align: center;
	color: rgb(200, 63, 63);
	animation: Error 6s ease alternate;
	opacity: 0;
	font-size: 15px;
}
@keyframes Error {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* 名刺.net用 */
* {
	box-sizing: border-box;
}
.card_editor {
	width: 100%;
	max-width: 800px;
	margin: auto;
	padding: 0;
	text-align: center;
}
.card_editor table {
	width: 100%;
	max-width: 800px;
	margin: 0;
	padding: 0;
}
.image_td {
	white-space: nowrap;
	margin: 0;
	padding: 0;
	border: 2px solid #333;
	background-color:#aaaaaa;
}
/* .image_td table {
	margin: 0;
	padding: 0;
} */
 .image_frame {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
 }
 .image_left,
 .image_right {
	display: flex;
	flex-wrap: wrap;
	width: 50%;
 }
.image_td2 {
	width: 100%;
	height: auto;
	vertical-align:middle;
	margin:0;
	padding:1px;
	border:solid 3px;
	box-sizing: border-box;
}
#select_img1,
#select_img2 {
  display: none;
}
#new_img1,
#new_img2,
#existing1,
#existing2 {
	max-width: 90%;
	max-height: 90%;
	margin-top: 5px;
}

.image_td3 {
	width: 50%;
	border: solid 3px;
	padding: 2px;
	background-color: #0068b7;
	text-align: center;
	box-sizing: border-box;
}
.image_td3 img,
.image_td3 label,
.image_td3 input[type="image"] {
	width: 50%;
	padding-top: 10px;
	cursor: pointer;
}
.image_td3 button {
	width: 50%;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 0;
	color: rgba(0, 0, 0, 0);
	background: none;
	border: none;
	vertical-align: top;
}
.image_td3 button img {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.edit_label img {
	padding-top: 5px;
	padding-bottom: 5px;
}
.btn_upload {
	margin-right: 2%;
	display: inline-block;
	width: 45%;
	max-width: 92px;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 0;
	color: rgba(0, 0, 0, 0);
	background: none;
	border: none;
	vertical-align: top;
}
.btn_close {
	width: 45%;
	max-width: 92px;
}
.card_detail th {
	width: 31%;
	border-bottom: 1px solid #fff;
}
.card_detail.end th {
	border-bottom: 1px solid #197181;
}
.card_detail input,
.card_detail select {
	width: 99%;
	max-width: 270px;
	padding: 2px;
	border: 1px solid rgb(118, 118, 118);
	border-radius: 3px;
	-webkit-appearance: none;
	font-size: 14px;
	text-align: center;
}
.card_detail input[name="customer_company_name"] {
	width: 70%;
	max-width: 270px;
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.card_detail select[name="front_corp"],
.card_detail select[name="back_corp"] {
	width: 13%;
	max-width: 45px;
}

.settings {
	position: relative;
	text-align: center;
	padding-top: 20px;
}
.settings table {
	width: 100%;
	max-width: 600px;
	margin-top: 0;
}
.manager_list {
	border-bottom: 1px solid #fff;
	padding: 4px 2px;
}
.manager_list2 {
	width: 22%;
	border-right: 1px solid #fff;
	padding: 4px 2px;
}
.manager_list3 {
	width: 26%;
	border-right: 1px solid #fff;
	padding: 4px 2px;
}
.manager_list4 {
	width: 26%;
	padding: 4px 2px;
}
/* #add_manager {
	width: 90%;
	max-width:110px;
	vertical-align: middle;
	cursor: pointer;
} */
#add_manager {
	-webkit-appearance: none;
	border: 1px solid #fff;
	background: #0068B7;
	color: #fff;
	border-radius: 0;
	width: fit-content;
	margin-right: 1%;
	padding: 2px 8px;
	vertical-align: middle;
	cursor: pointer;
	font-size: 14px;
}
#card_transfer {
	-webkit-appearance: none;
	border: 1px solid #fff;
	background: #0068B7;
	color: #fff;
	border-radius: 0;
	width: fit-content;
	padding: 2px 6px;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 0.2rem;
	font-size: 14px;
}
.btn_edit {
	display: inline-block;
	width: 45%;
	max-width: 60px;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 0;
	color: rgba(0, 0, 0, 0);
	background: none;
	border: none;
	vertical-align: middle;
}
.btn_classification {
	padding: 0 6px;
	background: rgb(237, 246, 250);
	border: 1px solid rgb(118, 118, 118);
	border-radius: 3px;
	-webkit-appearance: none;
	font-size: 14px;
	line-height: 2;
	text-align: center;
	margin: 3px 0.5%;
}
.btn_classification span {
	color: rgb(0,104,183);
}
.settings .class_table {
	margin-top: 10px;
	margin-bottom: 40px;
}
.class_table input[type="text"] {
	width: 58%;
	max-width: 180px;
	margin-right: 1%;
	padding: 3px;
	border: 1px solid rgb(118, 118, 118);
	border-radius: 3px;
	-webkit-appearance: none;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}
.class_table button[name="add_class"] {
	width: 40%;
	max-width: 110px;
	-webkit-appearance: none;
	padding: 0;
	color: rgba(0, 0, 0, 0);
	background: none;
	border: none;
	vertical-align: middle;
	cursor: pointer;
}
.btn_exit {
	display: block;
	max-width: 90px;
	cursor: pointer;
	opacity: 0.9;
	position: fixed;
	bottom: 10px;
	left:calc(50% - 90px/2);
}
#manager_edit, 
#manager_edit2, 
#transfer_select {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background: rgba(100, 100, 100, 0.3);
	animation: manager_fade 1s ease forwards;
}
@keyframes manager_fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.edit_frame {
	margin: calc((100vh - 360px) / 2) auto;
	width: 100%;
	max-width: 480px;
	height: 360px;
	padding: 5px;
	background: #fff;
	border-radius: 3px;
}
.edit_frame table {
	margin-bottom: 15px;
}
.bottom_white {
	border-bottom: 1px solid #fff;
}
.edit_frame table th {
	width: 45%;
}
.edit_frame table td {
	width: 55%;
}
.border_top_white {
	border-bottom: 1px solid #fff;
}
.supplement {
	margin: 0 auto 15px;
	text-align: center;
	font-weight: 600;
}
.add_syain,
.edit_syain,
.btn_transfer,
#btn_return,
#btn_return2,
#btn_return3 {
	width: 40%;
	max-width: 90px;
	-webkit-appearance: none;
	padding: 0;
	color: rgba(0, 0, 0, 0);
	background: none;
	border: none;
	vertical-align: middle;
	cursor: pointer;
}
.add_syain,
.edit_syain,
.btn_transfer {
	margin-right: 2%;
}
.hide {
	display: none;
}
.still {
	pointer-events: none;
}
.card_list {
	position: relative;
}
.header {
	width: 99.5%;
	max-width: 1300px;
	height: 40px;
	margin: 5px auto 0;
	padding: 5px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	background: #197181;
	color: #fff;
}
.titles {
	width: 40%;
	line-height: 30px;
	text-align: left;
}
.header p {
	line-height: 30px;
}
.header .manage_btns {
	width: 40%;
	text-align: right;
}
.titles img {
	object-fit: contain;
	max-height: 30px;
}
#open, #close, .sp_menu, 
#navi {
	display: none;
}
#navi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	z-index: 400;
}
#navi li {
	text-align: center;
}
#navi li p {
	line-height: 40px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
}
.manage_btns span {
	line-height: 30px;
	font-weight: 600;
	background: #fff;
	color: #197181;
	padding: 3px 5px;
	cursor: pointer;
	border-radius: 3px;
}
.btn_setting {
	margin-right: 1%;
}
.sort_menu {
	width: 99.5%;
	max-width: 1300px;
	border: 0;
	border-color: #ffffff;
	border-width: 0;
	margin: 8px auto;
	display: flex;
	justify-content: space-around;
}
.sort_menu p {
	height: 30px;
	line-height: 30px;
	background: #0068B7;
	color: #fff;
	border-radius: 3px;
	padding: 0 5px;
	font-weight: 600;
}
.s_manager {
	width: fit-content;
}
.s_classification {
	width: fit-content;
}
.s_keyword {
	width: fit-content;
}
.s_sort {
	width: fit-content;
}
.s_clear {
	width: fit-content;
	cursor: pointer;
}
.s_manager select, 
.s_classification select, 
.s_sort select {
	color: #3f3f3f;
}
.num_info {
	width: 99.5%;
	max-width: 1300px;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: start;
	color: #197181;
	font-weight: 600;
}
.card_num {
	margin: 0 1%;
}
.display_num {
	margin: 0 1%;
}
.page_num {
	margin: 0 1%;
}
.page_num a {
	letter-spacing: 0.1rem;
	font-weight: 500;
}
.page_selected {
	letter-spacing: 0.1rem;
}
.add_card {
	background: #fff;
	border: 2px solid #0068B7;
	color: #0068B7;
	border-radius: 3px;
	padding: 0 5px;
	line-height: 26px;
	font-weight: 600;
	position: absolute;
	top: 0;
	right: 0.5%;
	cursor: pointer;
	z-index: 300;
}
.card_table {
	width: 99.5%;
	max-width: 1300px;
	margin: 10px auto;
	border-collapse: collapse;
}
.card_table th {
	position: sticky;
	top: 0;
	border-top: none;
	opacity: 0.95;
}
.orange {
	color: rgb(235, 153, 0);
}
.th1 {
	width: 13%;
	border-right: 1px solid #fff;
}
.th2, .th4 {
	width: 7%;
	border-right: 1px solid #fff;
}
.th3, .th5 {
	width: 21%;
	border-right: 1px solid #fff;
}
.th6 {
	width: 16%;
	border-right: 1px solid #fff;
}
.th7 {
	width: 8%;
	border-right: 1px solid #fff;
}
.th8 {
	width: 7%;
}
.td8 button {
	width: 100%;
	-webkit-appearance: none;
	background: #0068B7;
	color: #fff;
	border: none;
	border-radius: 3px;
	padding: 2px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.2rem;
}
.td8 button:first-child {
	margin-bottom: 5px;
}
.list_tr:nth-child(odd) {
	background: #eefaf7;
}
.thumbnail {
	width: 100%;
	white-space: nowrap;
	vertical-align: bottom;
	text-align: left;
}
.td2, .td4 {
	font-size: 13px;
}
.card_data {
	width: 100%;
	text-align: left;
}
#change_td3, #change_td5 {
	display: none;
}
.for_sp {
	display: none;
}
.landmark {
	text-align: center;
	color: #197181;
	font-size: 20px;
	letter-spacing: 0.5rem;
	margin-bottom: 15px;
}
@media(max-width:900px) {
	.sort_menu {
		flex-wrap: wrap;
	}
	.s_manager,
	.s_classification {
		margin-right: 0.5%;
		margin-bottom: 5px;
		padding: 0 10px;
	}
	.s_keyword {
		padding: 0 10px;
	}
	.s_sort,
	.s_clear {
		margin-left: 0.5%;
		margin-right: 0.5%;
		padding: 0 10px;
	}
	.th4, .td4, 
	.th6, .td6 {
		display: none;
	}
	.th1 {
		width: 15%;
		border-right: 1px solid #fff;
	}
	.th2 {
		width: 9%;
		border-right: 1px solid #fff;
	}
	.th3, .th5 {
		width: 28.5%;
		border-right: 1px solid #fff;
	}
	.th7 {
		width: 10%;
		border-right: 1px solid #fff;
	}
	.th8 {
		width: 9%;
	}
}

@media(max-width:767px) {
	.card_detail th {
		padding: 8px 3px;
	}
	.card_detail input,
	.card_detail select {
		font-size: 16px;
		transform: scale(0.8);
	}
}

@media screen and (max-width: 480px) {
	.image_frame {
		flex-direction: column;
	}
	.image_left,
	.image_right {
	 width: 100%;
	}
	.edit_frame {
		padding: 0;
		border-radius: 0;
	}
	#add_manager {
		padding: 2px 5px;
		margin-right: 0.5%;
		font-size: 13px;
	}
	#card_transfer {
		padding: 2px 3px;
		font-size: 13px;
	}
	
	.card_detail input[name="customer_company_name"] {
		width: 66%;
	}
	.manage_btns {
		display: none;
	}
	.sp_menu {
		width: 100%;
		display: block;
		position: relative;
	}
	#open, #close {
			display: block;
			width: 30px;
			border: none;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 500;
	}
	.sort_menu {
		justify-content: space-between;
	}
	.sort_menu p {
		font-size: 14px;
	}
	.s_manager {
		max-width: 45.5%;
		white-space: nowrap;
		margin-left: 0.5%;
		margin-right: 0;
	}
	.s_classification {
		max-width: 53%;
		white-space: nowrap;
	}
	.s_manager select {
		-webkit-appearance: none;
		font-size: 16px;
		transform: scale(0.8);
		white-space: nowrap;
		overflow: hidden;
    text-overflow: ellipsis;
	}
	.s_classification select {
		-webkit-appearance: none;
		font-size: 16px;
		transform: scale(0.8);
		white-space: nowrap;
		overflow: hidden;
    text-overflow: ellipsis;
	}
	.s_keyword {
		width: 99%;
		margin: 0 0.5% 5px;
		margin-bottom: 5px;
	}
	.s_keyword input[type="text"] {
		-webkit-appearance: none;
		width: 62%;
		border-radius: 0;
    padding: 1px 2px;
		border: 1px solid #666;
    background-color: #fff;
		font-size: 16px;
		transform: scale(0.8);
	}
	.num_info {
		height: 60px;
		justify-content: start;
		flex-wrap: wrap;
	}
	.add_card {
		height: 30px;
		top: auto;
		bottom: 0;
	}
	.card_table {
		table-layout: fixed;
	}
	/* .card_table th, 
	.card_table td {
		font-size: 12px;
	} */
	.th2, .th5, .th7, 
	.td2, .td5, .td7 {
		display: none;
	}
	.th1 {
		width: 37%;
		border-right: 1px solid #fff;
	}
	.th3, .th5 {
		width: 51%;
		border-right: 1px solid #fff;
		position: relative;
	}
	.td3, .td5 {
		width: 51%;
	}
	.td3 p, .td5 p {
		white-space: nowrap;
		overflow: hidden;
    text-overflow: ellipsis;
	}
	#change_td3, #change_td5 {
		display: block;
		color: rgb(255, 255, 255);
		position: absolute;
		top: 2px;
		right: 5px;
		cursor: pointer;
	}
	.th8 {
		width: 12%;
	}
	.td8 button {
		padding: 2px 0;
		font-size: 14px;
		letter-spacing: 0.1rem;
	}
	.for_pc {
		display: none;
		pointer-events: none;
	}
	.for_sp {
		display: inline;
	}	
}