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

/* 施主支給の流れメインエリア */

span#nagare-pred{
	font-weight: bold;
	color: #F00;
}

span#nagare-box1bold{
	font-weight: bold;
}

span.p-space{
	letter-spacing: -0.5px;
}


h2#nagare-title1{
	width: 40%;
	margin-left: 30%;
	font-size: 30px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #00b0f0;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #999;
}

.nagare-box1{
	width: 46%;
	margin-left: 1%;
	background-color: #fff2cc;
	border: 1px solid #999;
	margin-bottom: 15px;
	padding: 1%;
	float: left;
}

.nagare-box1-1{
	width: 98%;
	margin-left: 1%;
	margin-bottom: 15px;
}

.nagare-box1-1 img{
	width: 49%;
}

#nagare-pbold{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 98%;
}

.nagare-box1 p{
	width: 96%;
	text-align: left;
	font-size: 13px;
	padding: 2%;
	line-height: 24px;
}

.nagare-box1 ol{
	width: 92%;
	margin-right:2%;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	padding-top: 2%;
	padding-right: 0%;
	padding-bottom: 2%;
	padding-left: 2em;
}

.nagare-box1 ol li{
	list-style-position: outside;
	margin-bottom: 15px;
}

.nagare-box1 ul{
	width: 92%;
	margin-right:2%;
	margin-top:5px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}

.nagare-box1 ul li{
	margin-bottom: 5px;
}


.nagare-box2{
	width: 98%;
	margin-left: 1%;
	background-color: #E3E3E3;
	border: 1px solid #999;
	margin-bottom: 14px;
}

.nagare-box2 p{
	width: 96%;
	text-align: left;
	font-size: 14px;
	padding: 2%;
	line-height: 22px;
}


.nagare-box3{
	width: 80%;
	margin-left: 8%;
	padding: 2%;
	margin-top: 10px;
}


.nagare-box3 #box3-line1{
	width: 100%;
}

.nagare-box3 #box3-line1 p#box3-line-p{
	width: 30%;
	float: left;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.nagare-box3 #box3-line1 img{
	width: 90%;
	margin-top: 30px;
	margin-bottom: 10px;
}

.nagare-box3 #box3-line1 img#box3-line-img{
	width: 70%;
	margin-top: 0px;
}



.nagare-box3 #box3-line2{
	width: 100%;
	background-color: #CF0;
}

.nagare-box3 #box3-line2 p#box3-line-p{
	width: 30%;
	float: left;
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
}

.nagare-box3 #box3-line2 p#box3-line-p2{
	width: 30%;
	float: left;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	background-color: #00b0f0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	font-size: 24px;
	margin-top: 30px;
	margin-left: 2%;
}

.nagare-box3 #box3-line2 img{
	width: 90%;
	margin-bottom: 10px;
}

.nagare-box3 #box3-line2 img#box3-line-img{
	width: 70%;
	margin-top: 0px;
}

.nagare-box4{
	width: 94%;
	margin-left: 1%;
	background-color: #E3E3E3;
	margin-bottom: 30px;
	padding: 2%;
	margin-top: 15px;
}

.nagare-box4 #nagare-title2{
	width: 70%;
	margin-left: 14%;
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	text-align: center;
	color: #F00;
	border: 1px solid #999;
	margin-top: 15px;
	margin-bottom: 15px;
}

.nagare-box4 p{
	text-align: left;
	width: 94%;
	margin-left: 2%;
	font-size: 14px;
	line-height: 24px;
	padding: 1%;
}

.nagare-box4 img{
	width: 30%;
	margin-left: 35%;
}


.nagare-box5{
	width: 45%;
	margin-left: 25%;
	padding: 2%;
	background-color: #fff;
	text-align: center;
	border: 1px solid #666;
	margin-top: 30px;
	margin-bottom: 30px;
}

.nagare-box5 p{
	font-size: 14px;
	color: #000;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
}



/*-------ライン部分---------------------------------*/
.nagare-boxline{
	width: 76%;
	margin-left: 10%;
	padding: 2%;
	background-color: #ffc000;
	margin-top: 10px;
	border: 1px solid #666;
}

.nagare-boxline #boxline-p{
	width: 96%;
	padding: 2%;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
}

.nagare-boxline #nagare-pbluebig{
	font-weight: bold;
	color: #00b0f0;
	font-size: 26px;
	text-align: center;
	line-height: 36px;
}


