@charset "UTF-8";

#versatiltemplate.mainarticle{padding-bottom:0;}
#alumni_networkarea_form .custom_form{max-width: 1024px; margin-left:auto; margin-right:auto; padding:1.5em 1em;}

/*- maincontent_hedding -*/
#alumni_networkarea_form h2.infohedding + p span{ display: block; line-height: 1.25em; font-size:1em;}

/*-form setting -*/
#alumni_networkarea_form br{display: none;}
#alumni_networkarea_form .custom_form p .asterisk{font-size:0.9em; font-weight:bold; color:#b81c22;}

/*- form item setting -*/
#alumni_networkarea_form .custom_form{background:#ffffff;}

#alumni_networkarea_form table ,
#alumni_networkarea_form table *{box-sizing: border-box; font-size:0.875rem;}
#alumni_networkarea_form table{border-spacing: 0; width: 100%; background:#ffffff;}
#alumni_networkarea_form table th ,
#alumni_networkarea_form table td{display:block; width: 100%; font-weight:normal;}

#alumni_networkarea_form table th{padding:1em 0 0.5em 0; text-align: left;}
#alumni_networkarea_form table tr:first-of-type th{padding-top:0;}

#alumni_networkarea_form table td{padding:0 0 1em 0; border-bottom:1px dashed #cccccc;}
#alumni_networkarea_form table tr:last-of-type td{border:0;}

#alumni_networkarea_form table select ,
#alumni_networkarea_form table input[type="text"] ,
#alumni_networkarea_form table input[type="date"] ,
#alumni_networkarea_form table textarea{display: block; padding:0.5em; border:1px solid #cccccc; border-radius:0.25em;}

#alumni_networkarea_form table input[type="text"] ,
#alumni_networkarea_form table select ,
#alumni_networkarea_form table textarea{width:100%; max-width: initial;}

#alumni_networkarea_form th label.required{padding:0.125em 0.5em 0em 0.5em; font-size:0.875em; background:#b81c22; color:#ffffff; border-radius:1.5em;}
#alumni_networkarea_form table td span{display: block;}
#alumni_networkarea_form td label.required{color:#b81c22; font-weight:bold; border-bottom:1px solid #b81c22;}

.address_wrap label.required ,
.email_wrap label.required ,
.birth_wrap label.required ,
.age_wrap label.required{grid-column: 1/ span 3; justify-self: start;}

/*- account_number setting --*/
#alumni_networkarea_form table input#account_number{width: 8em; text-align: right;}

/*- radio checkcontent -*/
.radio_box_wrap ,
.checkbox_box_wrap{display: flex; justify-content: start; gap:0.25em 1em; flex-wrap: wrap;}

.radio_box_wrap input,
.checkbox_box_wrap input{margin-right:0.25em;}

/*- tempo setting -*/
#tempo + a ,
#tempo + a + span{display: block;}
/*- address_wrap setting -*/
.address_wrap{display:grid; grid-template: 2.8em 1.5em 2.8em / 1em 1fr;  align-items: center;}
.address_wrap > span ,
.address_wrap input#addr1{display:block;  width: 100%; grid-column: 1/ span 3; letter-spacing: 0;}
.address_wrap br{display: none;}
#alumni_networkarea_form table .address_wrap #zip1{width: 8em; text-align: center;}

/*- tel setting -*/
#alumni_networkarea_form table input#tel1, 
#alumni_networkarea_form table input#tel2{width:13em;}
#alumni_networkarea_form table input#tel1 + span{letter-spacing: 0;}

/*- email -*/
.email_wrap{display:grid; grid-template-columns: 1fr 5.5em; gap:0.5em; align-items: center;}
#alumni_networkarea_form table #email{width:calc(100% - 6.5em); margin-bottom:0; grid-column: 1 / span3;}
/*- reEmail setting -*/
#reEmail + span{align-self: end; text-align: left;}

/*- birth setting -*/
.birth_wrap{display: grid; grid-template-columns: 5em 1em 3em 1em 3em 1fr; column-gap: 0.25em; align-items: center;}
.birth_wrap input{text-align: right;}
.birth_wrap span{grid-column:1 /span 6;}

