section{
    padding: 120px 0;
    position: relative;
}

section h2{
    font-size: 58px;
    color: #00B7F1;
    line-height: 1em;
    padding-bottom: 50px;
    letter-spacing: 0.1rem;
}
section h2 small{
    font-size: 24px;
    color: #000E4E;
}

@media(max-width:767px) {
    section{
        padding: 50px 0;
        position: relative;
    }
    section h2{
        font-size: 28px;
        padding-bottom: 30px;
    }
    section h2 small{
        font-size: 13px;
    }
    .container{
        width: auto;
        margin: 0 15px;
    }
}


.common-h1 .c-h1-main {
    font-size: 60px;
}

@media(max-width:767px) {
    .common-h1 .c-h1-main {
        font-size: 30px;
    }
}

section#faq{
    padding-top: 0px;
}
.career section#faq{
    padding-top: 120px;
}


section h2{
    font-size: 32px;
    padding-bottom: 30px;
    padding-top: 80px;
    letter-spacing: 0.06em;
    color: #000E4E;
    font-weight: normal;
    font-family: 'SyntaxNextBold','TazuganeGothicBold';
}

dl.faq{
    border-top:1px solid #D6D6D6;  
}
dl.faq.last{
    border-bottom:1px solid #D6D6D6;  
}
dl.faq > dt {
	padding: 30px 40px 30px 40px;
	font-size: 24px;
	font-family: 'SyntaxNextBold','TazuganeGothicBold';
	display: flex;
	align-items: flex-start;
	position: relative;
	cursor: pointer;
    letter-spacing: 0.06em;
    
}
dl.faq > dt span.faq-q{
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    font-size: 32px;
    color: #00B7F1;
    margin-right: 30px;
}

dl.faq > dt::before,
dl.faq > dt::after{
    position: absolute;
    content:'';
    width: 30px;
    height: 2px;
    background-color:#00B7F1;
    
}

dl.faq > dt::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);
    
}
dl.faq > dt::after{    
    top:48%;
    right: 15px;
    transform: rotate(90deg);
}
/*　closeというクラスがついたら形状変化　*/
dl.faq > dt.open::before{
  transform: rotate(0deg);
}

dl.faq > dt.open::after{
  display: none;
}

dl.faq > dd {
	margin: 0;
	padding: 20px 0 20px 40px;
	display: none;
}
#about-lkm dl.faq > dd > p {
	text-indent: 0em;
}
dl.faq > dd > p {
	margin: 0 40px 30px 0;
	font-weight: 400;
    font-size: 16px;
}
dl.faq > dd > p a{
    text-decoration: underline;
}
dl.faq > dd > p a:hover{
    color: #00B7F1;
}
.faq-img {
	float: left;
	margin-right: 20px;
}
dl.faq > dd > p.button-wrapper {
	margin-top: 1em;
}
dl.faq > dd > p.note {
	text-indent: 0;
	margin-top: 1em;
}
@media(max-width:767px) {
    section h2{
        font-size: 25px;
        padding-bottom: 30px;
        padding-top: 40px;
        letter-spacing: 0.06em;
        color: #000E4E;
    }
    .career section#faq{
        padding-top: 60px;
    }
    dl.faq > dt {
        font-size: 18px;
    }
    dl.faq > dt::before,
    dl.faq > dt::after{
    width: 25px;}
    dl.faq > dt::before{
        right: 5px;
    }
    dl.faq > dt::after{    
        right: 5px;
    }
    dl.faq > dd > p {
    }
}