@charset "utf-8";


/* ----------------------------------------------------------------------
	
	 faq 2020 amsc css
	
---------------------------------------------------------------------- */



/* - FAQ　イントロ
---------------------------- */


#faq {
    margin-top: 80px;
}

#faq > .section + .section {
    margin-top: 80px;
}

h3.faq_title {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  height: 1px;
  background-color: #FFF;
}

h3.faq_title > span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding-right: 15px;
    background-color: #000;
    white-space: nowrap;
}


.faq_unit {
    margin-top: 40px;
}

.faq_unit + .faq_unit {
    margin-top: 50px;
}

.q_unit {
    display: table;
}

.faq_line {
    display: table;
}

.faq_unit > dl {
    display: table;
}

.faq_unit > dl > dt ,
.faq_unit > dl > dd {
    display: table-cell;
    vertical-align: top;
    font-size: 1.6rem;
}

.faq_unit > dl > dt {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: bold;
    padding-right: 8px;
}

.faq_unit > dl.sec_a {
    margin-top: 15px;
}

.faq_unit > dl.sec_q > dt {
    color: #ed6d00;
}

.txt_q { color: #ed6d00; }

.faq_unit > dl.sec_q > dd {
    font-weight: bold;
    font-size: 1.8rem
}

.faq_unit > dl.sec_a > dt {
    color: #00ede5;
}


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



} /* 979px */


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



} /* 768px */

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




} /* 639px */

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



} /* 580px */

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

#faq { margin-top: 50px; }

.sec_a ul.note_list > li > .inner { display:block; }
.sec_a ul.note_list > li > .inner > span { display:block; }

.sec_a ul.note_list > li {
    margin-top: 15px;
}

.sec_a ul.note_list > li:first-child { margin-top: 0; }


} /* 479px */



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

    
    


} /* 359px */