/*===========================================
	import
=============================================*/

.notice_gray ul.listDotLine {
    list-style-type: none;
}
.notice_gray ul.listDotLine li{
    margin: 0px 20px 0px 0px;
    padding: 0px;
    float: left;
    text-align: center;
}
.f-left {
    width: 96px;
    height: 25px;
}
#contents .notice_gray ul.listDotLine li p{
    margin: 0px;
}
.img_20 {
	margin-right:20px !important;
}

#contents ul.disc {
	margin-bottom: 0;
}

@media screen and (max-width: 503px){
	.img_20 {
		margin-bottom:20px !important;
	}
}

@media screen and (max-width: 350px){
	.f-left {
		width: 50px;
	}
}

/* 20220308追加 */
#contents .indexArea {
    display: table;
    width: 100%;
    margin-left: 5px;
}

#contents .indexArea p.left {
    background: #ccc;
    color: #fff;
    font-size: 14px;
    padding: 0.5em;
    margin: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 1.5em;
    text-align: center;
}

#contents .indexArea.blue p.left {
    background-color: #4B7DC8;
}

#contents ul.txtlink li {
    margin-right: 0;
}

#contents .indexArea ul {
    border: 1px solid #ccc;
    padding: 1.5em 1em 1em 1.5em;
    list-style-type: none;
    margin: 0 !important;
    width: 98%;
    box-sizing: border-box;
    height: 100%;
    background-color: #fff;
}

#contents ul.txtlink.inner > li {
    background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em !important;
}

#contents .indexArea.blue ul {
    border-color: #4B7DC8;
}

@media screen and (max-width: 640px){
    #contents .indexArea ul {
    padding: 1.5em 0.5em 1em 0;
    }
}

#contents div.info_box.flex {
    align-items: center;
}

#contents ul.annotation {
    margin-left: 10px;
}

#contents ol.stepList{
    margin-left: 0.5em;
}

#contents ol.stepList > li img.icon{
    width: 26px;
    height: auto;
    display: inline-block;
    margin: 0 0.3em;
}

#contents ol.stepList > li > p{
    margin-bottom: 0;
}

#contents ol.stepList > li > p + p{
    margin-top: 1em;
}

#contents .pct.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: baseline;
}

#contents ol.stepList > li p.annotation{
    margin-left: calc(46px + 0.5em);
}

#contents img.border_box{
    outline :1px solid #999;
}

#contents .notice_gray_b > ul.disc,
#contents .notice_gray > ul.disc{
    margin-left: 2em;
}



@media screen and (max-width: 640px){
    #contents ul.annotation {
        margin-left: 5px;
    }
    
    #contents .pct img.border_box:not(.s_img){
        width: calc(100% - 2px);
    }
    
    #contents .pct.flex{
        flex-direction: column;
    }
    
    #contents .pct.flex img + img{
        margin-top: 1em;
    }
    
}

@media screen and (max-width: 400px){
    #contents ol.stepList{
        margin-left: 0;
    }
}

@media (min-width: 641px){
    #contents .pct.flex{
        justify-content: space-between;
    }
    #contents .pct.flex.w50{
        width: 50%;
    }
    #contents .pct.flex.w90{
        width: 90%;
    }  
}