@charset "UTF-8";
@import url("contents_pc.css");
@media only all and (max-width: 1023px) {
    
	.word-type01 {
        font-size: 1.375rem;
        line-height: 2.5rem;
    }
	.word-type02 {
        font-size: 1.188rem;
        line-height: 1.875rem;
    }
	
	.director-history-slogan-wrapper{
		margin-bottom: 4.167rem;
	}
	.director-history-slogan-wrapper h2{
		font-size:2.625rem;
		line-height: 3.125rem;
		word-break: break-all;
		padding-bottom: 2.292rem;
	}
	.director-history-list li{
		width:100%;
		line-height: 5.625rem;
		padding-bottom: 3.333rem;
		font-size: 1.875rem;
	}
	.director-history-list li span{
		width:5.625rem;
		border-bottom-right-radius:2.813rem;
		font-size:2.5rem;
		margin-right: 1.458rem;
	}
	
	.contents-area.radiation-emergency-system img{
		margin-bottom: 1.667rem;
	}

	
	.exposure-dose-assessment{
		margin-bottom: 1.25rem;
	}
	.exposure-dose-assessment2{
		margin: 0 0 1.667rem 0;
	}
	
	.equipment-wrapper {
        width: calc(100% + 1.25rem);
        gap: 1.25rem;
    }
    .equipment-area {
        width: calc(50% - 1.25rem);
    }
    
    .equipment-area .image.no-image>img {
        width: 5rem;
    }
    .equipment-area .title {
        min-height: 7.625rem;
		padding: 1.25rem 0.833rem;
	}
    .equipment-area .title>span {
        font-size: 1.188rem;
        line-height: 1.875rem;
    }
	.equipment-list{
		padding:0.833rem;
		min-height: 11.042rem; /*265px*/
	}
	.equipment-list li .equipment-title{
		flex: 0 0 3.125rem;
	}
	
	.year-visual-wrapper{
		height: 11.25rem;
		border-radius: 1.25rem;
		margin-bottom: 4.583rem;
	}
	.year-visual-wrapper.only-mobile p{
		width:100%;
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		color:#fff;
		font-weight:700;
		text-align: center;
		font-size: 1.583rem;
		line-height:2.083rem;
	}
	.year-area{
		display: block;
		position: relative;
	}
	.year-area::before{
		content: "";
		position: absolute;
		left:0.25rem;
		top:1.25rem;
		width:1px;
		height: 100%;
		background-color:#ddd;
		z-index: -10;
	}
	
	.year-left{
		align-items: flex-start;
	}

	.year-left .year-title{
		font-size:2.5rem;
		line-height:1.875rem;
	}
	.year-left .year-title::after{
		display: none;
	}
	.year-left .year-title > img{
		padding-right: 1.25rem;
		padding-left:0;
	}
	.year-left-round-box{
		width:16.375rem;
		border-radius: 0.833rem;
		margin: 0 0 2.5rem 2.083rem;
	}
	.year-right::before{
		display: none;
	}
	
	.year-right dl{
		font-size: 1.188rem;
		line-height: 1.875rem;
		padding-bottom: 1.875rem;
	}
	.last-year-right dl:last-child:before {
		top: 0.958rem;
	}
	.year-right dt > img{
		margin-right: 0.833rem;
	}
	.year-right dt::before{
		width:2.083rem;
		margin-left:6px;
	}

	.year-right dd{
		padding-left:8.333rem;
	}
	
	
	
	
}


@media only all and (max-width: 890px) {
	.word-type02.equipment-list{
		font-size: 1.125rem; /*1.4배*/
   		line-height: 1.75rem; /*1.4배*/
	}
}
@media only all and (max-width: 767px) {
    .equipment-wrapper {
        width: 100%;
        gap: 0;
    }
    .equipment-area {
        width: 100%;
		margin-bottom: 1.25rem;
    }
	.equipment-area .title {
        min-height: auto;
	}
	.equipment-list{
		 min-height: auto;
	}
}

@media only all and (max-width: 600px) {

}

@media only all and (max-width: 474px) {
    .year-left >img{
		width:100%;
	}
}

@media only all and (max-width: 359px) {
    
}