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


/* youtube 20251011
/*-------------------------------------*/

.ytbox img {
	border: 0;
	width: 100%;
	height: auto;
}
.ytbox ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 2%;
	justify-content: space-between;
}
.ytbox ul li {
	margin: 0;
	padding: 0;
		-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ytbox ul li.sidesub {
	display: none;
}


@media only screen and (max-width: 896px){

.ytbox {
	width: 94%;
	margin: 0 3%;
}


}

.slidecontainer {
	width: 100%;
	padding-top: 86px;
	overflow-x: hidden;
	background: url(../images/bg_mainimg.png) repeat-x center bottom;
}
.slide_all {width: 1100px; margin: 0 auto; height: 460px; position: relative;}
.slide_all .mark {
	position: absolute;
	bottom: 48px;
	left: 68%;
	z-index: 9999;
}
.slide_all .mark img {
	width: 94%;
	height: auto;
}
.slide_wrap {width: 3300px; position: absolute; left: 50%; margin-left: -1650px;}
.slide_body {width: 100%;}

.slide_wrap .text-images {
	width: 100%;
	position: absolute;
	bottom: 40px;
	margin-left: -100px;
	z-index: 999;
	text-align: center;
	overflow-x: hidden;
}
.slide_wrap .text-images img {
	width: 80%;
	height: auto;
	max-width: 800px;
}
.slide_wrap .mcover {
	position: absolute;
	display: block;
	left: 0;
	width: 1100px;
	height: 460px;
	z-index: 99;
	background: url(../images/white.png) repeat center 0;
}
.slide_wrap .mcover2 {
	position: absolute;
	display: block;
	right: 1px;
	width: 1100px;
	height: 460px;
	z-index: 99;
	background: url(../images/white.png) repeat center 0;
}


.ixmainimg {
	position: relative;
	width: 100%;
	height: 460px;
	margin: 0 auto;
	text-align: center;
}
.ixmainimg div.mk {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -500px;
	z-index: 21;
}
.ixmainimg div.cp {
	position: absolute;
	top: 240px;
	left: 50%;
	margin-left: -500px;
	z-index: 21;
}
.ixmainimg div.bg {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -650px;
	z-index: 11;
}

.ixsmpimg {
	display: none;
}
.smp-text-images {
	display: none;
}



/*-------------------------------------*/

#sliderWrap {
	height: 546px;
	background: #f6f3f0;
}
#logo {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -500px;
	z-index: 9002;
}
#logo a {
	display: block;
	width: 270px;
	height: 170px;
}
.contact {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 320px;
	z-index: 9001;
}


#coverWrap{
	position: absolute;
	width: 100%;
	height: 500px;
	z-index: 8000;
}
#coverWrap .inbox {
	width: 100%;
	height: 500px;
}
#slideCover {
	position: absolute;
}
#slideBottom {
	position: absolute;
	width: 100%;
	bottom: 0;
}
#slideBottom img {
	width: 100%;
}
#coverWrap2 {
	position: absolute;
	width: 1000px;
	top: 510px;
	left: 50%;
	margin-left: -500px;
	z-index: 9002;
}
#coverWrap2 ul {
	float: left;
	width: 1020px;
	margin: 0 0 0 -20px;
}
#coverWrap2 ul li{
	float: left;
	display: inline;
	margin: 0 0 15px 20px;
	background: #ccc;
}
#coverWrap2 ul li a {
	display: block;
		-webkit-transition: all .4s linear 0s;
		 transition: all .4s linear 0s;
}
#coverWrap2 ul li#smpoth {
	display: none;
}
#ixdog a:hover {
	background: #ff7814;
}
#ixcat a:hover {
	background: #1483ff;
}
#ixoth a:hover {
	background: #ffcf11;
}
#ixcam a:hover {
	background: #e62121;
}
#ixkaz a:hover {
	background: #68c149;
}


/* ixtopbox
/*-------------------------------------*/

#mainContents .topcopy {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}
#mainContents .topcopy .grid01 {
	width: 26%;
}
#mainContents .topcopy .grid02 {
	width: 62%;
	margin-left: 1%;
}
#mainContents .topcopy img {
	width: 100%;
	height: auto;
}

#mainContents #cont01 {
	margin: 0 0 50px;
}

