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

@media (min-width:768px) {
.spmain_img{
	display:none;
}
.main_img{
	margin:75px auto 0px auto;
	padding:0px;
	width:100%;
	height:auto;
	max-height:640px;
        display:block;
	text-align:center;
	background:url(../img/kodawari/top_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.sptop_mimg{
	display:none;
}

.top_mimg{
	margin:75px auto 0px auto;
	padding:0px;
	width:100%;
	height:640px;
        display:block;
	text-align:center;
	background:url(../img/kodawari/top_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.top_mimg img{
	width:1300px;
	height:640px;
	margin:0px auto;
}
.line{
	width:100%;
	border-top:solid 5px #000;
}
.con01_box{
	width:100%;
	margin:45px auto 0px auto;
	overflow:hidden;
}
.con01_box .midashi01{
	width:380px;
	height:195px;
	margin:0px auto 20px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi01.png);
	background-repeat:no-repeat;
}
.con01_box .midashi02{
	width:650px;
	height:195px;
	margin:0px auto 20px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi02.png);
	background-repeat:no-repeat;
}
.con01_box .midashi03{
	width:470px;
	height:195px;
	margin:0px auto 20px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi03.png);
	background-repeat:no-repeat;
}
.con01_box .midashi04{
	width:470px;
	height:195px;
	margin:0px auto 20px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi04.png);
	background-repeat:no-repeat;
}
.con01_box .smidashi01{
	width:535px;
	height:36px;
	margin:20px auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m1_txt02.png);
	background-repeat:no-repeat;
}
.con01_box .smidashi02{
	width:479px;
	height:36px;
	margin:20px auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m2_txt02.png);
	background-repeat:no-repeat;
}
.con01_box .smidashi03{
	width:650px;
	height:36px;
	margin:20px auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m3_txt02.png);
	background-repeat:no-repeat;
}
.con01_box .smidashi04{
	width:410px;
	height:36px;
	margin:20px auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m4_txt02.png);
	background-repeat:no-repeat;
}

.con01_box .nbox{
	width:100%;
	max-width:1100px;
	margin:5px auto 0px auto;
	text-align:center;
}
.con01_box .nbox .box{
	width:50%;
	margin:0px auto;
	text-align:center;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	float:left;
}


