@charset "UTF-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	font-size: 17px;
	vertical-align: middle;
	padding-left: 5px;
}


[class*="link-"]:after {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	margin-right: 2px;
	margin-left: 2px;
	position: relative;
	top: 2px;
}

a.link-ex:after {
	content: '\e89e';
}

a.link-pdf:after {
	content: '\e415';
}

a.link-download:after {
	content: '\e161';
}

a.link-mail:after {
	content: '\e0e1';
}

.link-exit:after {
	content: '\e87c';
}

input[type="text"]::placeholder,input[type="password"]::placeholder {
  color: #B2B2B2;
	opacity: 1;
}
/* IE */
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder{
  color: #B2B2B2;
	opacity: 1;
}
/* Edge */
input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder {
  color: #B2B2B2;
	opacity: 1;
}


.pc-none{
	display: none;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: 'Lato','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.3em;
	font-size: 11pt;
	color: #444444;
	font-weight: 400;
}
* html body dl.list dd div{
   display:inline-block;
}
p {
	font-size: 10pt;
}

p.p-pass{
	text-align: center;
	font-size: 15px;
}
a {
	text-decoration: none;
	color: #009D86;
	transition: 0.4s;
}
a:hover {
	text-decoration: underline;
	color: #009D86;
	opacity: 0.6;
}


header {
	text-align: center;
	background-color: #F5F5F5;
	-webkit-box-shadow: 0px 3px 4px #D7D7D7;
	box-shadow: 0px 3px 4px #D7D7D7;
	margin-bottom: 1em;
	padding: 2em 0;
}

header img.header-img{
	width: 100%;
	max-width: 900px;
}

h1 {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin: 1.5em 0 1.5em;
	line-height: 1.3;
}


header h1{
	color: #1c7d56;
	font-size: 50px;
	font-weight: 600;
	margin: 0;
}

h2 {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	margin: 1.5em 0 0em;
	line-height: 1.3;
	background-color: rgba(222,239,223,1.00);
	border-bottom: 5px solid rgba(66,122,62,1.00);
	padding: 10px 10px;
	box-sizing: border-box;
}


.kaisai{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.kaisai p{
	margin: 10px 15px;
	color: #1c7d56;
	font-weight: 500;
	font-size: 17px;
}

.kaisai p::before{
	content: "";
	background-color: #1c7d56;
	padding: 5px 10px;
	color: #fff;
	box-sizing: border-box;
	width: 80px;
	display: inline-block;
	border-radius: 10px;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 400;
}

.kaisai p:nth-child(1)::before{
	content: "開催日";
}
.kaisai p:nth-child(2)::before{
	content: "会場";
}
/*幅と背景*/
#wrapper {
	padding: 0px 0px 3em;
	max-width: 900px;
	width: 94%;
	background: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	box-sizing: border-box;
}
.title1 {
	padding-top: 0.5em;
	font-size: 16pt;
	color: #444;
	letter-spacing: 2px;
	text-align: center;
	box-sizing: border-box;
}
.error {
	background-color: #FFEDF3;
	color: #C00;
	font-size: 15px;;
	margin: 0px;
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
	border-left: 5px solid #C00;
}

.setsumei {
	font-size: 15px;
	padding: 10px;
	width: auto;
	box-sizing: border-box;
	background-color: #F5F5F5;
	text-align: left;
	border-left: 5px solid #999;
	margin:  10px 0 0 0;
}

.infomation{
	padding: 15px;
	box-sizing: border-box;
	text-align: left;
}

.infomation p{
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}

.alert{
	background-color: rgba(255,249,215,1.00);
	padding: 1em;
	box-sizing: border-box;
	text-align: center;
}

table.base {
	border-collapse: collapse;
	font-size: 10pt;
	padding: 0px;
	margin: 2em auto 1em;
	text-align: center;
}
table.base td {
	padding: 3px 1em;
	margin: 0px;
	box-sizing: border-box;
}
table.base1 {
	font-size: 11pt;
	padding: 0px;
	text-align: left;
	margin: 2em auto 1em;
	border-collapse: collapse;
	border-spacing: 0px 2px;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	width: 100%;
}
table.base1 th {
	padding: 0.8em 8px;
	margin: 0px;
	font-weight: normal;
	box-sizing: border-box;
}
table.base1 td {
	padding: 6px;
	margin: 0px;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBB;
	box-sizing: border-box;
}
.komoku {
	font-size: 10pt;
	background-color: #EEEEEE;
	color: #333333;
	width: 25%;
}
.midashi1 {
	font-size: 12pt;
	text-align: left;
	color: #FFFFFF;
	background-color: #7A7A7A;
}


ul.info-ul{
    padding: 0em  1em  0em  1.5em;
    margin: 0;
    box-sizing: border-box;
}

ul.info-ul li{
    margin: 8px 0;
    line-height: 1.3;
}

