@charset "utf-8";

/*===============================================
●共通
===============================================*/


/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* disasterBox
	---------------------------------------- */
	#disasterBox p {
		line-height:1.5em;
	}
	#disasterBox .text {
		margin-bottom:0.7em;
	}
	#disasterBox .text02 {
		margin-bottom:1.5em;
	}
	#disasterBox .textLink a {
		font-size:0.92em;
		line-height:1.35em;
		padding-top:0.8em;
		background-position:0 0.7em;
	}
	
	/* box01 */
	#disasterBox #box01 {
		margin-bottom:2.5em;
	}
	#disasterBox #box01 p {
		display:inline;
	}
	#disasterBox #box01 .image {
		width:30%;
		float:right;
	}
	
	/* .docBox */
	#disasterBox .docBox {
		margin-bottom:2.5em;
	}
	#disasterBox .docBox .image {
		width:35%;
		float:left;
		margin:0 0.7em 0.5em 0;
	}
	#disasterBox .docBox .btn01 {
		margin-top:0.7em;
	}
	
	/* .box02 */
	#disasterBox .box02 {
		margin-bottom:1.8em;
	}
	#disasterBox .box02 .btn01 {
		margin-top:0.5em;
	}
	
	#disasterBox #box03 {
		margin-bottom:2.5em;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	/* disasterBox
	---------------------------------------- */
	#disasterBox #box01 {
		margin-bottom:5em;
	}
	#disasterBox #box01 p {
		width:79%;
		font-size:1.15em;
		line-height:1.7em;
		float:left;
	}
	#disasterBox #box01 .image {
		width:15%;
		float:right;
	}

	/* docBox */
	.docBox {
		margin-bottom:4.5em;
	}
	.docBox .clearfix {
		margin-bottom:2em;
	}
	.docBox .clearfix .image {
		width:23%;
		float:left;
	}
	.docBox .clearfix p {
		width:74%;
		float:right;
	}
	
	/* box02 */
	#disasterBox .box02 {
		margin-bottom:2.5em;
	}
	#disasterBox .box02 .btn01 {
		margin-top:1.3em;
	}

	/* box03 */
	#disasterBox #box03 {
		padding-top:2.5em;
	}
	#disasterBox #box03 .textLink li {
		margin-top:1em;
	}
}

/*===============================================
●画面の横幅が860px以上(PCのみ)
===============================================*/
@media screen and (min-width: 860px){
	
	/* 全般
	---------------------------------------- */
}