/* ---------------------------------------------------------------------------------------------- */
/* -- cargoods css -- */

.for_pc {
	display:block;
}
.for_sp {
	display:none;
}

p.lead {
	font-size: 110%;
	line-height: 180%;
	padding:0 0 24px;
}
p.text {
	font-size: 86%;
	line-height: 180%;
}
p.text_s {
	font-size: 80%;
	line-height: 120%;
}
p.text_s span {
	font-size: 90%;
	padding-left:16px;
}

div.notes {
	margin-top: 40px;
}
div.notes p {
	font-size: 76%;
	line-height: 120%;

}
.bold {
	font-weight:bold;
}
.right {
	text-align:right;
}
.btm {
	padding-bottom:15px;
}
.btm40 {
	padding-bottom:40px;
}

table {
	box-sizing: border-box;
	width:100%;
	border-collapse:collapse; 
	border-spacing:0px; 
}

.border-top {
	border-top:1px solid #CCC;
	margin-top: 20px;
}
.border-btm {
	border-bottom:2px solid #CCC;    
}

/* mainimage ------------------------------------------------------------------------- */
div.mainimage {
	position:relative;
	padding: 0 auto;
}
div.mainimage p.image {
	box-sizing: border-box;
	max-width: 1200px;
	width:100%;
}
div.mainimage p.image img {
	width:100%;
}
div.mainimage p.text {
	position:absolute;
	bottom:48px;
	left:20px;
	font-size:100%;
	color:#FFF;
	font-weight:bold;
}

/* h2 ------------------------------------------------------------------------- */
h2 {
	font-size: 180%;
    font-weight: 900;
	line-height: 100%;
    max-width:976px;
	margin:40px auto 20px;
	color: #013298;	
	text-align: center;
}

h2 br {
	display:none;
}

/* dr_block_976 ------------------------------------------------------------------------- */

div.dr_block_976 {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	/*padding:60px 0 0;*/
	margin:0 auto;
	text-align: center;
}
div.dr_block_976:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}

/* dr_block_1200 ------------------------------------------------------------------------- */

div.dr_block_1200 {
	box-sizing: border-box;
	width:100%;
	max-width:1180px;
	/*padding:60px 0 0;*/
	margin:0 auto 30px;
	text-align: center;
}
div.dr_block_1200:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_1200 div.img_block {
	box-sizing: border-box;
	display:block;
	max-width:220px;
	float:left;
    margin-right: 20px;
}
div.dr_block_1200 div.img_block_end {
	box-sizing: border-box;
	display:block;
	max-width:220px;
	float:left;
    margin-right: 0;
}
div.dr_block_1200 div.imagearea img { 
	width:100%;
}
div.dr_block_1200 div.textarea { 
    padding:10px 0;
    font-size:70%;
    line-height: 1.4em;
	text-align: left;
}

.caos-blue {
	width: 230px;
	height: auto;
	margin: 20px auto;
}
.caos-blue img {
	width: 100%;
}



/* ###################### a hover event ###################### */
@media screen and (min-width:1024px) {
	
}

/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) {

}

/* ###################### break smartphone ###################### */
@media screen and (max-width: 768px) {

	.for_pc {
		display:none;
	}
	.for_sp {
		display:block;
		width:100%;
	}
	p.text {
		text-align: left;
	}
	p.text br {
			display: none;
	}


	/* mainimage ------------------------------------------------------------------------- */
	div.mainimage {
		position:static;
	}
	div.mainimage p.image {
		font-size:0;
		line-height:0;
	}
	h2 {
		font-size: 150%;
	}
	h2 br {
		display:block;
	}

	/* dr_block_976 ------------------------------------------------------------------------- */
	div.dr_block_976 {
		width:94%;
		max-width:94%;
		/*padding:20px 0 0;*/
	}

	/* dr_block_1200 ------------------------------------------------------------------------- */ 
	div.dr_block_1200 {
		box-sizing: border-box;
		width:94%;
		max-width:720px;
		/*padding:60px 0 0;*/
		margin:0 auto;
		text-align: center;
	}
	div.dr_block_1200 div.img_block {
		width:100%;
		max-width:720px;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	div.dr_block_1200 div.img_block_end {
		width:100%;
		max-width:720px;
		margin-bottom: 40px;	
	}
		div.dr_block_1200 div.textarea { 
		padding:10px 0;
		font-size:90%;
		line-height: 1.4em;
	}

}