/* main */

@media (min-width: 1120px){
	body { background:url(../images/common/bg01.jpg) 300px top no-repeat; background-size: cover;}
#owl-demo { margin:1% 20%; max-width:920px;  position:relative; padding-top:120px; /*overflow:hidden; */}
			.mainVisual_area {  width:100%; *zoom:1; margin-bottom:50px;}
			.mainVisual_area:after { content:""; display:block; clear:both;}
				.mainText { float:left; display:inline; width:42%; margin-right:4%; padding-top:30px;}
					.mainText .mainText01 { margin-bottom:35px;}
					.mainText .mainText02 { margin-bottom:10px;}
					.mainText .mainText03 { margin-bottom:10px;}
					.mainText img {max-width:100%;}
				.mainImg { float:left; display:inline; width:54%;}
					.mainImg img {max-width:100%;}
			#owl-demo .owl-prev { position:absolute; width:44px; height:48px; left:-17%; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_pre.png) no-repeat;}
			#owl-demo .owl-next { position:absolute;  width:44px; height:48px; right:-17%; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_next.png) no-repeat;}
			#owl-demo .owl-prev img #owl-demo .owl-next img { width:43px; height:47px; }
		#main_link_bg { height: auto;}
			#main_link { display: block; text-align: center; width: 100%; padding-top: 25px; background-color: #f05223; float: left; padding: 0 10%; box-sizing: border-box;}
				#main_link ul {background:#f05223; padding-bottom: 10px;}
					#main_link li {display: block; width:33%; margin: 0 auto; float: left;}
						#main_link li img {margin-top: 20px; width: 130px;}
						#main_link li a p{color: white; padding: 10px 0 20px; font-size: 14px; width: 70%; margin: 0 auto}
						#main_link li a .main_link_title{font-size: 16px; padding-bottom: 5px;}
	#copyright { margin: 290px auto 0; max-width:1020px; text-align:center; color:#737373; font-size:11px; line-height:16px; clear: both;}
	}


	@media (min-width: 960px) and (max-width: 1119px){
	body { background:url(../images/common/bg01.jpg) 300px top no-repeat;}
		#owl-demo { margin:0 100px; max-width:920px;  position:relative; padding-top:50px; }
			.mainVisual_area {  width:100%; *zoom:1; margin-bottom:50px;}
			.mainVisual_area:after { content:""; display:block; clear:both;}
				.mainText {  width:340px; padding-top:0; margin:0 auto;}
					.mainText .mainText01 { margin-bottom:35px;}
					.mainText .mainText02 { margin-bottom:10px;}
					.mainText .mainText03 { margin-bottom:10px;}
					.mainText img {max-width:100%;}
				.mainImg { width:380px; margin:20px auto 0;}
					.mainImg img {max-width:100%;}
					.mainText .mainText01 img { width:300px;}
			#owl-demo .owl-prev { position:absolute; width:43px; height:47px; left:-5%; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_pre.png) no-repeat;}
			#owl-demo .owl-next { position:absolute;  width:43px; height:47px; right:-5%; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_next.png) no-repeat;}
			#main_link_bg { height: auto;}
			#main_link { display: block; text-align: center; width: 100%; padding-top: 25px; background-color: #f05223; float: left; padding: 0 10%; box-sizing: border-box;}
				#main_link ul {background:#f05223; padding-bottom: 10px;}
					#main_link li {display: block; width:33%; margin: 0 auto; float: left;}
						#main_link li img {margin-top: 20px; width: 130px;}
						#main_link li a p{color: white; padding:10px 0 20px; font-size: 14px; width: 70%; margin: 0 auto}
						#main_link li a .main_link_title{font-size: 16px; padding-bottom: 5px;}
							#copyright { margin: 290px auto 0; max-width:1020px; text-align:center; color:#737373; font-size:11px; line-height:16px; clear: both;}
	}

	@media (min-width: 720px) and (max-width: 959px){
	#contentsArea { background:url(../images/common/bg01.jpg) left top no-repeat; clear: both; height: 100%; margin-top: 33px;}
		#owl-demo { margin:0 100px; max-width:920px;  position:relative; padding-top:50px; }
			.mainVisual_area {  width:100%; *zoom:1; margin-bottom:50px;}
			.mainVisual_area:after { content:""; display:block; clear:both;}
				.mainText { float:left; display:inline; width:42%; margin-right:4%; padding-top:30px;}
					.mainText .mainText01 { margin-bottom:35px;}
					.mainText .mainText02 { margin-bottom:10px;}
					.mainText .mainText03 { margin-bottom:10px;}
					.mainText img {max-width:100%;}
				.mainImg { float:left; display:inline; width:54%;}
					.mainImg img {max-width:100%;}
					.mainText .mainText01 img { width:280px;}
			#owl-demo .owl-prev { position:absolute; width:43px; height:47px; left:-75px; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_pre.png) no-repeat;}
			#owl-demo .owl-next { position:absolute;  width:43px; height:47px; right:-75px; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_next.png) no-repeat;}
			#main_link_bg { height: auto;}
			#main_link { display: block; text-align: center; width: 100%; padding-top: 25px; background-color: #f05223; float: left; padding: 0 10%; box-sizing: border-box;}
				#main_link ul {background:#f05223; padding-bottom: 10px;}
					#main_link li {display: block; width:33%; margin: 0 auto; float: left;}
						#main_link li img {margin-top: 20px; width: 130px;}
						#main_link li a p{color: white; padding: 10px 0 20px; font-size: 14px; width: 70%; margin: 0 auto}
						#main_link li a .main_link_title{font-size: 16px; padding-bottom: 5px;}
							#copyright { margin: 290px auto 0; max-width:1020px; text-align:center; color:#737373; font-size:11px; line-height:16px; clear: both;}

	}

	@media (min-width: 560px) and (max-width: 719px){
	#contentsArea { background:url(../images/common/bg01.jpg) left top no-repeat; height: 100%;}
		#owl-demo { margin:0 100px; max-width:920px;  position:relative; padding-top:50px; }
			.mainVisual_area {  width:100%; *zoom:1; margin-bottom:50px;}
			.mainVisual_area:after { content:""; display:block; clear:both;}
				.mainText {  width:340px; padding-top:0; margin:0 auto;}
					.mainText .mainText01 { margin-bottom:35px;}
					.mainText .mainText02 { margin-bottom:10px;}
					.mainText .mainText03 { margin-bottom:10px;}
					.mainText img {max-width:100%;}
				.mainImg { width:380px; margin:20px auto 0;}
					.mainImg img {max-width:100%;}
					.mainText .mainText01 img { width:280px;}
			#owl-demo .owl-prev { position:absolute; width:43px; height:47px; left:-65px; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_pre.png) no-repeat;}
			#owl-demo .owl-next { position:absolute;  width:43px; height:47px; right:-65px; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_next.png) no-repeat;}
			#main_link_bg { height: auto;}
			#main_link { display: block; text-align: center; width: 100%; padding-top: 25px; background-color: #f05223; float: left; padding: 0 10%; box-sizing: border-box;}
				#main_link ul {background:#f05223; padding-bottom: 10px;}
					#main_link li {display: block; width:33%; margin: 0 auto; float: left;}
						#main_link li img {margin-top: 20px; width: 130px;}
						#main_link li a p{color: white; padding: 10px 0 20px; font-size: 14px; width: 70%; margin: 0 auto}
						#main_link li a .main_link_title{font-size: 16px; padding-bottom: 5px;}
							#copyright { margin: 290px auto 0; max-width:1020px; text-align:center; color:#737373; font-size:11px; line-height:16px; clear: both;}
	}

	@media (max-width: 559px){
	#contentsArea { background:url(../images/common/bg01.jpg) left top no-repeat; height: 100%; }
		#owl-demo { margin:0 50px; max-width:920px; position:relative; padding-top:20px; }
			.mainVisual_area {  width:100%; *zoom:1; margin-bottom:20px;}
			.mainVisual_area:after { content:""; display:block; clear:both;}
				.mainText_560_01 { display:none;}
				.mainText_560_02 { display:block !important;}
				.mainText {  width:100%; padding-top:0; margin:0 auto;}
					.mainText .mainText01 { margin-bottom:25px;}
					.mainText .mainText02 { margin-bottom:10px;}
					.mainText .mainText03 { margin-bottom:10px;}
					.mainText img {max-width:96%; text-align:center;}
				.mainImg { width:100%; margin:20px auto 0;}
					.mainImg img {max-width:100%;}
			#owl-demo .owl-prev { position:absolute; width:22px; height:24px; left:-45px; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_pre2.png) no-repeat; background-size:22px 24px}
			#owl-demo .owl-next { position:absolute;  width:22px; height:24px; right:-45px; top:50%; margin:-22px 0 0; background:url(../images/main/arrow_next2.png) no-repeat; background-size:22px 24px}
		#main_link_bg { height:125px; background:#f05223; }
			#main_link { max-width:1120px; padding-top:10px; }
				#main_link ul { max-width:320px; margin:0 auto; }
					#main_link li { float:left; display:inline; width:28%; margin:0 2.5%;}
						#main_link li a { display:block;}
						#main_link li a p{display: none;}
						#main_link li img {width: 85px;}
						#main_link li a .main_link_title{display: block; font-size: 13px; padding-bottom: 5px; color: white; text-align: center; margin-top: 5px;}

		#copyright { margin:15px auto; max-width:1020px; text-align:center; color:#737373; font-size:11px; line-height:16px;}
		#copyright div{font-size: 9px;}
	}


	.owl-carousel .owl-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;

}
	.owl-carousel {
    display: none;
    position: relative;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out 0s;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -moz-user-select: none;
}
.grabbing {
    cursor: url("grabbing.png") 8 8, move;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	overflow:hidden;
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
}

#owl-demo .owl-buttons { text-indent:-9999px;}