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

#page #page_title div img{
	width:181px;
}
#page #contact > img{
	width:279px;
}
.txt_head img{
	width:284px;
}


.wrapper ul{
	margin-top:30px;
}
#flow li p{
	background:#f5f5f5;
	color:#00a2e6;
	text-align:center;
	font-size:1.5rem!important;
	border-radius:4px;
	padding:5px;
}
#flow li div {
	text-align:center;
	margin:10px 0;
}
#flow li div img{
	width:12px;
	vertical-align:middle;
}

#flow li span{
	color:#009847;
	display:block;
	font-size:1.1rem;
}
#follow_2{
	margin-top:50px;
}

#follow_2 > div,
#follow_3 > div{
	border:#00a2e6 3px solid;
	padding:40px 20px 20px 20px;
	margin-bottom:50px;
	position:relative;
}
#follow_2 > div i,
#follow_3 > div i{
	position:absolute;
	right:0;
	left:0;
	top:-30px;
	margin:auto;
	background:#00a2e6;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:30px;
	line-height:2;

	width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius:30px;

}

#follow_2 > div h4,
#follow_3 > div h4{
	color:#00a2e6;
	font-weight:normal;
	font-size:1.6rem;
	text-align:center;
	margin-bottom:10px;
}


#shisei{
	border-top:#00a2e6 1px dotted;

}

#shisei li{
	border-bottom:#00a2e6 1px dotted;
	padding:15px 0;
}
#shisei li .left{
	text-align:center;
	color:#00a2e6;
	font-size:1.6rem;
	margin-bottom:5px;
}
#shisei li .left i{
	display:block;
	background:#00a2e6;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:30px;
	line-height:2;

	width: 60px;
    height: 60px;
	margin:0 auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius:30px;
}

#flow02 li img{
	width:14px;
	vertical-align:middle;
	margin-right:5px;
}
#flow02 li p{
	color:#00a2e6;
	border:#ebebeb 1px solid;
	font-size:1.5rem!important;
	border-radius:6px;
	padding:5px 10px;
}
#flow02 li div {
	text-align:center;
	margin:10px 0;
}
#flow02 li div img{
	width:12px;
	vertical-align:middle;
}





@media screen and (min-width: 668px){




#page #flow li p {
    font-size: 2rem!important;
	font-weight:bold;
    padding: 5px;
}
#page #flow li span {
    font-size: 1.5rem;
	font-weight:normal;
}
#flow li div img {
    width: 24px;
    vertical-align: middle;
}
#flow li div {
    margin: 15px 0;
}
#follow_2 > div h4, #follow_3 > div h4 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

#follow_2{
	display:table;
	border-collapse: separate;
	border-spacing: 30px 0;
	margin:0 -30px 10px -30px;
	padding-top:30px;
}
#follow_2 > div:first-child{
	width:43.5%;
	display:table-cell;
	padding:40px 2.5% 2.5% 2.5%;
}
#follow_2 > div:nth-child(2){
	width:43.5%;
	padding:40px 2.5% 2.5% 2.5%;
	display:table-cell;
}

#follow_3{
	display:table;
	border-collapse: separate;
	border-spacing: 30px 0;
	margin:0 -30px 0 -30px;

	padding-top:30px;
}
#follow_3 > div{
	padding:40px 2.5% 2.5% 2.5%;
	width:25.3%;
	display:table-cell;

}



#shisei li{
	display:table;
	width:96%;
	padding:1% 2%;
}
#shisei li .left{
	display:table-cell;
	width:28%;
	text-align:left;
	vertical-align:middle;
}
#shisei li .left i{
	display:inline-block;
	margin-right:10px;
}
#shisei li .right{
	display:table-cell;
	width:72%;
	font-size:1.3rem;
	vertical-align:middle;
}

#flow02 li p {
    font-size: 1.6rem!important;
    padding: 15px 20px;
}
#flow02 li img {
    width: auto;
    margin-right: 5px;

}

#flow02 li div {
	margin:20px 0;
}
#flow02 li div img{
	width:auto;
}



}