@charset "UTF-8";

.glossary_detail_img {
    margin-left: auto;
    margin-right: auto;
}

.glossary_detail_img img {
    display: block;
    width: 100%;
    height: auto;
}

.glossary_detail_img.is-large {
    max-width: 100%;
}

.glossary_detail_img.is-medium {
    max-width: 600px;
}

.glossary_detail_img.is-small {
    max-width: 400px;
}


/* --------------------------------
Detail
-------------------------------- */

.glossary_detail_reading{
    margin-top:0;
    color:#888;
    font-size:15px;
    line-height:1.8;
    text-align:center;
}

.glossary_detail_box{
    margin-top:50px;
}

.glossary_detail_img{
    margin-top:50px;
}

.glossary_detail_img:first-child{
    margin-top:0;
}

.glossary_detail_img img{
    display:block;
    width:100%;
    height:auto;
    border:1px solid #ddd;
}

.glossary_detail_text{
    margin-top:30px;
    line-height:2;
}

.glossary_detail_text h2,
.glossary_detail_text h3,
.glossary_detail_text h4{
    margin:2.2em 0 .8em;
    font-weight:700;
    line-height:1.5;
}

.glossary_detail_text h2{
    font-size:clamp(24px,2vw,30px);
}

.glossary_detail_text h3{
    font-size:clamp(20px,1.8vw,24px);
}

.glossary_detail_text h4{
    font-size:clamp(18px,1.6vw,20px);
}

.glossary_detail_text p{
    margin-top:1.5em;
}

.glossary_detail_text p:first-child{
    margin-top:0;
}

.glossary_detail_text ul,
.glossary_detail_text ol{
    margin:1.5em 0 1.5em 1.5em;
}

.glossary_detail_text li{
    margin-top:.6em;
}

.glossary_detail_text a{
    color:#8b6f2d;
    text-decoration:underline;
}

.glossary_detail_text strong{
    font-weight:700;
}

.glossary_detail_text img{
    max-width:100%;
    height:auto;
}

.glossary_btn_box{
    margin-top:70px;
}

.glossary_btn_box .box_btn_common01{
    margin-top:20px;
}

.glossary_btn_box .box_btn_common01:first-child{
    margin-top:0;
}


.com_ttlbox {
	text-align: center;
	margin-bottom: 0;
}


/* --------------------------------
Tablet
-------------------------------- */

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

.glossary_detail_box{
    margin-top:40px;
}

.glossary_detail_img{
    margin-top:40px;
}

.glossary_btn_box{
    margin-top:60px;
}

}

/* --------------------------------
SP
-------------------------------- */

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

.glossary_detail_reading{
    font-size:14px;
}

.glossary_detail_box{
    margin-top:30px;
}

.glossary_detail_img{
    margin-top:30px;
}

.glossary_detail_text{
    margin-top:24px;
    line-height:1.9;
}

.glossary_btn_box{
    margin-top:50px;
}

}