/******************************************/
/*##################################################################################################*/

@media (min-width:768px) {

.top_img{
	margin-top:214px;
	padding:80px 0px 0px 0px;
        width:100%;
        height:140px;
	color:#fff;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	display:block;
	background:url(../img/ipan/top_img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;

}
.ipan_box{
	width:1000px;
	margin:10px auto 40px auto;
	padding:0px 50px;
	overflow: hidden;

}
.ipan_box .cbox{
	width:100%;
	max-width:1000px;
	padding:0px;
	margin:0% auto 5% auto;
	font-size:16px;
	color:#000;
	text-align:center;
	overflow: hidden;
}
.ipan_box .midashi{
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-weight:bold;
        color:#000;
	font-size:18px;
}
.ipan_box .midashi02{
	margin:30px auto 0px auto;
	padding:0px;
	text-align:center;
	font-weight:bold;
        color:#ff6800;
	font-size:30px;
}

/*box01*/
.ipan_box .box01{
	width:92%;
	max-width:920px;
	margin:40px auto 0px auto;
	padding:5% 4%;
	font-size:16px;
	color:#000;
	text-align:left;
	line-height:180%;
	background-color:#ffdfbf;
	display:block;
	overflow: hidden;
}

.ipan_box .box01 .title{
	font-size:24px;
	color:#000;
	text-align:center;
	font-weight:bold;
	margin:0px 0px 20px 0px;
	line-height:200%;
}
.ipan_box .box01  .img_box{
	width:100%;
	max-width:920px;
	margin:5% 0% 0% 0%;
}
.ipan_box .box01 .img_box img{
	width:282px;
}
.ipan_box .box01 .img_box .img02{
	margin-left:3.3%;
}
/*box02*/
.ipan_box .box02{
	width:99.6%;
	max-width:896px;
	padding:35px 50px;
	margin:50px auto 60px auto;
	font-size:16px;
	color:#000;
	text-align:left;
	line-height:220%;
	background:url(../img/ipan/con02_bg.jpg);
	background-repeat:no-repeat;
	border:solid 2px #804f21;
	overflow: hidden;
}

.ipan_box .box02 .title{
	font-size:25px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
	margin:0px auto 10px auto;
	line-height:180%;
}
.ipan_box .box02 .maru{
	font-size:20px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
}

/*box03*/
.ipan_box .box03{
	width:100%;
	max-width:1000px;
	padding:0px;
	margin:10px auto 60px auto;
	overflow: hidden;
}
.ipan_box .box03  .img_box{
	width:21%;
	max-width:210px;
	margin:0%;
	float:left;
}
.ipan_box .box03 .img_box img{
	width:205px;
	text-align:left;
}

.ipan_box .box03 .txtbox{
	width:78%;
	max-width:780px;
	font-size:16px;
	color:#000;
	margin:0% 0% 0% 1%;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:180%;
}
.ipan_box .box03 .txtbox .title{
	font-size:22px;
	color:#804f21;
	text-align:left;
	font-weight:bold;
	margin:0px auto 10px auto;
	line-height:180%;
}
.ipan_box .box03 .txtbox02{
	width:92%;
	max-width:920px;
	margin:2% 0% 0% 0;
	padding:2% 4%;
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:180%;
	background-color:#fff0e1;
}

.ipan_box .box03 .txtbox02 .img_box02{
	width:10.5%;
	max-width:105px;
	margin:0%;
	float:left;
}
.ipan_box .box03 .txtbox02 .img_box img{
	width:80px;
	text-align:left;
}
.ipan_box .box03 .txtbox02 .txtbox{
	width:88%;
	max-width:880px;
	font-size:16px;
	color:#000;
	margin:0% 0% 0% 1%;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:180%;
}
.ipan_box .box03 .txtbox02 .txtbox .title{
	color:#804f21;
	font-size:16px;
	font-weight:normal;
	margin:0px;


}


.ipan_box .lbox{
	width:49%;
	max-width:490px;
	padding:0px;
	margin:0% 0% 2% 0%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:left;
	overflow: hidden;
}

.ipan_box .rbox{
	width:49%;
	max-width:490px;
	padding:0px;
	margin:0% 0% 2% 2%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:right;
	overflow: hidden;
}
.ipan_box .lbox img, .ipan_box .rbox img{
	width:100%;
	max-width:490px;
	margin:0% 0% 2% 0%;
}

.flow_ya{
	text-align:center;
	margin:0px auto;
}

.spmb{
	margin:5% 0%;
}

.tb_style{
	margin:0px 0px 10px 0px;
	width:100%;
	border:solid 1px #000000;
	border-collapse: collapse;
}
.tb_style td{
	text-align:center;
	height:55px;
	font-size:16px;
	border: solid 1px #000000;
}
.tb01{ width:20.5%;font-size:18px; font-weight:bold;}
.tb02{ width:26.5%;font-size:18px; font-weight:bold;}
.tb03{ width:26.5%;font-size:18px; font-weight:bold;}
.tb04{ width:10.5%;font-size:18px; font-weight:bold;}

.bg01{background-color:#ffead0;}
.bb{font-size:18px; font-weight:bold;}
.bb2{text-align:left;font-size:18px; font-weight:bold;padding-left:1em;}
.cl{color:#92622b;font-size:18px;line-height:180%;}
.s18{font-size:18px;line-height:180%;}
.ora{color:#ff6800;font-size:24px;line-height:180%;}
.ora_en{color:#ff6800;font-size:18px;}
.stit{color:#000;font-size:18px;}

.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

}

/******************************************/
/*##################################################################################################*/

@media screen and (min-width:768px) and ( max-width:1050px) {
.top_img{
	margin-top:176px;
	padding:80px 0px 0px 0px;
        width:100%;
        height:140px;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	display:block;
	background:url(../img/ipan/top_img.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
}
.ipan_box{
	width:90%;
	margin:5% auto 4% auto;
	padding:0% 5%;
	font-size:14px;
	overflow: hidden;

}
.ipan_box .cbox{
	width:100%;
	max-width:1000px;
	padding:0px;
	margin:0% auto 5% auto;
	font-size:16px;
	color:#000;
	text-align:center;
	overflow: hidden;
}
.ipan_box .cbox img{
	width:45%;
}
.ipan_box .midashi{
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-weight:bold;
        color:#000;
	font-size:16px;
}
.ipan_box .midashi02{
	margin:30px auto 0px auto;
	padding:0px;
	text-align:center;
	font-weight:bold;
        color:#ff6800;
	font-size:26px;
}

/*box01*/
.ipan_box .box01{
	width:92%;
	max-width:920px;
	margin:4% auto 0% auto;
	padding:5% 4%;
	font-size:14px;
	color:#000;
	text-align:left;
	line-height:180%;
	background-color:#ffdfbf;
	display:block;
	overflow: hidden;
}

.ipan_box .box01 .title{
	font-size:20px;
	color:#000;
	text-align:center;
	font-weight:bold;
	margin:0px 0px 20px 0px;
	line-height:200%;
}
.ipan_box .box01  .img_box{
	width:100%;
	max-width:920px;
	margin:1% 0% 2% 0%;
}
.ipan_box .box01 .img_box img{
	width:30%;
}
.ipan_box .box01 .img_box .img02{
	margin-left:3.3%;
}
/*box02*/
.ipan_box .box02{
	width:90%;
	max-width:896px;
	padding:3.5% 5%;
	margin:5% auto 6% auto;
	font-size:14px;
	color:#000;
	text-align:left;
	line-height:220%;
	background:url(../img/ipan/con02_bg.jpg);
	background-repeat:no-repeat;
	border:solid 2px #804f21;
	overflow: hidden;
}

.ipan_box .box02 .title{
	font-size:20px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
	margin:0px auto 10px auto;
	line-height:180%;
}
.ipan_box .box02 .maru{
	font-size:16px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
}

/*box03*/
.ipan_box .box03{
	width:100%;
	padding:0px;
	margin:1% auto 5% auto;
	overflow: hidden;
}
.ipan_box .box03  .img_box{
	width:21%;
	max-width:210px;
	margin:0%;
	float:left;
}
.ipan_box .box03 .img_box img{
	width:100%;
	text-align:left;
}

.ipan_box .box03 .txtbox{
	width:76%;
	max-width:780px;
	font-size:14px;
	color:#000;
	margin:0% 0% 0% 2%;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:180%;
}
.ipan_box .box03 .txtbox .title{
	font-size:18px;
	color:#804f21;
	text-align:left;
	font-weight:bold;
	margin:0% auto 1% auto;
	line-height:180%;
}
.ipan_box .box03 .txtbox02{
	width:92%;
	max-width:920px;
	margin:2% 0% 0% 0;
	padding:2% 4%;
	font-size:14px;
	color:#000;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:180%;
	background-color:#fff0e1;
}

.ipan_box .box03 .txtbox02 .img_box02{
	width:15%;
	max-width:105px;
	margin:0%;
	float:left;
}
.ipan_box .box03 .txtbox02 .img_box img{
	width:80%;
	text-align:left;
}
.ipan_box .box03 .txtbox02 .txtbox{
	width:83%;
	max-width:880px;
	font-size:14px;
	color:#000;
	margin:0% 0% 0% 2%;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:180%;
}
.ipan_box .box03 .txtbox02 .txtbox .title{
	color:#804f21;
	font-size:16px;
	font-weight:normal;
	margin:0px;


}


.ipan_box .lbox{
	width:49%;
	max-width:490px;
	padding:0px;
	margin:0% 0% 2% 0%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:left;
	overflow: hidden;
}

.ipan_box .rbox{
	width:49%;
	max-width:490px;
	padding:0px;
	margin:0% 0% 2% 2%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:right;
	overflow: hidden;
}
.ipan_box .lbox img, .ipan_box .rbox img{
	width:100%;
	max-width:490px;
	margin:0% 0% 2% 0%;
}

.flow_ya{
	text-align:center;
	margin:0px auto;
}

.spmb{
	margin:5% 0%;
}

.tb_style{
	margin:0px 0px 10px 0px;
	width:100%;
	border:solid 1px #000000;
	border-collapse: collapse;
}
.tb_style td{
	text-align:center;
	height:55px;
	font-size:14px;
	border: solid 1px #000000;
}
.tb01{ width:20.5%;font-size:14px; font-weight:bold;}
.tb02{ width:26.5%;font-size:14px; font-weight:bold;}
.tb03{ width:26.5%;font-size:14px; font-weight:bold;}
.tb04{ width:10.5%;font-size:14px; font-weight:bold;}

.bg01{background-color:#ffead0;}
.bb{font-size:14px; font-weight:bold;}
.bb2{text-align:left;font-size:16px; font-weight:bold;padding-left:1em;}
.cl{color:#92622b;font-size:16px;line-height:180%;}
.s18{font-size:16px;line-height:180%;}
.ora{color:#ff6800;font-size:18px;line-height:180%;}
.ora_en{color:#ff6800;font-size:16px;}
.stit{color:#000;font-size:14px;}



.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

}

/******************************************/
/*##################################################################################################*/


@media (max-width:767px) {

.top_img{
	margin-top:90px;
	padding-top:12vw;
	width: 100vw;
	height: 20vw;
	color:#804f21;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:100%;
	display:block;
	background:url(../img/ipan/sp_img.jpg);
	background-repeat:no-repeat;
	/*background-size:cover;*/
	background-size:contain;
}
.ipan_box{
	width:90%;
	margin:5% auto 4% auto;
	padding:0% 5%;
	font-size:12px;
	overflow: hidden;

}
.ipan_box .cbox{
	width:100%;
	max-width:1000px;
	padding:0px;
	margin:0% auto 5% auto;
	font-size:16px;
	color:#000;
	text-align:center;
	overflow: hidden;
}
.ipan_box .cbox img{
	width:70%;
}
.ipan_box .midashi{
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-weight:bold;
        color:#000;
	font-size:14px;
}
.ipan_box .midashi02{
	margin:30px auto 0px auto;
	padding:0px;
	text-align:center;
	font-weight:bold;
        color:#ff6800;
	font-size:14px;
}

/*box01*/
.ipan_box .box01{
	width:90%;
	margin:4% auto 0% auto;
	padding:5% 5%;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:180%;
	background-color:#ffdfbf;
	display:block;
	overflow: hidden;
}

.ipan_box .box01 .title{
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight:bold;
	margin:0% 0% 2% 0%;
	line-height:200%;
}
.ipan_box .box01  .img_box{
	width:100%;
	margin:1% 0% 2% 0%;
}
.ipan_box .box01 .img_box img{
	width:30.5%;
}
.ipan_box .box01 .img_box .img02{
	margin-left:2%;
}
/*box02*/
.ipan_box .box02{
	width:90%;
	padding:3.5% 5%;
	margin:5% auto 6% auto;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:220%;
	background:url(../img/ipan/con02_bg.jpg);
	background-repeat:no-repeat;
	border:solid 2px #804f21;
	overflow: hidden;
}

.ipan_box .box02 .title{
	font-size:14px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
	margin:0px auto 10px auto;
	line-height:180%;
}
.ipan_box .box02 .maru{
	font-size:14px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
}

/*box03*/
.ipan_box .box03{
	width:100%;
	padding:0px;
	margin:0% auto 8% auto;
	overflow: hidden;

}
.ipan_box .box03 .ubox{
	width:100%;
	position:relative;
	z-index:100;
}

.ipan_box .box03 .ubox .img_box{
	width:25%;
	max-width:210px;
	margin:0%;
	float:left;
}
.ipan_box .box03 .ubox .img_box img{
	width:100%;
	text-align:left;
}

.ipan_box .box03 .ubox .txtbox{
	font-size:12px;
	color:#000;
	margin:0% 0% 0% 2%;
	text-align:left;
	overflow: hidden;
	line-height:180%;
}
.ipan_box .box03 .ubox .txtbox .title{
	font-size:13px;
	color:#804f21;
	text-align:left;
	font-weight:bold;
	top:25px;
	left:30%;
	margin:0% 0% 1% 0%;
	line-height:180%;
	z-index:101;
	position:absolute;
}
.ipan_box .box03 .ubox .txtbox .lt{
	letter-spacing:-0.5px;
}
.ipan_box .box03 .dbox{
	width:100%;
	position:relative;
	z-index:102;
}

.ipan_box .box03 .dbox .txtbox02{
	width:92%;
	max-width:920px;
	margin:2% 0% 0% 0;
	padding:2% 4%;
	font-size:14px;
	color:#000;
	text-align:left;
	overflow: hidden;
	line-height:180%;
	background-color:#fff0e1;
}

.ipan_box .box03 .dbox .txtbox02 .img_box02{
	width:20%;
	max-width:105px;
	margin:0%;
	float:left;
}
.ipan_box .box03 .dbox .txtbox02 .img_box02 img{
	width:100%;
	text-align:left;
}
.ipan_box .box03 .dbox .txtbox02 .txtbox{
	width:100%;
	max-width:880px;
	font-size:12px;
	color:#000;
	margin:0% 0% 0% 2%;
	text-align:left;
	overflow: hidden;
	line-height:180%;
}
.ipan_box .box03 .dbox .txtbox02 .txtbox .title{
	color:#804f21;
	font-size:13px;
	font-weight:normal;
	margin:0% 0% 0% 0%;
	top:14%;
	left:28%;
	line-height:180%;
	z-index:103;
	position:absolute;

}


.ipan_box .lbox{
	width:49%;
	max-width:490px;
	padding:0px;
	margin:0% 0% 2% 0%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:left;
	overflow: hidden;
}

.ipan_box .rbox{
	width:49%;
	max-width:490px;
	padding:0px;
	margin:0% 0% 2% 2%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:right;
	overflow: hidden;
}
.ipan_box .lbox img, .ipan_box .rbox img{
	width:100%;
	max-width:490px;
	margin:0% 0% 2% 0%;
}

.flow_ya{
	text-align:center;
	margin:0px auto;
}


.card{
	width:100%;
	max-width:320px;

}

.spmb{
	margin:7% 0%;
}

.tb_style{
	margin:0px 0px 10px 0px;
	width:100%;
	border:solid 1px #000000;
	border-collapse: collapse;
}
.tb_style td{
	text-align:center;
	height:55px;
	font-size:11px;
	border: solid 1px #000000;
}
.tb01{ width:20.5%;font-size:12px; font-weight:bold;}
.tb02{ width:26.5%;font-size:12px; font-weight:bold;}
.tb03{ width:26.5%;font-size:12px; font-weight:bold;}
.tb04{ width:10.5%;font-size:12px; font-weight:bold;}

.bg01{background-color:#ffead0;}
.bb{font-size:14px; font-weight:bold;}
.bb2{text-align:left;font-size:12px; font-weight:bold;padding-left:1%; line-height:110%;}
.cl{color:#92622b;font-size:12px;line-height:180%;}
.s18{font-size:12px;line-height:180%;}
.ora{color:#ff6800;font-size:14px;line-height:180%;}
.ora_en{color:#ff6800;font-size:14px;}
.stit{color:#000;font-size:12px;}



.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}



}

/*#######################################################################################*/




.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}