@charset "UTF-8";


ul,ul li{list-style-type: none!important; padding:0; margin:0;}




/******************************************************/
/* 1601122追加 ここから */
/******************************************************/
.flow_area p.bo_box{
	border:solid 1px #cccccc;
	background: none!important;
	text-align: left!important;
	padding:7px 15px 5px 15px!important;
	font-weight: normal!important;
	margin: 20px 20px 25px 20px;
	font-size: 80%;
}

.flow_area p.gray_box{
	background:#eeeeee;
	text-align: left!important;
	padding:9px 15px 5px 15px!important;
	font-weight: normal!important;
	font-size: 90%;
}

.flow_area p.no_txt{
	background: none!important;
	text-align: left!important;
	font-weight: normal!important;
	margin: 20px 20px 25px 20px;
	font-size: 80%;
}

.flow_area h2.start{
	margin:0!important;
	font-size: 250%!important;
	color:#0071bc!important;
}

table.price{
	font-size: 100%;
}
table.price th{
	font-size: 100%;
}


/******************************************************/
/* 160322追加 ここから */
/******************************************************/
	.flow_area .none{display:none;}
	.flow_area .selectFlowArea{
		text-align: center;
		display:none;
	}

	/* 吹き出し */

.flow_area{
	padding:0 30px 0 30px!important;
	width: 970px;
	margin: auto;
	font-size: 90%!important;
}

	.flow_area .flow_fuki{
		background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow01.png) center bottom no-repeat !important;
		padding-bottom:14px;
		margin:20px 0 10px 0!important;
	}

		.flow_area .flow_fuki .flow_fukiInner{
			margin:auto;
			width:620px;
			padding:15px 0 12px 0;
			font-size:125%;
			background:#cfe7fe;
			text-align:center;
	  border-radius: 7px;        /* CSS3草案 */
	  -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
	  -moz-border-radius: 7px;   /* Firefox用 */
		}


	/* フローボタン */

			.flow_area .selectFlowArea.arrow{
				margin:10px 0 0 0!important;
				padding:30px 0 0 0!important;
				background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow02.png) center top no-repeat !important;
			}

			.flow_area .selectFlowArea:first-child{display:block;}

			.flow_area .selectFlowClick.active .btn{
				background-position:30px bottom!important;
				background-color:#ffffcc!important;
				border:solid 4px #0099ff!important;
			}

		.flow_area .flow_btn_set p.btn{
			display: inline-block!important;
			background: #fff!important;
			cursor: pointer!important;
			border:solid 4px #bfbfbf!important;
			color:#0066cc!important;
			font-weight:bold!important;
			font-size:165%!important;
			line-height:120%!important;
		  border-radius: 15px!important;        /* CSS3草案 */
		  -moz-border-radius: 15px!important;   /* Firefox用 */
			padding:30px 0 0 0!important;
			text-align:center!important;
			width:445px!important;
			height:100px!important;
		}

		.flow_area .flow_btn_set p.icon01{
			background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_btn_icon01.png) 30px top no-repeat!important;
			padding:30px 0 0 80px!important;
			width:382px!important;
			height:52px!important;
		}
		.flow_area .flow_btn_set p.icon02{
			background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_btn_icon02.png) 30px top no-repeat;
			padding:30px 0 0 80px!important;;
			width:382px!important;;
			height:52px!important;;
		}
		.flow_area .flow_btn_set p.icon03{
			background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_btn_icon03.png) 30px top no-repeat;
			padding:17px 0 0 90px!important;;
			width:372px!important;;
			height:65px!important;;
		}
		.flow_area .flow_btn_set p.icon04{
			background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_btn_icon04.png) 30px top no-repeat;
			padding:17px 0 0 90px!important;;
			width:372px!important;;
			height:65px!important;;
		}

		.flow_area .selectFlow .flow_btn_in .btn_2par{
				padding-top:15px!important;
				height:100px!important;
			}

		.flow_area .selectFlow .flow_btn_in .btn_2par_2{
				padding-top:19px!important;
				height:100px!important;
			}



		.flow_area .btn_txt{
			margin-top:15px!important;;
			font-size:200%!important;
			display: none!important;
		}

			.flow_area .flow_btn_set span{
				display:block!important;;
				font-size:90%!important;;
			}


			.flow_area .flow_btn_set  span.red{
				display:inline!important;
				font-size:100%!important;
			}




			.flow_area .btn_ac p{
					font-size:115%!important;;
					color:#0071bc!important;;
				}

			.flow_area .btn_ac p:hover{
					text-decoration: underline!important;;
				}

			.flow_area .btn_ac .ac_kome{
					width:440px!important;
					font-size: 12px !important;
					color: #333!important;
					line-height: 140%;
				}

			.flow_area .btn_ac p.ac_kome:hover{
					text-decoration: none!important;
				}

			.flow_area .btn_ac .ac_inner{
					width:440px!important;;
					border-top:2px solid #0071bc!important;;
					padding-top:15px!important;;
					margin:10px 0 0 0!important;;
				}

				.flow_area .btn_ac .ac_inner dl,
				.flow_area .btn_ac .ac_inner ul{
						text-align:left!important;;
						list-style-type: none!important;
					}


				.flow_area .btn_ac .ac_inner dl{
						font-size:100%!important;;
						margin-bottom:7px!important;;
					}

						.flow_area .btn_ac .ac_inner dl dt{
							margin-bottom:5px!important;;
							font-weight:bold!important;;
						}

						.flow_area .btn_ac .ac_inner dl dd{
							line-height:120%!important;;
							margin:0 30px 0 0!important;;
							display:inline-block!important;
						}


					.flow_area .btn_ac .ac_inner .title_set{
						border-bottom:solid 2px #0099ff!important;
									padding:0 0 5px 0!important;;
					}

						.flow_area .btn_ac .ac_inner .title_set h2{
							float:left!important;
							background:none!important;
							border:none!important;
							font-size:160%!important;
							padding:0!important;
							margin:0!important;
						}





	/* 結果 スタイル */

	.flow_default{
		margin-top:50px;
	}

		.flow_default h2{
			margin:0!important;
		}

	.selectFlowAnswer{display:none;}
	.no_flow_script .selectFlowAnswer{display:block;}

		div[class*="buy-"],
		.selectFlowAnswer div[class*="answer-"]{
			display:none;
		}
		.no_flow_script div[class*="buy-"],
		.no_flow_script .selectFlowAnswer div[class*="answer-"]{
			display:block;
		}


