/* CSS Document */

/* pc,sp共通 */

#container {
	/*高さは使う画像に合わせて設定*/
	height: 490px;
	width: 100%;
}

#slide-bottom {
	background-color:#4670A1;
	color:#FFF;
	padding:1em 0em 1em 0em;
}

#slide-bottom p{
	font-size:14px;
	line-height:150%;
}
#slide-01 {
	max-width:1060px;
	margin:0 auto;
	text-align:center;
	height:auto;
	padding-top:8%;
}

#theTarget h3 {
	font-size:4.0rem;
	color:#FFF;
	margin:1.0rem;
	font-weight:bold;
	text-shadow: 1px 1px 3px #000;  	
}
#theTarget h3 span.cap {
	font-size:1.8rem;
	margin-left:1.5rem;
}
#theTarget p {
	margin:2.0rem;
	color:#fff;
	line-height:145%;
	font-size:1.8rem;
	text-shadow: 1px 1px 3px #000;  		
}
#theTarget .box_link a{
	padding:1.5rem;
	display:block;
	border:#FFF solid 1px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	color:#FFF;
	width:18.5rem;
	margin:0 auto;
	font-size:2.0rem;
	text-decoration:none;
	text-shadow: 1px 1px 3px #000;  		
}
#theTarget .box_link a:hover {
	background-color:#FFF;
	color:#006;
	opacity:0.7;
}


main {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}
 
main div.box3 {
  width: calc(33.0% - 8px);
  margin: 5px;
  background-color:#E3E8EC;
}
main div.box3.bg-2 {
  background-color:#EEEEEE;
}
main div.box3.bg-3 {
  background-color:#E0E0E0;
}
main div.box3.bg-3 .att{
	font-weight:bold;
	color:#900;
	line-height:150%;
}
main div.box3.bg-3 .howto {
	display:block;
	text-align: center;
	width:20rem;
	margin:0 auto;
	margin-top:6.0rem;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:1.5rem;
}
main div.box3.bg-3 .howto a:hover {
	opacity:0.7;
}
main div.box3 img {
	width:100%;
}
main div.box3 p {
	margin:1.4rem 0.2rem 1.4rem 1.4rem;
}
main div.box3.bg-2 p.log-in {
	display:block;
	text-align: center;
	width:20rem;
	margin:0 auto;
	margin-top:4.0rem;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:1.5rem;
}
main div.box3.bg-2 p.log-in a:hover {
	opacity:0.7;
}
#cntbody h2  {
	margin-bottom:5rem;
}
#cntbody h2 {
	border-bottom:1px solid #036;
	font-size:3em;
	color:#036;
	padding-bottom:0.3rem;
	margin-top:5.5rem;
}

#cntbody h2 span{
	font-size:12px;
}
#cntbody h2#bnr{
	font-size:20px;
	font-weight:bold;
	color:rgba(3,154,224,1.00);
}
main h4{ 
	margin:1.2rem 0rem 1.2rem 1.2rem;
}
main div.box3 ul {
	margin-left:3.4rem;
	margin-bottom:2.0rem;
}
main div.box3 ul li{
	line-height:150%;
}
main div.box3 ul li {
	position: relative;
}
main div.box3 ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 4px;
	height: 4px;
	background-color: #666;
	border-radius: 100%;
}
main div.box3.bnr {
	text-align:center;
	background-color:#ffffff;
}
main div.box3.bnr img {
	width:80%;
	margin:auto;
}
main div.box3.bnr a:hover {
  content: "";
  display: block;
  border:1px solid #7B8187;
}

/* pc用 */
@media only screen and (min-width: 801px){
#slide-bottom {
	background-color:#4670A1;
	height:110px;
}

#slide-bottom-wrap{
	width:1060px;
	margin:0 auto;
}

h5 {
	margin:30px 0 15px 0 ;
	font-weight:bold;
}
#slide-bottom p{
	width: 540px;
	
}
}

/* sp用 */
@media only screen and (max-width: 800px){

main div.box3 {
  width: calc(100% - 8px);
  margin: 5px;
  background-color:#E3E8EC;
}

#accident_baner {
	margin:1em 0.5em;
	text-align:center;
	padding: 2em 3em;
	text-decoration: none;
	color: #FFF;
	background: #03A9F4;/*色*/ border: solid 1px #0f9ada;/*線色*/ border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	}.square_btn:active {/*押したとき*/ border: solid 1px #03A9F4;
	box-shadow: none;
	text-shadow: none;
} 
}

}