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

/*--------------------------------------------------------common*/
#boxContent{
    overflow: hidden;
    margin-bottom:50px;
}
.boxImgL{
    float:left;
    margin:0 20px 20px 0;
}
.btnLink01{
    display:inline-block;
    margin-top:20px;
}
.btnLink01 a{
    display:block;
    padding:5px 16px 6px 25px;
    border-radius:4px;
    background: url("../../images/icn_triangle.svg") no-repeat 15px 50% #184ca7;
    color:#fff;
}
.btnLink01 a:hover{
    text-decoration: none;
    opacity:0.8;
    transition: .3s;
}
.flex{
    display:flex;
}

/*massiveEarthquake*/
/*.boxMassiveEarthquake{
    display:flex;
    justify-content:space-between;
    background:#eee;
    border-radius:5px;
    padding:20px;
}

.boxMassiveEarthquake dl{
    width:calc((100% - 30px) / 2)
}
.boxMassiveEarthquake dt{
    margin-bottom:10px;
}
.boxMassiveEarthquake dd::first-letter{
    background:#184ca7;
    padding:0px 6px 0;
    border-radius: 3px;
    font-size:2.4rem;
    font-weight:bold;
    color:#fff;
}
.boxFear{
    display: flex;
    justify-content: space-between;
    background:#184ca7;
    margin-bottom:20px;
    padding:20px 10px;
}
.blockFear{
    width:calc((100% - 60px) / 4);
    margin:0 10px;
    padding:10px;
    background:#fff;
    border-radius:6px;
    text-align: center;
    font-size:1.8rem;
}
.blockFear .percent{
    font-family: Vollkorn, ‘游明朝’, ‘Yu Mincho’, ‘游明朝体’, YuMincho, ‘Hiragino Mincho ProN’, HiraMinProN-W3, ‘Noto Serif JP’, serif;
    font-size:5rem;
    font-weight:bold;
    line-height:1.2;
    color:#e00;
}
.blockFear .percent span{
    font-size:2rem;
    font-weight:bold;
    color:#e00;
}
@media(max-width:640px){
    .boxFear{
        flex-wrap:wrap;
        justify-content: space-around;
    }
    .blockFear{
        width:calc((100% - 100px) / 2);
        margin:10px;
    }
}*/
.blockJpPlates{
	display: flex;
	margin-bottom:30px;
}
.blockJpPlates p:first-child{
	margin-right:30px;
}
.boxPlates{
	display: flex;
}
.blockMechanism{
	width:45%;
	margin-right:5%;
}
.blockRift{
	width:45%;
}
.blockRift p:first-child{
	margin-bottom:20px;
}
/*--------------------------@media*/
@media(max-width:820px){
	.blockJpPlates{
		display:block;
		margin-bottom:30px;
	}
	.blockJpPlates p:first-child{
		margin-right:0;
	}
	.boxPlates{
		display:block;
	}
	.blockMechanism{
		width:100%;
		margin:40px 0 20px;
	}
	.blockRift{
		width:100%;
	}
}
.secTrough{
	margin-bottom: 50px;
}
.boxTrough01{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.boxTrough01 p:first-child{
	width:200px;
	margin-right:30px;
}
.boxTrough01 p:last-child{
	font-family: source-han-serif-japanese, serif;
	font-weight: 900;
	font-style: normal;
	font-size:3rem;
	color:#ca1a23;
}
.boxProbability{
	margin-bottom:30px;
}
.boxProbability dl{
	display: flex;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-size:2.4rem;
}
.boxProbability dl dt,.boxProbability dl dd{
	width:calc(25% - 2px);
	background: -webkit-linear-gradient(#316BB4, #fff, #316BB4);
	background: -o-linear-gradient(#316BB4, #fff, #316BB4);
	background: linear-gradient(#316BB4, #fff, #316BB4);
	border-top:2px solid #333;
	border-left:2px solid #333;
	padding:20px 0;
	text-align: center;
}
.boxProbability dl dd:last-child{
	border-right:2px solid #333;
}
.boxProbability dl:nth-child(2) dd{
	width:calc(75% - 2px);
}
.boxProbability dl:nth-child(3) dt,.boxProbability dl:nth-child(3) dd{
	border-bottom:2px solid #000;
}
.emTrough{
	color:#c30;
	font-weight: bold;
}
.secActivPhase p{
	margin-bottom:20px;
}
.secActivPhase img{
	width:calc(100% - 2px);
	border:1px solid #333;
}
/*prepare*/
.boxProf{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}
.boxProf .blockName{
    display:flex;
}
.boxProf .blockName>dt{
    min-width:160px;
    margin-right:20px;
    padding-right:20px;
    border-right:1px dotted #999;
    font-size:2rem;
    font-weight:bold;
}
.boxProf .blockProf>dt{
    font-size:1.8rem;
    font-weight:bold;
}
.boxProf .blockProf>dd:nth-child(2){
    margin-bottom:6px;
}
.secArticle li{
    margin-bottom:6px;
    padding-left:1.2rem;
    background:url("../../images/icn_triangle_gray.svg") no-repeat 0 0.8rem;
}
.secArticle li span{
    padding-left:20px;
    background:url("../../images/icn_pdf.gif") no-repeat 0 50%;
    color:#184ca7;
} 
.boxInfo{
    display: flex;
    padding:20px;
    background:#eee;
    border-radius:5px;
}
.boxInfo p:first-child{
    margin:6px 10px 0 0;
}
@media(max-width:640px){
    .boxProf .blockName{
        display:block;
    }
    .boxProf .blockName>dt{
        border:none;
        font-size:2rem;
        font-weight:bold;
    }
    .boxProf .blockProf>dt{
        font-size:1.6rem;
    }
}