.flow_area h2{
	font-size: 150%;
	font-weight: bold;
	text-align:center!important;
	padding-bottom:10px!important;
	background:none!important;
	border:none!important;
	margin-bottom:5px!important;
}

.flow_area .ans-box{
	border:solid 1px #cccccc!important;
	margin-bottom:10px!important;
}

.flow_area .ans-box .ans-inner{
	padding:30px!important;
}


.flow_area .ans-box .set01{
	width:420px!important;
	margin:auto!important;
}

.flow_area .ans-box .set02{
	width:560px!important;
	margin:auto!important;
}

	.flow_area h3{
		background:#0071bc!important;
		border:none!important;
		color:#ffffff!important;
		font-weight:bold!important;
		font-size:150%!important;
		padding:10px 0 7px 0 !important;
		position:relative!important;
		text-align:center!important;
		margin:0!important;
	}

		.flow_area h3 img{
			position:absolute;
			top:18px!important;
			right:15px!important;
		}


		.flow_area .selectFlowAnswer .result{
			padding:16px 80px 15px 80px!important;
			border-top:solid 4px #0066cc!important;
			border-bottom:solid 4px #0066cc!important;
			font-size:150%!important;
			font-weight:bold!important;
			margin:50px 0 -30px 0!important;
			text-align:center!important;
		}



			.flow_area .buy_title{
				padding:16px 0 12px 0!important;
				border-top:solid 4px #d60714!important;
				border-bottom:solid 4px #d60714!important;
				font-size:150%!important;
				color:#d60714!important;
				font-weight:bold!important;
				margin:50px 0 45px 0!important;
				text-align:center!important;
				background:none!important;
			}


		.flow_area .selectFlowAnswer .result .resultFlow{
				display:inline-block;
				margin-right:30px;
				color:#0066cc;
			}

		.flow_area .selectFlowAnswer .result .resultEnd{
				display:inline-block;
				font-size:80%;
			}


	.flow_area .selectFlowAnswer #acMenu dt{
		background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow04_bottom.png) no-repeat scroll center right #e4f2ff!important;
	}


