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

body {
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and ( max-width:950px ){
p {
	text-align:center;
	}}


.paragraph{
	}
	
@media screen and ( max-width:950px ){
.paragraph {
	display:block;
	}}




.line {
	border-bottom:#008CC9 1px solid;
}
	
@media screen and ( max-width:950px ){
.line {
	width:320px;
	}}
	



.center {
	text-align:center;
	color:#008CC9;
	font-size:20px;
	font-weight:bold;
}


.arrow {
	padding-left:153px;
}

@media screen and (max-width:950px) {
.arrow {
	padding-left:141px;
}}


.box {
	float:left;
	width:950px;
	margin-top:0px;
}

.box1 {
	float:left;
	width:345px;
	height:84px;
}

.box2 {
	float:left;
	width:560px;
	height:84px;
	padding-left:30px;
	position: relative;
}

.box_txt1 {
}

.box_txt2 {	
}

.box_txt3 {	
}

@media screen and ( max-width:950px ){
.box {
	width:320px;
	height:auto;
	float:left;
	display:block;
}}

@media screen and ( max-width:950px ){
.box1,.box2 {
	width:320px;
	height:auto;
	padding:0px;
	display:block;
	margin:0 auto;
	display:block;
}}

@media screen and ( max-width:950px ){
.box1 img {
	width:320px;
	height:100%;
}}



@media screen and ( max-width:950px ){
.box_txt1,.box_txt2,.box_txt3 {
	text-align:center;
	display:block;
	margin-bottom:10px;
}}

@media screen and ( min-width:950px ){
.box_txt1 {
	position: absolute;
	top: 50%;
	margin-top: -10px;
}}

@media screen and ( min-width:950px ){
.box_txt2 {
	position: absolute;
	top: 50%;
	margin-top: -22px;
}}

@media screen and ( min-width:950px ){
.box_txt3 {
	position: absolute;
	top: 50%;
	margin-top: -36px;
}}


.d_w_box {
	width:950px;
	margin-bottom:0px;	
}

.d_w_img {
	width:345px;
}

.d_w_txt {
	margin:0px;
}

.dtp_box {
	width:345px;
	height:450px
}

.web_box {
	float:right;
	width:345px;
	margin-right:200px;
	margin-top:0px;
	margin-bottom:-450px;
	position:relative;
	top:-450px;	
}

@media screen and (max-width:950px) {
.d_w_box,.dtp_box {
	width:320px;
	height:100%;
	display:block;
}}


@media screen and (max-width:950px) {
.web_box {
	width:320px;
	margin-right:0px;
	margin-bottom:0px;
	position:static;
	margin-top:15px;
}}

@media screen and (max-width:950px) {
.d_w_txt {
	text-align:center;
	margin-bottom:10px;
}}



@media screen and (max-width:950px) {
.d_w_img img {
	width:320px;
	height:100%;
}}