body {
    font-family:"Noto Sans JP", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.mailaten {
    font-size:70%;
}

.inputtable {
    margin: auto;
    font-size:120%;
    width:600px;
    vertical-align: top;
}

.inputtabletitle {
    height: 50px;
    font-weight: bold;
    min-width:200px;
    padding: 0 0 0 0;
}

.inputtabletitle2 {
    height: 50px;
    font-weight: bold;
    min-width:200px;
    padding: 40px 0 0 0;
}

.input-name-group {
    display: flex;
    gap: 10px;
}

.input-name-group .fullname {
    width: 50%;
}

.inputtabletitlevisitcount {
    height: 190px;
    font-weight: bold;
    min-width: 200px;
    vertical-align: top;
    padding-top: 40px;
    
}

.inputvisitcountrow {
    vertical-align: top;
    padding-top: 40px;
}

.inputtabletitlemail1 {
    height: 100px;
    font-weight: bold;
    min-width:200px;
    padding: 0 0 90px 0;
}

.buttoncol {
    text-align: center;
}

#firstbutton {
    color: #ffffff;
    font-weight: bold;
    background-color: #009fa6;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 2px 2px 4px #555555;
    text-shadow: 0px 1px 0px #555555;
    width:100px;
    margin: auto;
    font-size:150%;
}


#firstbutton:hover {
    opacity:0.8;
}


#secondbutton {
    color: #ffffff;
    font-weight: bold;
    background-color: #009fa6;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 2px 2px 4px #555555;
    text-shadow: 0px 1px 0px #555555;
    width: 60%;
    margin: auto;
}


.errormessage {
    color:#ff0000;
    display:none;
}



.titlediscription {
    line-height: 150%;
    font-weight: bold;
    font-size: 120%;
    color: #009fa6;
    white-space:nowrap;
}

.termtitle {
	color: #ffffff;
	font-weight: bold;
	background-color: #009fa6;
	cursor: pointer;
	text-shadow: 0px 1px 0px #555555;
	margin: auto;
	text-align: center;
}



.termcheckwrap {
	text-align: center;
}

.spancenter {
	text-align:center;
}

.tenpo1title {
	/* position:absolute; */
	margin-left:-10px;
}

.tenpo2title {
	text-align:right;
}

#firsttimelabel {
	margin-right:20px;
	font-weight:normal;
}

#secondtimelabel {
	font-weight:normal;
}

#consentchecklabel {
	font-weight:normal;
}


.arrow {
    background: url(../images/infoarrow.png) no-repeat;
    background-size: contain;
    height: 70px;
    margin-top: -80px;
    /* margin-bottom: 20px; */
    margin-left: 20px;
}

#date {
    text-align:left;
    font-size:100%;
}

#visitcount {
    width:360px;

}

.entanotations {
    position:absolute;
    font-size:70%;
    width:300px;
    padding-left:15px;
    font-weight: normal;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    letter-spacing: 1px;
}
.entanotations span {
    font-weight: bold;
}
.greenanotation {
    color:#00b050;
}
.blackanotation {
    color:black;
}

.inputtabletitleleft {
    margin-left:-10px;
}

.custom-contents {
    display: flex;
    justify-content: center;
    margin-left: 20px;
    
}


.explaintext {
    font-size: 13px;
    background-color: #e4dfdf;
    padding: 10px;
}





@media screen and (max-width: 987px) {
    .inputtable{
        margin-left:-10%;
    }
}