.flow_area h3.flow_num{
	padding:8px 5px 7px 5px!important;
}
	.flow_area h3.flow_num span{
		margin-right:10px;
		background:#ffffff;
		color:#0071bc;
		padding:3px 12px 2px 12px;
	}

	.flow_area .flow_box{
		background:#bfe5ff;
		padding:32px;
	}

	.flow_area .flow_box .box_inner{
		background:#ffffff;
		padding:40px;
	}

		.flow_area .flow_box .box_inner .box_left{
			float:left;
			margin-bottom:20px;
			width:50%;
		}
		.flow_area .flow_box .box_inner .box_right{
			float:right;
		}



/* 下部バナーエリア￥ */

.flow_area .btn_bottom_set{
	width:650px;
	margin:30px auto 30px auto;
}


.flow_area .btn_bottom_set .flow_btn_buy{
	width:650px;
	background: -moz-linear-gradient(top,  #e40112 0%, #b51517 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e40112 0%,#b51517 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e40112 0%,#b51517 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e40112', endColorstr='#b51517',GradientType=0 ); /* IE6-9 */
  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;   /* Firefox用 */
}
.flow_area .btn_bottom_set .flow_btn_buy a{
	display:block;
	color:#ffffff!important;
	padding:20px 0 20px 20px;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow09.png) no-repeat 30px center;
}
	.flow_area .btn_bottom_set ul{
			float:right;
	}
		.flow_area .btn_bottom_set ul li{
			float:left;
		}


	.flow_area .btn_bottom_set02{
			font-size:130%;
			margin:30px 0 30px 0;
			text-align:center;
	}


	.flow_area .btn_bottom_set03{
		width:100%;
			font-size:130%;
			margin:0;
	}
		.flow_area .btn_bottom_set03 p{
			font-weight:bold;
			text-align:center;
			background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_bg_line.gif) repeat-x left center;
		}
			.flow_area .btn_bottom_set03 p span{
				padding:0 10px 0 10px;
				background:#ffffff;
			}

		.flow_area .btn_bottom_set03 ul{
			margin:0;
		}
			.flow_area .btn_bottom_set03 ul li{
				float:left;
				margin:0;
			}



.flow_area .flow_farrow{
	width:170px;
	margin:20px auto 20px auto;
	text-align:center;
	color:#0071bc;
}

.flow_area .flow_farrow p.day{
	background:#ffffff;
	padding:7px 10px 0 10px;
	font-weight:bold;
	margin:0;
}

.flow_area .f_link{
    font-size: 90%;
    background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow08.png) no-repeat left 0.5em;
    margin-bottom:-7px;
    text-indent: -15px;
    padding-left: 15px;
}
	.flow_area .f_link a{
		padding:0 0 0 15px;
	}

.flow_area .f_link02{
	background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow08.png) no-repeat left 0.55em;
	margin-bottom:-7px;
	float:none!important;
		text-indent: -15px;
		padding-left: 15px;
}
	.flow_area .f_link02 a{
		padding:0 0 0 15px;
	}


.flow_area .f_left{float:left!important;}
.flow_area .f_right{float:right!important;}




/******************************************************/
/* newwin */
/******************************************************/

body#flow_newwin {
	min-width: 0;
}