.con01_box .img_cbox{
	width:100%;
	max-width:1100px;
	margin:35px auto 0px auto;
	text-align:center;
}
.con01_box .img_cbox img{
	margin:0px auto;
}
.con01_box .img_cbox .limg{
	border:solid 2px #000;
}
.con01_box .txt{
	width:900px;
	margin:25px auto 0px auto;
	text-align:left;
	color:#000;
	font-size:14px;
	font-weight:normal;
	line-height:26px;
}
.con01_box .img_box{
	width:100%;
	max-width:1020px;
	margin:70px auto;
	text-align:center;
}
.con01_box .img_box .lbox{
	width:49%;
	max-width:500px;
	margin:0px 0px 80px 0px;
	text-align:center;
	float:left;
}
.con01_box .img_box .rbox{
	width:49%;
	max-width:500px;
	margin:0px 0px 80px 20px;
	text-align:center;
	float:left;
}
.con01_box .bn01 a{
	width:450px;
	height:50px;
	margin:40px auto 20px auto;
	padding:0px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	display:block;
    background:url(../img/index/bn_bg01.png);
    background-repeat:no-repeat;
    background-size:contain;
}

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

}
/******************************************/
/*##################################################################################################*/
@media screen and (min-width:1101px) and ( max-width:1299px) {
.spmain_img{
	display:none;
}
.main_img{
	margin:75px auto 0px auto;
	padding:0px;
	width:100%;
	height:48vw;
        display:block;
	text-align:center;
	background:url(../img/kodawari/top_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.top_mimg{
	margin:75px auto 0px auto;
	padding:0px;
	width:100%;
	height:50vw;
        display:block;

}
.top_mimg img{
	width:100%;
	height:50vw;
	margin:0px auto;
}
.sptop_mimg{
	display:none;
}

}

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

@media screen and (min-width:768px) and ( max-width:1100px) {
.spmain_img{
	display:none;
}
.main_img{
	margin:7vw auto 0px auto;
	height:48vw;

}

.sptop_mimg{
	display:none;
}


.top_mimg{
	margin:7vw auto 0px auto;
	padding:0px;
	width:100%;
	height:50vw;
        display:block;

}
.top_mimg img{
	width:100%;
	height:50vw;
	margin:0px auto;
}
.line{
	width:100%;
	border-top:solid 5px #000;
}
.con01_box{
	width:100%;
	margin:4% auto 0px auto;
	overflow:hidden;
}
.con01_box .midashi01{
	width:35%;
	height:17vw;
	margin:0px auto 2%x auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi01.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .midashi02{
	width:60%;
	height:17vw;
	margin:0px auto 2% auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi02.png);
	background-repeat:no-repeat;
	background-size:contain;

}
.con01_box .midashi03{
	width:43%;
	height:17vw;
	margin:0px auto 2%x auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi03.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .midashi04{
	width:43%;
	height:18vw;
	margin:0px auto 2% auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi04.png);
	background-repeat:no-repeat;
	background-size:contain;

}
.con01_box .smidashi01{
	width:48.5%;
	height:3vw;
	margin:2% auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m1_txt02.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .smidashi02{
	width:43.5%;
	height:3vw;
	margin:2% auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m2_txt02.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .smidashi03{
	width:59%;
	height:3vw;
	margin:2% auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m3_txt02.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .smidashi04{
	width:37%;
	height:3vw;
	margin:2% auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m4_txt02.png);
	background-repeat:no-repeat;
	background-size:contain;
}

.con01_box .nbox{
	width:100%;
	max-width:1100px;
	margin:5px auto 0px auto;
	text-align:center;
}
.con01_box .nbox .box{
	width:50%;
	margin:0px auto;
	text-align:center;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	float:left;
}


.con01_box .img_cbox{
	width:80%;
	max-width:1100px;
	margin:3% auto 0px auto;
	text-align:center;
}
.con01_box .img_cbox img{
	width:100%;
	margin:0px auto;
}
.con01_box .img_cbox .limg{
	border:solid 2px #000;
}
.con01_box .txt{
	width:80%;
	margin:3% auto 0px auto;
	text-align:left;
	color:#000;
	font-size:14px;
	font-weight:normal;
	line-height:26px;
}
.con01_box .img_box{
	width:90%;
	margin:7% auto;
	text-align:center;
}
.con01_box .img_box .lbox{
	width:49%;
	margin:0px 0px 8% 0px;
	text-align:center;
	float:left;
}
.con01_box .img_box .rbox{
	width:49%;
	margin:0px 0px 8% 2%;
	text-align:center;
	float:left;
}
.con01_box .img_box .lbox img{
	width:100%;
}
.con01_box .img_box .rbox img{
	width:100%;
}

.con01_box .bn01 a{
	width:450px;
	height:50px;
	margin:40px auto 20px auto;
	padding:0px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	display:block;
    background:url(../img/index/bn_bg01.png);
    background-repeat:no-repeat;
    background-size:contain;
}

.red_stxt{
	color:#e50000;
	font-size:1.6vw;
}
.stxt{
	font-size:1.6vw;
}
.mr4{
margin-right:4%;
}


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

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


@media (max-width:767px) {
.main_img{
	display:none;
}
.spmain_img img{
	margin:14vw auto 0px auto;
	width:100%;
	z-index:100;
}
.top_mimg{
	display:none;
}

.sptop_mimg{
	margin:14vw auto 0px auto;
	padding:0px;
	width:100%;
	height:105vw;
        display:block;
	text-indent:-9999px;
	background:url(../img/kodawari/sptop_img01.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;

}

.sptop_mimg img{
	width:100%;

}
.line{
	width:100%;
	border-top:solid 5px #000;
}
.con01_box{
	width:100%;
	margin:4% auto 5% auto;
	overflow:hidden;
}
.con01_box .midashi01{
	width:60%;
	height:30vw;
	margin:0px auto 2% auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi01.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .midashi02{
	width:60%;
	height:43vw;
	margin:0px auto 2% auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/spm_midashi02.png);
	background-repeat:no-repeat;
	background-size:contain;

}
.con01_box .midashi03{
	width:75%;
	height:30vw;
	margin:0px auto 2% auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi03.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .midashi04{
	width:75%;
	height:30vw;
	margin:0px auto 2% auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m_midashi04.png);
	background-repeat:no-repeat;
	background-size:contain;

}
.con01_box .smidashi01{
	width:80%;
	height:6vw;
	margin:2% auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m1_txt02.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .smidashi02{
	width:80%;
	height:6vw;
	margin:2% auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m2_txt02.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .smidashi03{
	width:60%;
	height:12vw;
	margin:2% auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/spm3_txt02.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.con01_box .smidashi04{
	width:70%;
	height:6vw;
	margin:2% auto 0px auto;
	text-indent:-9999px;
	display:block;
	background:url(../img/kodawari/m4_txt02.png);
	background-repeat:no-repeat;
	background-size:contain;
}

.con01_box .nbox{
	width:100%;
	margin:5px auto 0px auto;
	text-align:center;
}
.con01_box .nbox .box{
	width:50%;
	margin:0px auto;
	text-align:center;
	color:#000;
	font-size:10px;
	font-weight:bold;
	line-height:21px;
	float:left;
}


.con01_box .img_cbox{
	width:100%;
	margin:3% auto 0px auto;
	text-align:center;
}
.con01_box .img_cbox img{
	width:100%;
	margin:0px auto;
}
.con01_box .img_cbox .limg{
	width:80%;
	border:solid 2px #000;
}
.con01_box .txt{
	width:80%;
	margin:3% auto 0px auto;
	text-align:left;
	color:#000;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
}
.con01_box .img_box{
	width:90%;
	margin:5% auto 0% auto;
	text-align:center;
}
.con01_box .img_box .lbox{
	width:49%;
	margin:0px 0px 8% 0px;
	text-align:center;
	float:left;
}
.con01_box .img_box .rbox{
	width:49%;
	margin:0px 0px 8% 2%;
	text-align:center;
	float:left;
}
.con01_box .img_box .lbox img{
	width:100%;
}
.con01_box .img_box .rbox img{
	width:100%;
}

.con01_box .bn01 a{
	width:80%;
	height:10vw;
	margin:3% auto 0% auto;
	padding:0px;
	text-align:center;
	color:#fff;
	font-size:3.5vw;
	font-weight:bold;
	line-height:10vw;
	display:block;
    background:url(../img/index/bn_bg01.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    background-color:#000;
    background-size:contain;

}


.red_stxt{
	color:#e50000;
	font-size:12px;
}
.stxt{
	font-size:12px;
}
.mr4{
margin-right:4%;
}




 .ml5{
margin-left:0px;
}
}

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

.swiper-pagination-bullet {
background: #fff;
    opacity: 1;

}

.swiper-pagination-bullet-active {
background: #dc0000;
}
.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}