#mainContents #cont02 {
	margin: 0 0 50px;
}
#mainContents .ixnewsbox {
	position: relative;
	width: 100%;
	margin: 0 0 50px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	border-radius: 12px;
	text-align: left;
	background: #fff;
}
#mainContents .ixnewsbox .newssub {
	position: absolute;
	margin-top: -11px;
}
#mainContents .ixnewsbox .newssub img {
	width: 100%;
	height: auto;
}
#mainContents .ixnewsbox .newslist {
	width: 76%;
	margin: 0 12%;
	padding: 100px 0 40px;
}
#mainContents .ixnewsbox .newslist01 {
	padding: 100px 0 30px;
}
#mainContents .ixnewsbox .newslist02 {
	padding: 60px 0 40px;
}
#mainContents .ixnewsbox .newslist dl {
	clear: both;
	font-size: 1.0em;
	font-weight: normal;
	color: #111;
	line-height: 1.4em;
}
#mainContents .ixnewsbox .newslist dt {
	float: left;
	width: 27%;
	padding: 0 0 24px;
}
#mainContents .ixnewsbox .newslist dd {
	float: left;
	width: 67%;
	margin: 0 0 0 6%;
	padding: 0 0 24px;
}
#mainContents .ixnewsbox .newslist dl a {
	color: #111;
	text-decoration: none;
}
#mainContents .ixnewsbox .newslist dl a:hover {
	color: #194c89;
	text-decoration: underline;
}

#mainContents .ixnewsbox .newsallimg img {
	padding: 120px 0 0;
	width: 100%;
	height: auto;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	border-radius: 12px;
}
#mainContents .ixnewsbox .newslist.newslist01 dt {
	float: left;
	width: 12% !important;
	padding: 0 0 24px !important;
}
#mainContents .ixnewsbox .newslist.newslist01 dt img {
	width: 100%;
	max-width: 54px;
	height: auto;
}
#mainContents .ixnewsbox .newslist.newslist01 dd {
	float: left;
	width: 84% !important;
	margin: 0 0 0 4% !important;
	padding: 0 0 24px !important;
}


#mainContents #cont03 {
	margin: 0 0 50px;
}
#mainContents .iconlist {
	width: 98%;
	margin: 0 1%;
}
#mainContents .iconlist li {
	float: left;
	display: inline;
	width: 49%;
	margin: 0 0 10px 2%;
}
#mainContents .iconlist li:first-child,
#mainContents .iconlist li:nth-of-type(2n+1) {
	margin: 0 0 10px;
}
#mainContents .iconlist li img {
	width: 100%;
	height: auto;
}


#mainContents #cont04 {
	margin: 0 0 50px;
}
#mainContents .svclist {
	width: 100%;
	margin: 0;
}
#mainContents .svclist li {
	float: left;
	display: inline;
	width: 30%;
	margin: 0 0 20px 5%;
}
#mainContents .svclist li:first-child,
#mainContents .svclist li:nth-of-type(3n+1) {
	margin: 0 0 20px;
}
#mainContents .svclist li img {
	width: 100%;
	height: auto;
}




/* sidecolumn
/*-------------------------------------*/

.sidecolumn .sidebnr {
	margin-bottom: 20px;
}
.sidecolumn .sidebnr img {
	border: 0;
	width: 100%;
	height: auto;
}

.sidecolumn .sidesub {
	margin-bottom: 14px;
}
.sidecolumn .sidesub img {
	border: 0;
	width: 100%;
	height: auto;
}






/*-------------------------------------*/

/* slider */

/*-------------------------------------*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper { *zoom: 1;}
.bx-wrapper img {
	display: block;
	position: relative;
	text-align: center;
}

/** THEME
===================================*/
/*

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
 	background: url(../images/bx_loader.gif) center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	display: none;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

div.bx-controls-direction{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: -280px;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{
	position: absolute;
	top: -280px;
}

.bx-wrapper .bx-prev {
	background: url(../images/btn_prev.png) no-repeat 0 0;
}
.bx-wrapper .bx-prev:hover {
	background: url(../images/btn_prev.png) no-repeat right 0;
}
.bx-wrapper .bx-next {
	background: url(../images/btn_next.png) no-repeat 0 0;
}
.bx-wrapper .bx-next:hover {
	background: url(../images/btn_next.png) no-repeat right 0;
}


.bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	top: 50%;
	width: 43px;
	height: 139px;
	margin-top: -40px;
	text-indent: -9999px;
	z-index: 999;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
	left: 50%;
	margin-left: -593px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	left: 50%;
	margin-left: 549px;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

/* ----------------- w1024 ------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 1024px){



}


/* ----------------- w896 ------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 896px){

.onpc {
	display: none;
}

.ixsmpimg {
	display: block;
	width: 100% !important;
}
.ixsmpimg img {
	padding-top: 60px;
	width: 100%;
	height: auto;
}
.slidecontainer {
	padding-top: 66px;
}
#sliderWrap {
	position: relative;
	width: 100% !important;
	height: auto;
}
.slidecontainer {
	display: none;
}
.smp-text-images {
	display: block;
	width: 90%;
	position: absolute;
	left: 10px;
	bottom: 30px;
}
.smp-text-images .mark img {
	margin-bottom: 10px;
	width: 20%;
	height: auto;
}
.smp-text-images .scopy img {
	width: 100%;
	height: auto;
}





#ixdog a:hover {
	background: #ff7814;
}
#ixcat a:hover {
	background: #1483ff;
}
#ixoth a:hover {
	background: #ffcf11;
}
#ixcam a:hover {
	background: #e62121;
}
#ixkaz a:hover {
	background: #68c149;
}


/* ixtopbox
/*-------------------------------------*/