body#flow_newwin .nw_content{
	padding:15px 20px 15px 20px;
}



	body#flow_newwin .nw_content dl{
		margin-top:20px;
		font-size:140%;
	}

		body#flow_newwin .nw_content dl dt{
		font-weight:bold;
		}

		body#flow_newwin .nw_content dl dd{
			margin-right:30px;
			float:left;
		}


	body#flow_newwin .nw_content .title_set{
		border-bottom:solid 2px #0099ff!important;
					padding:0 0 5px 0;
	}

		body#flow_newwin .nw_content .title_set h2{
			float:left!important;
			background:none!important;
			border:none!important;
			font-size:160%!important;
			padding:0!important;
			margin:0!important;
		}



			body#flow_newwin .nw_content .title_set p.win_close{
				float:right;
			}



	/* clear */

	.clear:after,
	.flow_area .flow_btn_set dl:after,
	.flow_box .box_inner:after,
	.flow_area .btn_bottom_set ul:after,
	.flow_area .btn_bottom_set:after,
	.flow_area .btn_bottom_set03 ul:after,
	body#flow_newwin .nw_content .title_set:after,
	body#flow_newwin .nw_content dl:after,
	.flow_area .btn_ac dl :after{
		display:block;content:"";clear:both;overflow:hidden;
	}



		/* SP */
		@media only screen and (max-width:569px){

			.flow_area{
				padding:0 10px 0 10px!important;
				width: 100%;
			}

			body#flow_newwin .nw_content .title_set p.win_close{
				display:none;
			}

		.flow_area .btn_ac p{
				font-size:100%;
			}
		.flow_area .btn_ac .ac_kome{
				width:100%!important;
			}
		.flow_area .btn_ac .ac_inner{
				width:100%!important;
				margin:7px!important;
			}

		.flow_area .flow_box{
			background:#bfe5ff;
			padding:15px;
		}

		.flow_area .flow_box .box_inner{
			background:#ffffff;
			padding:15px;
		}

		.flow_area .btn_ac .ac_inner dl dd{
			margin-right:10px;
		}

		.flow_area .selectFlow img{width:auto!important;}

		.flow_area .flow_fuki{
			margin:30px 0 20px 0!important;
		}

		.flow_area .flow_fuki .flow_fukiInner{
			width:100%;
			padding:15px 20px 12px 20px;
		}

			.flow_area .selectFlowArea.arrow{
				margin:20px 0 0 0!important;
				padding:40px 0 0 0!important;
				background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow02.png) center top no-repeat !important;
			}


		.flow_area .selectFlowAnswer .result{
			padding:15px!important;
		}
		
		
		.flow_area .selectFlowAnswer .result .resultFlow,
		.flow_area .selectFlowAnswer .result .resultEnd{
				margin:0;
				font-size:80%;
				line-height:160%;
				display:block;
			}


				.flow_area .selectFlowAnswer h2{
					margin:50px 0 0 0!important;
					font-size: 140%!important;
				}

			.flow_area .flow_btn_set p.btn{
				width:100%!important;
				margin:0 auto 0 auto!important;
				border:solid 2px #bfbfbf!important;
				height:auto!important;
				font-size:140%!important;
				padding:20px 0 15px 0!important;
				background:none!important;
			}

			.flow_area .flow_box .box_inner .box_left{
				float:none;
				width:100%;
			}
			.flow_area .flow_box .box_inner .box_right{
				float:none;
				text-align:center;
			}

			.flow_area .selectFlowClick.active .btn{
				border:solid 2px #0099ff!important;
			}

			.flow_area .ans-box{
				text-align:center!important;
			}

			.flow_area .ans-box .set01,
			.flow_area .ans-box .set02{
				width:auto!important;
			}




				.flow_area .btn_txt{
					margin:0 0 20px 0;
					font-size:120%!important;
				}

			.flow_area .selectFlowArea.arrow{
				margin:0 0 0 0;
				padding:35px 0 0 0;
			}

			.flow_area .f_left{
				float:none!important;
				margin-bottom:20px;
			}

			.flow_area .f_right{
				float:none!important;
			}


		.flow_area .selectFlow .flow_btn_in .btn_2par{
				height:auto!important;
			}

			.flow_area .btn_bottom_set{
				width:100%;
			}

			.flow_area .btn_bottom_set .flow_btn_buy,
			.flow_area .btn_bottom_set .flow_btn_buy a{
				width:100%;
				font-size:100%;
				padding:12px 5px 10px 20px!important;
			}

			.flow_area .btn_bottom_set .flow_btn_buy a{
				background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow09.png) no-repeat 0 center;
			}




		.flow_area .btn_bottom_set03 p{
			font-size: 90%!important;
		}

			.flow_area .btn_bottom_set03 ul{
				margin:20px auto 0 auto!important;
				width:100%!important;
			}
				.flow_area .btn_bottom_set03 ul li{
					width:100%!important;
					float:none;
					margin:5px auto 5px auto;
				}
						.flow_area .btn_bottom_set03 ul.shop-list li{
							text-align: center;
						}
						.flow_area .btn_bottom_set03 ul li img{
							width: auto!important;
						}


			.flow_area .wfreams {
				padding:10px;
				margin:10px;
			}

			.flow_area h2{
				margin:0 10px 0 10px!important;
				  border-radius: 5px 5px 0 0!important;        /* CSS3草案 */
				  -webkit-border-radius: 5px 5px 0 0!important;    /* Safari,Google Chrome用 */
				  -moz-border-radius: 5px 5px 0 0!important;   /* Firefox用 */
			}








			.flow_area .attention-txt{
				margin:0 10px 10px 10px!important;
			}


			.flow_area .f_link02{
				background:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/pc/flow_arrow08.png) no-repeat left 0.35em;
			}

		}