/*ログイン*/
table.base1.login-table{
	max-width: 450px;
	border: none;
	margin-top: 0;
}

table.base1.login-table td{
	border: none;
}



input[type="text"],input[type="password"],input[type="number"], text, textarea {
	vertical-align: middle;
	border: 1px solid #CCCCCC; /*　枠線 */
	-webkit-border-radius: 4px; /* 角丸 */
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 15px;
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	width: 100%;
	box-sizing: border-box;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	font-weight: 300;
	line-height: 1.4;
	height: 2rem;
padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    position: relative;
}

textarea{
	height: 6rem;
}

select {
	border: 1px solid #CCCCCC; /*　枠線 */
	-webkit-border-radius: 4px; /* 角丸 */
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 10pt;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
input[type="checkbox"], input[type="radio"] {
	display: inline-block;
	margin: 2px;
	padding: 0;
	vertical-align: middle;
	position: relative;
	top: -1px;
	cursor: pointer;
	width: auto;
}

/*<input type="number">のスピンボタン（右のボタン）を消す*/

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;
}

.btn-control{
	margin: 3em 0 2em;
	display: flex;
	justify-content: center;
}

.btn-control button{
	background-color: #145A3E;
	border:none;
	color: #FFF;
	font-size: 17px;
	width: 200px;
	padding: 0.5em 0;
	vertical-align: middle;
	border-radius: 5px;
	margin: 0 15px;
}

.btn-control.pay-wrap{
	justify-content: flex-start;
	align-items: flex-start;
	margin: 10px 0;
}

.btn-control button[name="back"]{
		background-color: #FFF;
	border: 1px solid rgba(163,163,163,1.00);
	color: rgba(100,100,100,1.00);
}

.btn-control button[name="payment"]{
		background-color: rgba(237,114,0,1.00);
	border: none;
	color: #fff;
	letter-spacing: 0px;
	font-weight: bold;
	width: 250px;
}

button[name="document"]{
	border: none;
	background-color: rgba(239,238,238,1.00);
	border-radius: 0;
	letter-spacing: 0;
	padding: 5px 20px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 15px;
	border-left: 5px solid rgba(0,128,83,1.00);
	margin: 5px 0;
}

button[name="send"]{
	background-color: #145A3E;
	border:none;
	color: #FFF;
	font-size: 17px;
	min-width: 100px;
	width: 100px;
	padding: 4px 0;
	vertical-align: middle;
	border-radius: 5px;
}

button:hover{
	cursor: pointer;
	opacity: 0.5;
	transition-duration: 300ms;
}



.center {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.left {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
/*span設定*/
.eg {
	color: #0082C3;
	font-size: 9pt;
}
.red {
	color: #F00;
	padding-left: 2px;
	padding-right: 2px;
	box-sizing: border-box;
}
/*スペース*/
.space_tb1 { /* 使い方   class="space_tb1" */
	/*上下に各1文字分のマージン（スペース）*/
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0em;
	margin-right: 0em;
}
.space_tb2 { /* 使い方   class="space_tb2" */
	/*上下に各2文字分のマージン（スペース）*/
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 0em;
	margin-right: 0em;
}
.space_tb3 { /* 使い方   class="space_tb3" */
	/*上下に各3文字分のマージン（スペース）*/
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: 0em;
	margin-right: 0em;
}
.w160 {
	width: 160px;
}
.w420 {
	width: 420px;
}
.w460 {
	width: 460px;
}
.w540 {
	width: 540px;
}
.w610 {
	width: 610px;
}
.w700 {
	width: 700px;
}
.w740 {
	width: 740px;
}
.w900 {
	width: 900px;
}
.pr6 {
	width: 6%;
}
.pr7 {
	width: 7%;
}
.pr12 {
	width: 12%;
}
.pr20 {
	width: 20%;
}
.pr24 {
	width: 20%;
}
.pr25 {
	width: 25%;
}
.pr30 {
	width: 30%;
}
.pr35 {
	width: 35%;
}
.pr40 {
	width: 40%;
}
.pr47 {
	width: 47%;
}
.pr48 {
	width: 48%;
}
.pr50 {
	width: 50%;
}
.pr70 {
	width: 70%;
}
.pr92 {
	width: 92%;
}
.pr95 {
	width: 95%;
}
dl {
	margin: 0px;
	padding:  0px;
}
dl.list dt {
	float: left;
	width: 9em;
	
}
dl.list dt span {
	color: #0082C3;
	border-bottom: 3px double #0082C3;
}
dl.list dd {
	margin-left: 0;
	padding-left: 9em;
	box-sizing: border-box;
}

.document{
	text-align: left;
}


/*領収書のスタイル*/

.receipt{
	height: 100vh
}

#wrapper.receipt-wrap{
	padding: 5mm;
	box-sizing: border-box;
}
#wrapper.receipt-wrap header{
	background-color: #fff;
	box-shadow: none;
}