#mainContents .topcopy {
	width: 94%;
	margin: 0 3%;
	padding: 20px 0;
	text-align: center;
}


#mainContents #cont01 .imgbox {
	width: 94%;
	margin: 0 3% 30px;
}

#mainContents .ixnewsbox {
	width: 94%;
	margin: 0 3% 30px;
}
#mainContents .ixnewsbox .newssub {
	position: absolute;
	margin-top: -10px;
}
#mainContents .ixnewsbox .newssub img {
	width: 90%;
	height: auto;
}
#mainContents .ixnewsbox .newslist {
	width: 90%;
	margin: 0 5%;
	padding: 16% 0 20px;
}
#mainContents .ixnewsbox .newslist01 {
	width: 88%;
	margin: 0 4% 0 8%;
	padding: 14% 0 30px;
	border-bottom: dotted 1px #ccc;
}
#mainContents .ixnewsbox .newslist02 {
	width: 88%;
	margin: 0 4% 0 8%;
	padding: 10% 0 20px;
}
#mainContents .ixnewsbox .newslist dt {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0 0 4px;
	border-bottom: dotted 1px #ccc;
}
#mainContents .ixnewsbox .newslist dd {
	float: none;
	width: 100%;
	margin: 0;
	padding: 6px 0 20px;
}
#mainContents .ixnewsbox .newslist.newslist01 dt img {
	width: 100%;
	max-width: 48px;
	height: auto;
}
#mainContents .ixnewsbox .newslist.newslist01 dd {
	float: left;
	width: 86% !important;
	margin: 0 0 0 4% !important;
	border-bottom: none !important;
}


#mainContents .ixnewsbox .newsallimg img {
	padding: 16% 0 0;
	width: 100%;
	height: auto;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	border-radius: 12px;
}

#mainContents .iconlist {
	width: 94%;
	margin: 0 3%;
}
#mainContents .svclist {
	width: 94%;
	margin: 0 3%;
}



/* sidecolumn
/*-------------------------------------*/

.sidecolumn .sidebnr {
	width: 50%;
	margin: 0 auto 20px;
	text-align: center;
}
.sidecolumn .sidebnr img {
	border: 0;
	width: 100%;
	height: auto;
}

.sidecolumn .sidesub {
	width: 70%;
	margin: 0 auto 14px;
}




#coverWrap,
.sliderWrap,
#iclabel {
	display: none;
}



	.widebox {
		display: none;
	}


	.pgtitle {
		width: 100% !important;
		text-align: center;
	}



	.newsbkbtn a.btn01 {
		width: 180px;
	}

	.cttable {
		font-size: 0.88em;
	}
	.cttable dt {
		float: none;
		width: 100%;
		padding: 0;
		clear: both;
	}
	.cttable dd {
		float: none;
		width: 100%;
		margin: 0;
	}
	.cttable input[type="text"],
	.cttable input[type="email"],
	.cttable input[type="tel"],
	.cttable select {
		width: 80%;
	}
	.cttable textarea {
		width: 80%;
	}
	.sz40 { width: 40px !important; }
	.sz50 { width: 50px !important; }
	.sz200 { width: 50% !important; }
	.sz500 { width: 50% !important; }
	.sz700 { width: 50% !important; }
	.imeon { ime-mode: active !important; }
	.imeof { ime-mode: disabled !important; }
	placeholder {
		color: #ccc !important;
	}



}

/* ----------------- w480 ------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 480px) {


.slidecontainer {
	padding-top: 66px;
}
#sliderWrap {
	position: relative;
	width: 100% !important;
}
.slidecontainer {
	display: none;
}

#mainContents .topcopy {
	width: 94%;
	margin: 0 3%;
}
#mainContents .topcopy .grid01 {
	width: 100%;
	text-align: left;
}
#mainContents .topcopy .grid02 {
	width: 100%;
	margin-left: 0%;
}
#mainContents .topcopy .grid01 img {
	width: 40%;
	height: auto;
}

#mainContents .ixnewsbox .newssub {
	position: absolute;
	margin-top: -5px;
}



#mainContents #cont03 {
	margin: 0 0 50px;
}
#mainContents .iconlist li {
	float: none;
	display: block;
	width: 90%;
	margin: 0 auto 10px;
}
#mainContents .iconlist li:first-child,
#mainContents .iconlist li:nth-of-type(2n+1) {
	margin: 0 auto 10px;
}


#mainContents .svclist li {
	float: left;
	display: inline;
	width: 48%;
	margin: 0 0 20px 4%;
}
#mainContents .svclist li:nth-of-type(3n+1) {
	margin: 0 0 20px 4%;
}
#mainContents .svclist li:first-child,
#mainContents .svclist li:nth-of-type(2n+1) {
	margin: 0 0 20px;
}
#mainContents .svclist li img {
	width: 100%;
	height: auto;
}


.sidecolumn .sidesub {
	width: 90%;
	margin: 0 auto 14px;
}


}