/******************************************************/
/* class */
/******************************************************/


.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.mt0 { margin-top: 0px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }

.ml0 { margin-left: 0px !important; }
.ml1 { margin-left: 1px !important; }
.ml2 { margin-left: 2px !important; }
.ml3 { margin-left: 3px !important; }
.ml4 { margin-left: 4px !important; }
.ml5 { margin-left: 5px !important; }
.ml6 { margin-left: 6px !important; }
.ml7 { margin-left: 7px !important; }
.ml8 { margin-left: 8px !important; }
.ml9 { margin-left: 9px !important; }
.ml10 { margin-left: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb6 { margin-bottom: 6px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb9 { margin-bottom: 9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr6 { margin-right: 6px !important; }
.mr7 { margin-right: 7px !important; }
.mr8 { margin-right: 8px !important; }
.mr9 { margin-right: 9px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr320 { margin-right: 320px !important; }
.pt0 { padding-top: 0px !important; }
.pt1 { padding-top: 1px !important; }
.pt2 { padding-top: 2px !important; }
.pt3 { padding-top: 3px !important; }
.pt4 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt6 { padding-top: 6px !important; }
.pt7 { padding-top: 7px !important; }
.pt8 { padding-top: 8px !important; }
.pt9 { padding-top: 9px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pl0 { padding-left: 0px !important; }
.pl1 { padding-left: 1px !important; }
.pl2 { padding-left: 2px !important; }
.pl3 { padding-left: 3px !important; }
.pl4 { padding-left: 4px !important; }
.pl5 { padding-left: 5px !important; }
.pl6 { padding-left: 6px !important; }
.pl7 { padding-left: 7px !important; }
.pl8 { padding-left: 8px !important; }
.pl9 { padding-left: 9px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb1 { padding-bottom: 1px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb6 { padding-bottom: 6px !important; }
.pb7 { padding-bottom: 7px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb9 { padding-bottom: 9px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pr0 { padding-right: 0px !important; }
.pr1 { padding-right: 1px !important; }
.pr2 { padding-right: 2px !important; }
.pr3 { padding-right: 3px !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { padding-right: 5px !important; }
.pr6 { padding-right: 6px !important; }
.pr7 { padding-right: 7px !important; }
.pr8 { padding-right: 8px !important; }
.pr9 { padding-right: 9px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w360 { width: 360px !important; }
.w370 { width: 370px !important; }
.w380 { width: 380px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.w410 { width: 410px !important; }
.w420 { width: 420px !important; }
.w430 { width: 430px !important; }
.w440 { width: 440px !important; }
.w450 { width: 450px !important; }
.w460 { width: 460px !important; }
.w470 { width: 470px !important; }
.w480 { width: 480px !important; }
.w490 { width: 490px !important; }
.w500 { width: 500px !important; }
.w510 { width: 510px !important; }
.w520 { width: 520px !important; }
.w530 { width: 530px !important; }
.w540 { width: 540px !important; }
.w550 { width: 550px !important; }
.w560 { width: 560px !important; }
.w570 { width: 570px !important; }
.w580 { width: 580px !important; }
.w590 { width: 590px !important; }
.w600 { width: 600px !important; }
.w610 { width: 610px !important; }
.w620 { width: 620px !important; }
.w630 { width: 630px !important; }
.w640 { width: 640px !important; }
.w650 { width: 650px !important; }
.w660 { width: 660px !important; }
.w670 { width: 670px !important; }
.w680 { width: 680px !important; }
.w690 { width: 690px !important; }
.w700 { width: 700px !important; }
.w710 { width: 710px !important; }
.w720 { width: 720px !important; }
.w730 { width: 730px !important; }
.w740 { width: 740px !important; }
.w750 { width: 750px !important; }
.w760 { width: 760px !important; }
.w770 { width: 770px !important; }
.w780 { width: 780px !important; }
.w790 { width: 790px !important; }
.w800 { width: 800px !important; }
.w810 { width: 810px !important; }
.w820 { width: 820px !important; }
.w830 { width: 830px !important; }
.w840 { width: 840px !important; }
.w850 { width: 850px !important; }
.w860 { width: 860px !important; }
.w870 { width: 870px !important; }
.w880 { width: 880px !important; }
.w890 { width: 890px !important; }
.w900 { width: 900px !important; }
.w910 { width: 910px !important; }
.w920 { width: 920px !important; }
.w930 { width: 930px !important; }
.w940 { width: 940px !important; }
.w950 { width: 950px !important; }



.w50p{width:50%!important;}
.w60p{width:60%!important;}
.w70p{width:70%!important;}
.w80p{width:80%!important;}
.w90p{width:90%!important;}
.w100p{width:100%!important;}


.bdNone { border: none !important; }
.bdtNone { border-top: none !important; }
.bdrNone { border-right: none !important; }
.bdbNone { border-bottom: none !important; }
.bdlNone { border-left: none !important; }
.bgNone { background: none !important; }
.vtop { vertical-align: top !important; }
.vmiddle { vertical-align: middle !important; }
.vtop { vertical-align: top !important; }
.vbottom { vertical-align: bottom !important; }
.fnt80 { font-size: 80% !important; }
.fnt85 { font-size: 85% !important; }
.fnt90 { font-size: 90% !important; }
.fnt95 { font-size: 95% !important; }
.fnt100 { font-size: 100% !important; line-height:100%;}
.fnt110 { font-size: 110% !important; line-height:110%;}
.fnt120 { font-size: 120% !important; line-height:120%;}
.fnt130 { font-size: 130% !important; line-height:140%;}
.fnt140 { font-size: 140% !important; line-height:140%;}
.strong { font-weight: bold !important; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.floR { float: right !important; }
.floL { float: left !important; }
.floNone { float: none !important; }
.block { display: block; }
.none { display: none; }
.inline { display: inline; }
.marginAuto { margin-left: auto !important; margin-right: auto !important; }
.red{color:#c60000!important;}
.blue{color:#0071bc!important;}


@media only screen and (max-width:1024px){
	.flow_area img.imageFit{
		width:100% !important;
		height:auto !important;
	}
	.flow_area img.imageFit95{
		width:95% !important;
		height:auto !important;
	}
	.flow_area img.imageFit90{
		width:90% !important;
		height:auto !important;
	}
	.flow_area img.imageFit80{
		width:80% !important;
		height:auto !important;
	}
	.flow_area img.imageFit70{
		width:70% !important;
		height:auto !important;
	}
	.flow_area img.imageFit60{
		width:60% !important;
		height:auto !important;
	}
	.flow_area img.imageFit50{
		width:50% !important;
		height:auto !important;
	}
	.flow_area img.imageFit40{
		width:40% !important;
		height:auto !important;
	}
	.flow_area img.imageFit30{
		width:30% !important;
		height:auto !important;
	}
	.flow_area img.imageFit20{
		width:20% !important;
		height:auto !important;
	}
	.flow_area img.imageFit10{
		width:10% !important;
		height:auto !important;
	}
}




/******************************************************/
/* 160322追加 ここまで */
/******************************************************/

.flow_area.blueArea {
    max-width: 1060px;
    background: #f1f8ff;
    padding: 20px!important;
}
.flow_area .btn_bottom_set03 p.title_o {
  border-bottom: solid 2px #ccc;
  margin-top: 10px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  font-weight: bold;
  line-height: 1.1em;
  font-size: 24px;
  text-align: left;
  background: none;
}
.flow_area .btn_bottom_set03 p.title_o span:first-of-type {
  border-bottom: solid 2px #004795;
  padding: 0.5rem 1rem;
  background: #f1f8ff;
}
.flow_area .btn_bottom_set03 p.title_o::before, .flow_area .btn_bottom_set03 p.title_o::after {
  background: none;
  content: none;
}
@media screen and (max-width: 1024px) {
	.flow_area .btn_bottom_set03 p.title_o {
      font-size: 18px!important;
	}
}
@media screen and (max-width: 768px) {
	.flow_area .btn_bottom_set03 p.title_o {
      font-size: 18px!important;
	}
}
@media screen and (max-width: 420px) {
	.flow_area.blueArea {
		padding: 15px!important;
	}
	.flow_area .btn_bottom_set03 p.title_o {
      font-size: 16px!important;
    }
	.flow_area .btn_bottom_set03 p.title_o span:first-of-type {
	  padding: 0.5rem 0;
	}
}