/*- age setting -*/
.age_wrap{display: grid; grid-template-columns: 4em 1fr; column-gap:0.25em; align-items: end;}
.age_wrap input{text-align: right;}

/*- free_text1 settng -*/

#alumni_networkarea_form table .free_text1_wrap input[type="text"]{width:12em;}

/*- freetext2 3 4 setting -*/


/*- agree_detail setting -*/
#agree_detail_html{padding:2em 1em 0 1em;}
#agree_detail_html ,
#agree_detail_html *{box-sizing: border-box;}
#agree_detail_html p{font-size:0.875rem; line-height: 1.25; max-width:1024px; margin:0 auto; text-align: center;}
#agree_detail_html p a{padding:1em 2em 1em 1em; margin:0 auto; background:#ffffff; border-radius:0.25em; border:1px solid #fe9236;}
#agree_detail_html p a:after{content:" "; display: block; position:absolute; top:0; bottom:0; right:1em; margin:auto; width:1.5em; height:1.5em; background-image: url(../../../images/adobepdficon.svg); background-position:center; background-size:auto 100% ; background-repeat: no-repeat;}  
#agree_detail_html p a:before{content:" ";width:calc(100% - 2em); bottom:calc(0.5em - 2px); transform: translateX(calc(-100% - 1em) );}
/*- agree_form setting -*/
#agree_form{ background:#f7f1e5; padding:1em 1em 2em 1em;} 
#agree_form  ,
#agree_form *{font-size:1rem; transition:all 0.3s ease;}
#agree_form label{display: block; margin-bottom:0.25em; text-align:center;}
#agree_form label > input[type="checkbox"]{margin-right:0.25em;}
#agree_form input[type="submit"]{display: block; margin:0 auto; padding:0.25em 1.5em; background: #2d5cbe;border: 1px solid #6b91fb; color: #ffffff; font-weight: bold; border-radius:0.25em;}
#agree_form input[disabled="disabled"]:not([type="hidden"]){background: #cccccc; border: 1px solid #999999; font-weight: normal; font-weight: normal;}

/*- confsetting -*/
#alumni_networkarea_wrap > div.custom_form{margin-bottom:1em; background:none; padding:0; text-align: center;}
#alumni_networkarea_wrap div.custom_form > form{width: 100%; padding-bottom:1em;}
#alumni_networkarea_wrap div.custom_form > form table ,
#alumni_networkarea_wrap div.custom_form > form table *{box-sizing: border-box; text-align: left;}
#alumni_networkarea_wrap div.custom_form > form table ,
#alumni_networkarea_wrap div.custom_form > form table tbody ,
#alumni_networkarea_wrap div.custom_form > form table tr ,
#alumni_networkarea_wrap div.custom_form > form table th ,
#alumni_networkarea_wrap div.custom_form > form table td{display: block;}
#alumni_networkarea_wrap div.custom_form > form table{margin:0 auto 1em auto; padding:1.5em 1em; width: 100%; background:#ffffff;}
#alumni_networkarea_wrap div.custom_form > form table th{position:relative; border-bottom:1px solid #2d5cbe; color:#2d5cbe; padding:0.25em 0.25em 0.25em 1em;}
#alumni_networkarea_wrap div.custom_form > form table th:before{content:" "; display: block; position:absolute; top:0.5em; left:0; width: 0.8em; height:0.8em; background:#2d5cbe;}
#alumni_networkarea_wrap div.custom_form > form table td{margin-bottom: 1em; padding:0.25em 0.25em 0.25em 1em;}
#alumni_networkarea_wrap div.custom_form > form table .address_wrap ,
#alumni_networkarea_wrap div.custom_form > form table .address_wrap br{display: block;}
#alumni_networkarea_wrap div.custom_form > form > input[type="submit"]{display:inline-block; padding:0.5em 1em; font-size:1rem; border:1px solid #000000; border-radius:0.5em;}
#alumni_networkarea_wrap div.custom_form > form > input[name="submit"]{background:#2d5cbe; color:#ffffff; border-color:#6b91fb;}
#alumni_networkarea_wrap div.custom_form > form > input[name="back"]{background:#cccccc; border-color:#999999; color:#666666;}