.btn-control{
	display: flex;
	justify-content: center;
	margin-top: 10mm;
}

.receipt-h1{
	font-size: 22pt;
	margin: 10mm 0 5mm;
}

.invoice-item{
	margin-top: 30px;
}

.receipt-no{
	display: block;
	text-align: right;
}

.receipt-name{
	font-size: 17px;
	text-align: left;
}

.receipt-name2{
	font-size: 13px;
    text-align: left;
    margin-left: 50px;
}
.receipt-fee{
	font-size: 20px;
	text-align: center;
}

.under{
	display: inline-block;
	border-bottom: #333 1px solid;
}

.receipt-fee .under{
	background-color: #EFEFEF;
	padding: 0.4em 1.5em;
	box-sizing: border-box;
}

.receipt-detail{
	font-size: 14px;
}

.invoice-address{
	margin-right: 0px;
	font-size: 9pt;
	text-align: left;
	position: relative;
	z-index: 1;
}

.invoice-address img.stamp-img{
	position: absolute;
	right: 0px;
	top: 0;
	z-index: -1;
	pointer-events: none;
	
}

.message-table{
	width: auto;
	border-collapse: collapse;
	margin: 0px auto;
}

.message-table td{
	font-size: 11pt;
	border-bottom: 1px solid #333;
	padding: 1mm 0;
}


.receipt-under{
	display: flex;
	justify-content: space-between;
	margin-top: 30mm;
}

.receipt-under section{
	width: 70mm;
}

.uchiwake-table{
	border-collapse: collapse;
	width: 100%;
}

.uchiwake-table tr:first-of-type td{
	border-bottom: 1px solid #333;
}

.method-table{
	border-collapse: collapse;
	width: 100%;
	font-size: 9pt;
	margin-top: 10mm;
}

.method-table td{
	border-bottom: 1px solid #333;
}

.method-table td:nth-of-type(1){
	text-align: right;
	width: 35%;
}


/*資料ダウンロードエリアのスタイル*/

.base1.docu_table td{
	
padding: 10px;
	box-sizing: border-box;
}


.base1.docu_table td:nth-of-type(1){
	width: 5%;
	text-align: center;
}
.base1.docu_table td:nth-of-type(2){
	width: 45%;
}

button.button_docu{
	background-color: #197AB6;
	color: #FFF;
	font-size: 15px;
	width: 100%;
	outline: none;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 1px 2px 0px rgba(10,10,10,0.3);
	font-weight: bold;
	padding: 0.65em 0.3em;
	box-sizing: border-box;
}

button.button_docu:hover{
	opacity: 0.5;
	transition-duration: 500ms;
	cursor: pointer;
}

button.button_docu.no-act{
	background-color: #A7A7A7;
    pointer-events: none;
}

input.is-10pct {width: 10%;}
input.is-20pct {width: 20%;}
input.is-30pct {width: 30%;}
input.is-40pct {width: 40%;}
input.is-50pct {width: 50%;}
input.is-60pct {width: 60%;}
input.is-70pct {width: 70%;}
input.is-80pct {width: 80%;}
input.is-90pct {width: 90%;}

.br_sp{
	display: none;
}

.top-border{
	border-top: 1px dashed #CCC;
	margin-top: 6px;
	padding-top: 10px;
}

.top-border p{
	margin: 0 0 5px 0;
	padding: 0;
}


@media (max-width:650px){
	

input.is-10pct {width: 100%;}
input.is-20pct {width: 100%;}
input.is-30pct {width: 100%;}
input.is-40pct {width: 100%;}
input.is-50pct {width: 100%;}
input.is-60pct {width: 100%;}
input.is-70pct {width: 100%;}
input.is-80pct {width: 100%;}
input.is-90pct {width: 100%;}
	
	
table.base1 th {
	width: 100%;
	display: block;
}
table.base1 td {
	width: 100%;
	display: block;
}
table.base1 td.komoku {
	width: 100%;
	display: block;
}
	.br_sp{
	display: block;
}
	
	select{
		width: 100%;
	}
	
	input.is-30pct[name="zz_name1"],input.is-30pct[name="zz_name2"],
	input.is-30pct[name="kana_f"],input.is-30pct[name="kana_g"]{
		width: 30%;
	}
	
header{
		box-sizing: border-box;
	padding: 1em 0;
	}

	.kaisai{
		margin-top: 10px;
		justify-content: flex-start;
		padding: 0 30px;
		box-sizing: border-box;
	}
	
	.kaisai p{
		margin: 5px;
		
	}
header h1{
	font-size: 33px;
	}
	
	.btn-control{
		flex-direction: column;
		margin: 10px 0;
		box-sizing: border-box;
		align-items: center;
	}
	.btn-control button{
margin: 8px 0;
	}
	
	
	.pc-none{
		display: block;
		align-items: center;
	}
	
	.rs-btn-wrap{
		display: block;
		margin-top: 10px;
		text-align: right;
	}

}