#abstract {
  padding-bottom: 4rem;
}
#abstract h2 {
  margin-top: calc(100px + 5rem);
  font-size: 1.75rem;
}
#abstract .ui.sub.header {
  color: #c40e1a;
}
#abstract .description {
  margin-top: 3rem;
  line-height: 1.8;
  letter-spacing: 1px;
}

.application.section a .button {
  letter-spacing: 1px;
}
.application.section a .icon {
  margin-left: -3rem;
  color: #fff;
}

.section .ui.basic.segment {
  padding: 3em;
}

#procedure .ui.basic.info.segment,
#lists .ui.basic.info.segment {
  width: 80%;
  min-width: 700px;
  margin: 0 auto;
  padding: 1.5rem 2rem;
  border-top: 0;
  line-height: 1.8;
}
#lists .ui.basic.info.segment p {
  margin: 0;
}
#lists .lists .ui.header {
  margin: 2rem 0 3rem;
}
#lists .lists .ui.header .isolated {
  font-size: 1.25rem;
}
#lists .lists .ui.grid .row {
  margin: 0.5rem;
}
#procedure .ui.grid .column .panel {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  padding: 1rem;
  border-radius: 4px;
  background-color: #fff;
}
#procedure .ui.header {
  font-size: 1.5rem;
}
#procedure .ui.grid .column .panel .number {
  flex-grow: 0;
}
#procedure .ui.grid .column .panel .number .label {
  margin-bottom: 1rem;
}
#procedure .ui.grid .column .panel .exp {
  flex-grow: 0;
}
#procedure .ui.grid .column .panel .exp p {
	margin-bottom: 0.5em;
}
#procedure .ui.grid .column .panel .screen {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
}
#procedure .ui.grid .column .panel .screen img {
  margin: 0 auto -1rem;
}
.ui.basic.about.cancel.segment .ui.segment {
  padding: 2rem;
}
.ui.basic.about.cancel.segment .ui.segment p {
  line-height: 1.6;
}
.ui.basic.about.cancel.segment .ui.segment li {
  line-height: 1.6;
}
.ui.basic.about.cancel.segment .ui.segment dt {
  font-weight: bold;
}
.ui.basic.about.cancel.segment .ui.segment dd {
  line-height: 1.6;
}
.ui.basic.about.cancel.segment .ui.segment .ui.header {
  letter-spacing: 1px;
}
.ui.basic.about.cancel.segment .ui.cancel.segment .ui.header {
  color: #c40e1a;
  text-align: center;
}
.ui.basic.about.cancel.segment .ui.cancel.segment .emph {
  color: #c40e1a;
  font-size: 1.25rem;
  font-weight: bold;
}

#contact {
  width: 80%;
  margin: 0 auto;
  padding: 2rem 6rem;
}
#contact .contact .ui.list {
  margin-left: 3rem;
}
#contact .contact .ui.list .item {
  padding: 0.5rem 0;
}
#contact .contact .ui.list .item.tel {
  line-height: 1.4;
}
#contact .contact .ui.list a {
  color: #333;
  border-bottom: 1px solid #232323;
}
#contact .contact .ui.list .icon {
  display: inline-block;
}