.nagare-boxline2{
	width: 70%;
	margin-left: 8%;
	padding: 2%;
	background-color: #E3E3E3;
	margin-top: 10px;
	border: 1px solid #666;
}

.nagare-boxline2 p{
	width: 96%;
	margin-left: 2%;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	font-weight: bold;
	text-align: left;
}


.nagare-boxline2 #boxline2-p{
	width: 96%;
	font-size: 16px;
	color: #F00;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}



/*---------各種P設定-------------------------------------*/

.nagare-box4 .nagare-nomal-p3{
	text-align: center;
	width: 90%;
	margin-left: 5%;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 5px;
}




/*------表示なし用css-------------------*/
.nagare-nomal-p3sp{
	display: none;
}


.clear{
	clear:both;
}

/*------ノートパソコン画面・タブレット1024px画面まで--------------------------------------------------------*/
@media screen and (max-width: 1200px){
.nagare-boxline2{
	width: 70%;
	margin-left: 12%;
	padding: 2%;
	background-color: #E3E3E3;
	margin-top: 10px;
	border: 1px solid #666;
}

.nagare-boxline2 p{
	width: 96%;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	font-weight: bold;
	text-align: left;
}


.nagare-boxline2 #boxline2-p{
	width: 96%;
	font-size: 16px;
	color: #F00;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

/*------表示なし用css-------------------*/
.nagare-nomal-p3sp{
	display: none;
}
	
}

/*------タブレット・スマホ414px画面まで--------------------------------------------------------*/
@media screen and (max-width: 1023px){

h2#nagare-title1{
	width: 60%;
	margin-left: 20%;
	font-size: 30px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #00b0f0;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #999;
}


.nagare-box1-1{
	width: 98%;
	margin-left: 1%;
	margin-bottom: 0px;
}

.nagare-box1-1 img{
	width: 100%;
	margin-bottom: 15px;
}


/*-------ライン部分---------------------------------*/
.nagare-boxline{
	width: 80%;
	margin-left: 8%;
	padding: 2%;
	background-color: #ffc000;
	margin-top: 10px;
	border: 1px solid #666;
}


.nagare-box4 #nagare-title2{
	width: 90%;
	margin-left: 4%;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	text-align: center;
	color: #F00;
	border: 1px solid #999;
	margin-top: 15px;
	margin-bottom: 15px;
}

.nagare-box4 img{
	width: 60%;
	margin-left: 20%;
}

.nagare-nomal-p3sp{
	display: block;
	text-align: center;
	width: 90%;
	margin-left: 5%;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.nagare-nomal-p3{
	display: none;
}

.nagare-box5{
	width: 80%;
	margin-left: 8%;
	padding: 2%;
	background-color: #fff;
	text-align: center;
	border: 1px solid #666;
	margin-top: 30px;
	margin-bottom: 30px;
}

.nagare-box5 p{
	font-size: 14px;
	color: #000;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
}

.nagare-box5 img{
	width: 70%;
	margin-left: 15%;
}



.nagare-box3{
	width: 80%;
	margin-left: 8%;
	padding: 2%;
	margin-top: 10px;
}


.nagare-box3 #box3-line1{
	width: 100%;
}

.nagare-box3 #box3-line1 p#box3-line-p{
	width: 45%;
	margin-left: 3%;
	float: left;
	text-align: center;
	font-weight: bold;
}

.nagare-box3 #box3-line1 img{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
}

.nagare-box3 #box3-line1 #box3-line-sp p#box3-line-p{
	width: 100%;
}

.nagare-box3 #box3-line1 img#box3-line-img{
	width: 35%;
	margin-top: 10px;
	margin-left: 0%;
}



.nagare-box3 #box3-line2{
	width: 100%;
}

.nagare-box3 #box3-line2 p#box3-line-p{
	width: 45%;
	float: left;
	margin-left: 3%;
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
}

.nagare-box3 #box3-line2 p#box3-line-p2{
	width: 45%;
	float: left;
	text-align: center;
	font-weight: bold;
	background-color: #00b0f0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	font-size: 18px;
	margin-top: 25px;
	margin-left: 2%;
}

.nagare-box3 #box3-line2 img{
	width: 100%;
	margin-bottom: 0px;
}

.nagare-box3 #box3-line2 #box3-line-sp p#box3-line-p{
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
}


.nagare-boxline2{
	margin-bottom: 30px;
}


}