/*--- rwd setting 
---------------------------------------------------*/
/* 320px-480px(mobile)*/
@media screen and (max-width:480px) 
{

}

/* 481px-767px(mobile/tabletsite) */ 
@media screen and (min-width:481px) 
{

}

/* 768px(tabletsite) */
@media screen and (min-width:768px)
{

#alumni_networkarea_form .custom_form p ,
#alumni_networkarea_form table ,
#alumni_networkarea_form table *{font-size:1rem;}

#alumni_networkarea_form h2.infohedding + p {text-align: center;}

/*- form item setting -*/
#alumni_networkarea_form .custom_form{padding:2em 1em;}
#alumni_networkarea_form table {border:1px solid #2d5cbe;}
#alumni_networkarea_form table th ,
#alumni_networkarea_form table td{display:table-cell; font-weight:normal; padding:1em; border-style:solid; border-color:#2d5cbe;}
#alumni_networkarea_form table th{border-width: 0 1px 1px 0; width: 17em; background:#c9f2ff;}
#alumni_networkarea_form table tr:last-of-type th{border-bottom:0;}
#alumni_networkarea_form table td{border-width:0 0 1px 0; width: auto;}
#alumni_networkarea_form table td input + span ,
#alumni_networkarea_form table td .radio_box_wrap + span{letter-spacing: 0; font-size:0.875em;}
#alumni_networkarea_form table td input + span *{font-size:1em;}

#alumni_networkarea_form table td .free_text1_wrap span{display: inline;}

/*- agree_detail setting -*/

#agree_detail_html{padding:4em 3em 0 3em;}
#agree_form{padding:1em 3em 4em 3em;}

#agree_detail_html p{font-size:1rem;}
#agree_detail_html p:last-of-type{font-size:1.125rem;}

/*- agree_form setting -*/ 
#agree_form  ,
#agree_form *{font-size:1.125rem; }

/*- confsetting -*/
#alumni_networkarea_wrap div.custom_form > form table{display:table; border:none; padding:2em 1em;}
#alumni_networkarea_wrap div.custom_form > form table tbody{display:table-row-group;}
#alumni_networkarea_wrap div.custom_form > form table tr{display:table-row;}
#alumni_networkarea_wrap div.custom_form > form table td ,
#alumni_networkarea_wrap div.custom_form > form table th{display:table-cell;}
#alumni_networkarea_wrap div.custom_form > form table th {padding:1em 1em 1em 2.5em; border-left:1px solid #2d5cbe;}
#alumni_networkarea_wrap div.custom_form > form table th:before{content:" "; top:0; bottom:0; left:1em; margin:auto;}
#alumni_networkarea_wrap div.custom_form > form table td{padding:1em; border-right:1px solid #2d5cbe;}
#alumni_networkarea_wrap div.custom_form > form table tr:first-of-type th ,
#alumni_networkarea_wrap div.custom_form > form table tr:first-of-type td{border-top:1px solid #2d5cbe;}
#alumni_networkarea_wrap div.custom_form > form table tr:last-of-type th ,
#alumni_networkarea_wrap div.custom_form > form table tr:last-of-type td{border-bottom:1px solid #2d5cbe;}

}

/* 769px(tabletsite) */
@media screen and (min-width:769px)
{

}

/* 1024px-over(tablet-pcsite) */
@media screen and (min-width:1024px)
{
#alumni_networkarea_form h2.infohedding + p {font-size:1rem;}
/*- form item setting -*/
#alumni_networkarea_form .custom_form{padding:4em 3em;}
#alumni_networkarea_form table th, #alumni_networkarea_form table td{padding:1.5em 2em;}

/*- agree_detail setting -*/
#agree_detail_html p:last-of-type{padding:0;}

/*- confsetting -*/
#alumni_networkarea_wrap div.custom_form > form table{ padding:4em 3em;}

}

/* 1025px setting(pcsite) */
@media screen and (min-width:1025px)
{

}

/* fullsize pcsite setting(pcsite) */
@media screen and (min-width:1120px)
{
#flat35_form .custom_form{padding:4em 0;}
#agree_detail_html{padding:4em 0 0 0;}
#agree_form{padding:2em 0 4em 0;}
}

/*--- rwd setting end ---*/