@media screen and (max-width: 767px) {

  #personal > .ui.main.container {
    margin: 0;
  }
  #abstract {
    padding: 0 1rem 3rem;
  }
  #abstract h2 {
    margin-top: 5rem;
  }
  #abstract .ui.sub.header {
    line-height: 1.8;
  }
  #abstract .description {
    margin-top: 1rem;
    text-align: left;
  }

  #application .ui.basic.segment {
    padding: 1.5rem;
  }
  #application .ui.basic.segment .ui.huge.button {
    width: 100%;
    min-width: auto;
    margin: 0;
    margin-left: -0.375rem;
    padding: 1.5rem;
    font-size: 1.125rem;
  }
  #application .ui.basic.segment .icon {
    margin-left: -2rem;
  }

  #lists > .ui.basic.segment {
    padding: 2rem 1rem 3rem;
  }
  #lists > .ui.basic.segment .ui.container {
    margin: 0;
  }
  #procedure .ui.basic.info.segment, #lists .ui.basic.info.segment {
    width: auto;
    min-width: auto;
  }
  #lists > .ui.basic.segment .ui.container {
    margin: 0;
  }
  #lists .lists .ui.header .isolated {
    margin: 2rem 0 0;
  }
  #lists .lists .ui.grid .row {
    margin: 0;
  }
  #lists .lists .ui.grid .row .column {
    padding: 1px;
  }
  
  .section .ui.basic.segment {
    padding: 1.5rem;
  }
  .section .ui.basic.segment .ui.container {
    margin: 0;
  }
  .section .ui.basic.segment .ui.container .ui.basic.segment {
    padding: 0;
	margin-bottom: 1rem;
  }
  #procedure.section .ui.basic.segment .ui.container .ui.basic.segment .ui.divider.header {
    margin: 5rem 0 0;
    font-size: 1.25rem;
  }
  #procedure.section .ui.basic.segment .ui.container #firstTime .ui.divider.header {
    margin: 3rem 0 0;
  }
  .section .ui.basic.segment .ui.container .ui.basic.segment .column {
    padding: 1.5rem 0 0;
  }
  #procedure .ui.grid .column .panel {
    display: block;
    padding: 1.5rem;
  }
  #procedure .ui.grid .column .panel .number {
    width: 3rem;
    float: left;
  }
  #procedure .ui.grid .column .panel .exp {
    margin-left: 3rem;
  }
  #procedure .ui.grid .column .panel .screen {
    clear: both;
    margin-top: 1.5rem;
  }

  #aboutReturn {
    margin-top: 2.5rem;
  }
  #aboutReturn p {
    text-align: left;
  }

  #contact {
    width: auto;
    padding: 1.5rem;
  }
  #contact .ui.basic.segment {
    padding: 0;
  }
  #contact .contact .ui.list {
    margin-left: 0;
  }
  #contact .contact .ui.list .exception {
    display: block;
    font-weight: normal;
  }
  #contact .contact .ui.list .append {
    font-weight: normal;
  }
  #contact .contact .ui.list .toform {
    font-size: 0.925rem;
    letter-spacing: -1px;
  }
  #contact .contact .ui.list .toform .icon {
    padding-right: 0;
  }

  #application2 .ui.basic.segment {
    padding: 1.5rem;
  }
  #application2 .ui.basic.segment .ui.huge.button {
    width: 100%;
    min-width: auto;
    margin: 0;
    margin-left: -0.375rem;
    padding: 1.5rem;
    font-size: 1.125rem;
  }
  #application2 .ui.basic.segment .icon {
    margin-left: -2rem;
  }

}

/*  201217 add
=============================================================== */

.cancell-notes{
  margin-bottom: 1rem;
}
.cancell-notes p {
  color: #c40e1a; 
  font-weight: bold;
}
.attention-notes {
  margin-bottom: 1rem;
}

.attention-notes ul {
	margin: 0;
	padding: 0;
	font-size: small;
}

.attention-notes ul li {
  margin-bottom: 0.25em;
  text-align: left;
  line-height: 1.5;
  padding-left:1em; 
  text-indent: -1em;
}

.change_notes{	
	font-weight: bold;
	font-size: 1.2rem;
	}
#change h4{
	margin-bottom: 0;
}
	.text-alignment{
		text-align: center;	
	}
	

@media screen and (max-width: 768px){
.cancell-notes{
  margin-top: 1rem;
}
.cancell-notes p {
  color: #c40e1a; 
  font-weight: bold;
}
 .attention-notes {
  margin: 1.5rem 0 0;
}
.change_notes{	
	font-weight: bold;
	font-size: 1.2rem;
	margin-top: 2rem;
	}
#change h4{
	margin-bottom: 1rem;
}
	.text-alignment{
		text-align: left;	
	}
	
	
}
.f_red {
  color: #c40e1a; 
}
.f_bold{
	font-weight: bold;
}
.f_small{
	font-size: small;
}
.f_annotation {
	margin: 0;
	padding: 0;
	font-size: small;
}

.f_annotation li{
  padding-left:1em; 
  text-indent: -1em;
  margin-bottom: 0.25em;
}