/*------スマホ812px以下画面の調整--------------------------------------------------------*/
@media screen and (max-width: 812px){

.nagare-box1{
	width: 100%;
	margin-left: -1%;
	background-color: #fff2cc;
	border: 1px solid #999;
	margin-bottom: 15px;
	float: none;
}

#nagare-pbold{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-left: 0%;
	width: 100%;
	padding-top: 10px;
	padding-right: 0%;
	padding-bottom: 10px;
	padding-left: 0%;
}

.nagare-box1 p{
	width: 96%;
	text-align: left;
	font-size: 13px;
	padding: 2%;
	line-height: 24px;
}

span#nagare-pred{
	font-weight: bold;
	color: #F00;
	font-size: 16px;
}

.nagare-box1 ol{
	width: 94%;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2em;
}

.nagare-box1 ol li{
	list-style-position: outside;
	margin-bottom: 15px;
}

.nagare-box1 ul{
	width: 92%;
	margin-right:2%;
	margin-top:5px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}

.nagare-box1 ul li{
	margin-bottom: 5px;
}


.nagare-box2{
	width: 98%;
	margin-left: 1%;
	background-color: #E3E3E3;
	border: 1px solid #999;
	margin-bottom: 14px;
}

.nagare-box2 p{
	width: 96%;
	text-align: left;
	font-size: 14px;
	padding: 2%;
	line-height: 22px;
}

p.aboutss-nomal-p2{
	font-size: 13px;
}

}


/*------スマホ667px以下画面--------------------------------------------------------*/
@media screen and (max-width: 667px){

.nagare-box1 p{
	width: 92%;
	text-align: left;
	font-size: 12px;
	padding: 4%;
	line-height: 20px;
}

.nagare-box4 .nagare-nomal-p3sp{
	font-size: 16px;
}

.nagare-box4 .nagare-nomal-p3sp #nagare-pred{
	font-size: 15px;
}

.nagare-box1 ol{
	width: 88%;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2em;
	margin-left: 2%;
}

.nagare-box1 ol li{
	list-style-position: outside;
	margin-bottom: 15px;
}

}

/*------スマホ375px以下画面--------------------------------------------------------*/
@media screen and (max-width: 375px){
	
h2#nagare-title1{
	width: 80%;
	margin-left: 10%;
	font-size: 30px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #00b0f0;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #999;
}


#nagare-pbold{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin-left: 0%;
	width: 100%;
	padding-top: 10px;
	padding-right: 0%;
	padding-bottom: 10px;
	padding-left: 0%;
}

.nagare-box1 p{
	width: 96%;
	text-align: left;
	font-size: 12px;
	padding: 2%;
	line-height: 24px;
}

span#nagare-pred{
	font-weight: bold;
	color: #F00;
	font-size: 14px;
}

.nagare-box1 ol{
	width: 88%;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2em;
	margin-left: 2%;
}

.nagare-box1 ol li{
	list-style-position: outside;
	margin-bottom: 15px;
}

.nagare-box1 ul{
	width: 98%;
	margin-top:5px;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	list-style-type: none;
	padding-top: 2%;
	padding-bottom: 2%;
}

.nagare-box1 ul li{
	margin-bottom: 5px;
}


.nagare-box2 p{
	font-size: 13px;
	line-height: 24px;
	padding: 3%;
	width: 94%;
}

.nagare-box4 #nagare-title2{
	font-size: 15px;
}

}

/*------スマホ320px以下画面--------------------------------------------------------*/
@media screen and (max-width: 320px){

span#nagare-pred{
	font-weight: bold;
	color: #F00;
	font-size: 16px;
}

.nagare-box1 ol{
	width: 82%;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 2%;
	padding-left: 2em;
	margin-left: 2%;
}

.nagare-box1 ol li{
	list-style-position: outside;
	margin-bottom: 15px;
}

.nagare-box1 ul{
	width: 98%;
	margin-top:5px;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	list-style-type: none;
	padding-top: 2%;
	padding-bottom: 2%;
}

.nagare-box1 ul li{
	margin-bottom: 5px;
}


.nagare-box2 p{
	font-size: 13px;
	line-height: 24px;
	padding: 6%;
	width: 88%;
}


.nagare-box3 #box3-line1 p#box3-line-p{
	text-align: center;
	font-size: 14px;
}


.nagare-box3 #box3-line2 p#box3-line-p2{
	font-size: 15px;
}


.nagare-boxline2{
	width: 94%;
	margin-left: 1%;
	margin-bottom: 10px;
}

.nagare-box4 #nagare-title2{
	font-size: 16px;
}

.nagare-box5{
	width: 88%;
	margin-left: 4%;
	padding: 2%;

}

}