@charset "utf-8";
/* CSS Document */

.message {
    position: relative;
}
.message span.remark {
    display: none;
}
.message a:hover span.remark {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #658E15;
    color: #333;
    display: block;
    line-height: 1.4em;
    margin: 0.5em;
    padding:0.5em 1.0em;
    position: absolute;
    top: 0;
    left:65%;
    width: 20em;
    z-index:99;
    text-align:left;
    text-align: justify;
    overflow-wrap: break-word;
    word-break: break-word;
    border-radius:6px;
font-size:90%;
}

.popup_box{width:90%; margin:0em auto; padding:1.0em 1.5em; line-height:1.2em; align-items: flex-end; justify-content: space-between; gap:1.0em;}
.popup_box{align-items: center; flex-direction: column;gap:1.0em;}

a span.popup_text {background: #9acf6b; color:#fff; padding: 0; cursor: pointer;  padding:0.3em 1.0em; margin:0; border-radius:8px; font-size:75%;}

@media screen and (max-width: 519px) {
    .message a:hover span.remark {
    margin: 3em;
    padding:0.5em 1.0em;
	width: 20em;
    top: 0;
    left:50%;
    transform: translateX(-50%);
    }
}

.license_box{
	border: 2px solid #bad27f;
	border-radius: 5px;
	position: relative;
	width:50%;
    margin: 2em auto;
    padding:1.5em 1em 1.5em;
    text-align: center;
    justify-content: flex-end;
}
.license_box2{
	border: 2px solid #bad27f;
	border-radius: 5px;
	position: relative;
	width:45%;
    margin: 2em auto;
    padding:1em 2em;
    text-align: center;
}

.license_box3{ width:80%; margin:0 auto; justify-content: center; gap:10px; align-items: center;}
    
.license_box_ttl{text-align: center; position: absolute; right: 0; left: 0; top: -1em;}
.license_box_ttl span{padding: 0 0.5em; background: #FFF; color: #333; justify-content: center; gap:10px;}
.license_box2_ttl span{	padding: 0 0.5em; background: #FFF;	color: #333; justify-content: center; gap:10px;}

.license_box_inner_wrapper{ width: 100%; display:flex; justify-content: center; gap:10px; align-items: center;}    
.license_box2_inner_wrapper{ width: 100%; display:flex; gap:5px; flex-direction: column; align-items: center;} 
    
.license_box .inner{width:75%; padding: 1.2em 0.5em 0.5em;}
.license_box2 .inner{width:90%; padding: 1.2em 0.5em 0.5em;}

.flex_inner{display: flex; justify-content: center; gap:10px; margin:0.5em 0 0;}

/*資格名*/
p.name{background: #daeac3; border:none; font-size:90%; margin:0; padding:0em; cursor: pointer; text-align: center; margin:0 auto; padding:0; font-size:95%; letter-spacing:0; }

/*資格ボタン*/
span.shikaku_btn{display: block; background: #9acf6b; color:#fff; padding: 0; cursor: pointer;  padding:0em 1.0em; margin:0; border-radius:8px; font-size:75%;}




.licence_btn{ width:100%; position: relative; text-align: center; background: #daeac3; margin:0 auto;}
.licence_btn a{color:#333; text-decoration: none; letter-spacing: 0; padding: 0; display: block; font-size:100%}
.licence_btn:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0;
    border-style:solid;
    border-color:#fff #fff #658E15 #658E15;
    background:#658E15;
    display:block; width:0;
}

.licence_btn:before { background: #daeac3; border-color: #fff #fff #abb99b #abb99b;}
    

.licence_btn2{ width:80%; position: relative; text-align: center; background: #daeac3; margin:0 auto;}
.licence_btn2 a{color:#333; text-decoration: none; letter-spacing: 0; padding: 0; display: block; font-size:100%}   
.licence_btn2:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0;
    border-style:solid;
    border-color:#fff #fff #658E15 #658E15;
    background:#658E15;
    display:block; width:0;
}
    
.licence_btn2:before { background: #daeac3; border-color: #fff #fff #abb99b #abb99b;}
    
@media screen and (max-width: 959px) {
	.license_box_inner_wrapper{flex-direction: column; gap:0px; padding-bottom:1.0em;}
	.license_box{ width:100%; padding:2em 1em 0; margin:0 auto;}
	.license_box .inner{width:85%; margin:0 auto;}
	.license_btn{margin:0 auto; padding:0;}
	
    .license_box3{ width:100%; flex-direction:column;}
	.license_box2{ width:100%;}


}