/**********************************
法人研究会　入会申し込み
				2022/3/26
				Y.Shimada
************************************/
@charset "utf-8"

.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}

.mb_s {	margin-bottom:1rem;}
.mb_m {	margin-bottom:3rem;}
.mb_l {	margin-bottom:5rem;}

.mt_s {	margin-top:1rem;}
.mt_m {	margin-top:3rem;}
.mt_l {	margin-top:5rem;}

.mr_s {	margin-right:1rem;}

.fw-b{font-weight:bold;}
.fs-m{font-size:1.2rem}

p{line-height:22px;}

.c-red{
	font-weight: bold; 
	color:red;
}

.col-bg {
/*
    background: linear-gradient(#c8e6c9, #a5d6a7) fixed;
    background: linear-gradient(#98d98e, #b0ca71) fixed;
    background: linear-gradient(#9cff9c, #7ccc7c) fixed;
    background: linear-gradient(#7ccc7c, #5d995d) fixed;
*/
    background: linear-gradient(#ffffd1, #e0ffc1) fixed;
}

#formWrap {
	width:960px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
/*	background:#efefef;*/
	text-align:left;
    color: #424242;
    font-size: 1.1rem;
    font-weight: bold;
    word-break: break-word;
}
th span {
	font-size:0.8rem;
}

.necessary::after {
    content: "必須";
    background: #e53935;
    color: #ffffff;
    padding: 0.25rem 0.35rem;
    border-radius: 0.35rem;
    font-size: .65rem;
    margin-left: 0.5rem;
    vertical-align: middle;
    white-space: nowrap;
}
.optional::after {
    content: "(任意)";
/*    background: #151515;*/
    color: #151515;
/*    padding: 0.25rem 0.35rem;
    border-radius: 0.35rem;
*/
    font-size: .8rem;
    margin-left: 0.5rem;
    vertical-align: middle;
    white-space: nowrap;
/*	border: solid 1px #151515;*/
}


input,textarea {
	display: inline-block;
	width:36rem;
	max-width:100%;
    padding: 0.4rem 0.75rem;
    font-size: 1.1rem;
	font-weight:bold;
    line-height: 1.25;
    color: #616161;
    background-color: #ffffff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(117, 117, 117, 0.4);
    border-radius: 0.35rem;
/*    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}

.err_input {
    border: 3px solid #f00;
    background-color: #efefef;
}

input.wide-s {width:16rem;}
select.wide-s {width:16rem;}

input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
	width:300px;
	height:60px;
}

input[type="checkbox"] {
	transform: scale(1.4);
	width:1.4rem
}

input[type="button"]:hover {
	cursor : pointer;
	opacity: .8;
}

input[type="text"]:focus {
    background-color: #ffffff;
    border: 3px solid rgba(117, 117, 117, 0.4);
}

.scrollbox {
	padding:1rem;
    background-color: #ffffff;
    border: 1px solid #000;      /* わかりやすくボーダーを引く */
    overflow-y: scroll;          /* 縦方向にスクロール可能にする */
}

select {
	display: inline-block;
	width:36rem;
	max-width:100%;
    padding: 0.4rem 0.75rem;
    font-size: 1.1rem;
	font-weight:bold;
    line-height: 1.25;
    color: #616161;
    background-color: #ffffff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(117, 117, 117, 0.4);
    border-radius: 0.35rem;
}


/* ～ 1024px*/
@media screen and (max-width:1024px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
	background:#efefef;
}
input[type="text"], textarea {
/*	width:80%;
	padding:5px;
	font-size:1.1rem;
	display:block;
*/
    display: inline-block;
    width: 100%;
    padding: 0.5em;
    border: 1px solid #999;
    box-sizing: border-box;
    margin: 0.5em 0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:60px;
}

.err_input {
    border: 2px solid #f00!important;
    background-color: #efefef;
}


.mb_s {	margin-bottom:0.5rem;}
.mb_m {	margin-bottom:1rem;}
.mb_l {	margin-bottom:3rem;}

.mt_s {	margin-top:0.5rem;}
.mt_m {	margin-top:1rem;}
.mt_l {	margin-top:3rem;}

.mr_s {	margin-right:0;}


}