body {
	color: #434649;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	background: #FFF;
	 font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

img{
	width: 100%;
	vertical-align: top;
}
picture{
	width: 100%;
	vertical-align: top;
}

a,
a:active,
a:visited {
	color: #1da0f0;
	text-decoration: none; 
	transition : all 0.2s ease 0s;
}

a:hover {
	color: #0d3c9d; 
}

p, span {
	font-size: 1.25em;
	letter-spacing: 0.2px;
}

.wapper {
	overflow: hidden;
}
.clear{
	clear: both;
	height: 10px;
}

.sp_only{	display: none;	}
.pc_only{	display: block;	}


@media (max-width:542px) {
	.sp_only{	display: block;	}
	.pc_only{	display: none;	}
}





.box768{
	width: 100%;
	max-width: 768px;
	height: 20px;
	background: #aaa;
	border: 1px solid #aaa;
	box-sizing: border-box;
}




.cnt_inner{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
	
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* header */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
}

.header_cnt{
	width: 100%;
	max-width: 1200px;
	height: 99px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.header_cnt .head_logo{
	padding: 0px;
	margin: 0 auto 0 auto;
	/*width: 380px;*/
	width:31.7%;
	float: left;
}
.header_cnt .head_logo h1{
	margin: 14px 0 0 0;
	padding: 0;
}
.header_cnt .head_logo h1 img{
	width: 100%;
}


.header_cnt .head_bt_toppage{
	width: 110px;
	margin: 48px 0 0 48px;
	float: left;
	text-align: center;
}
.header_cnt .head_bt_toppage a{
	display: block;
	width: 100%;
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 4px 0 2px 0;
	background: rgba(0,0,0,0.4);
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
}
.header_cnt .head_bt_toppage a:hover{
	background: rgba(0,0,0,0.7);
}

.header_cnt .head_lang_bt{
	float: right;
	width: 200px;
}

.header_cnt .head_bt_english{
	width: 90px;
	margin: 48px 0 0 10px;
	float: left;
	text-align: center;
}
.header_cnt .head_bt_english a{
	display: block;
	width: 100%;
	border: 1px solid #1c9c00;
	border-radius: 2px;
	padding: 4px 0 2px 0;
	background: #d1ffb0;
	font-size: 13px;
	font-weight: bold;
	color: #1c9c00;
	box-sizing: border-box;
}
.header_cnt .head_bt_english a:hover{
	background: #b1ff79;
}
.header_cnt .head_bt_chinese{
	width: 90px;
	margin: 48px 0 0 10px;
	float: left;
	text-align: center;
}
.header_cnt .head_bt_chinese a{
	display: block;
	width: 100%;
	border: 1px solid #ff4c27;
	border-radius: 2px;
	padding: 4px 0 2px 0;
	background: #ffd8c4;
	font-size: 13px;
	font-weight: bold;
	color: #ff4c27;
	box-sizing: border-box;
}
.header_cnt .head_bt_chinese a:hover{
	background: #ffc1a2;
}

/* 210601追加 */
.header_cnt .head_bt_contact {
	float: right;
	/*width: 490px;*/
	width:40.8%;
}
.header_cnt .head_bt_contact a.bnr {
	display: inline-block;
	float: left;
	/*width:170px;*/
	width:34.7%;
	margin: 10px 5px 0;
}
.header_cnt .head_bt_contact .head_lang_bt{
	float: left;
	display: inline-block;
	/*width: 90px;*/
	width:18.4%;
	margin: 10px 0 0 10px;
}
.header_cnt .head_bt_contact .head_bt_english {
	margin: 5px 0 10px;
}
.header_cnt .head_bt_contact .head_bt_chinese {
	margin: 0;
}

/* スマホメニュー */
.sp_bt_cnt{
	display: none;
}


@media (max-width:1199px) {
		
	.header {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: #FFF;
	}
	
	.header_cnt{
		width: 100%;
		max-width: 767px;
		height: 99px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	

}

@media (max-width:768px) {
		
	.header_cnt{
		width: 100%;
		max-width: 1200px;
		height: 130px;
	}
	.header_cnt .head_logo{
		padding: 0px 10px;
		margin: 0 auto 10px auto;
		width: 100%;
		max-width: 330px;
		float: left;
		box-sizing: border-box;
	}

	.header_cnt .head_bt_toppage{
		display: none;
	}
	
	
	.header_cnt	.head_lang_bt{
		display: block;
		width: 100%;
		float: none;
		clear: both;
		padding: 10px 5px;
		background: #3cc6ff;
		overflow: hidden;
	}
	.header_cnt .head_bt_english,
	.header_cnt .head_bt_chinese{
		margin: 0px 0 0 10px;
	}

	.header_cnt .head_bt_contact {
		display: none;
	}

	/* スマホメニュー */
	.sp_bt_cnt{
		width: 50px;
		height: 50px;
		display: block;
		float: right;
		background: url(../images2020/sp_menu_bt.png) no-repeat center center;
		margin-top: -10px;
		margin-right: 5px;
	}


}




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* メニュー */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.header_menu_wrap{
	background: #3cc6ff;
	padding: 5px 0 0 0;
}
ul.header_menu{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding:  0;
    display: flex;
    box-sizing: border-box;
    background: url(../images2020/head_menu_vline.png) no-repeat left center;
    height: 83px;
    list-style: none;
}
ul.header_menu li.menu_item{
	width: 20%;
	text-align: center;
	font-weight: bold;
    background: url(../images2020/head_menu_vline.png) no-repeat right center;
}
ul.header_menu li.menu_item a{
	color: #FFF; 
	display: block;
	padding-top: 49px;
	border-bottom: 10px solid #3cc6ff;
}
ul.header_menu li.menu_item a:hover{
	color: #0d3c9d; 
	border-bottom: 10px solid #0d3c9d;
}


ul.header_menu li.menu_item a.company {
    background: url(../images2020/head_menu_icon_company_off.png) no-repeat center top;
    background-size: auto 43px;
}
ul.header_menu li.menu_item a.company:hover{
    background-image: url(../images2020/head_menu_icon_company_on.png);
}
ul.header_menu li.menu_item a.product {
    background: url(../images2020/head_menu_icon_product_off.png) no-repeat center top;
    background-size: auto 43px;
}
ul.header_menu li.menu_item a.product:hover{
    background-image: url(../images2020/head_menu_icon_product_on.png);
}
ul.header_menu li.menu_item a.support {
    background: url(../images2020/head_menu_icon_support_off.png) no-repeat center top;
    background-size: auto 43px;
}
ul.header_menu li.menu_item a.support:hover{
    background-image: url(../images2020/head_menu_icon_support_on.png);
}
ul.header_menu li.menu_item a.contact {
    background: url(../images2020/head_menu_icon_contact_off.png) no-repeat center top;
    background-size: auto 43px;
}
ul.header_menu li.menu_item a.contact:hover{
    background-image: url(../images2020/head_menu_icon_contact_on.png);
}
ul.header_menu li.menu_item a.recruit {
    background: url(../images2020/head_menu_icon_recruit_off.png) no-repeat center top;
    background-size: auto 43px;
}
ul.header_menu li.menu_item a.recruit:hover{
    background-image: url(../images2020/head_menu_icon_recruit_on.png);
}

.menu_toppage_bt,
.sp_menu_wrap{
	display: none;
}

@media (max-width:1199px) {
	
	ul.header_menu{
		width: 100%;
		max-width: 767px;
		margin: 0 auto;
		padding:  0;
	    display: flex;
	    box-sizing: border-box;
	    background: url(../images2020/head_menu_vline.png) no-repeat left center;
	    height: 83px;
	    list-style: none;
	}
	
}

@media (max-width:768px) {
		
	.header_menu_wrap{
		display: none;
	}
	
	.menu_toppage_bt{
		display: block;
		width: 94%;
		margin: 0 auto;
		overflow: hidden;
	}
	.header_cnt .head_lang_bt a.btn01 {
		display: inline-block;
		border: 1px solid #fff;
		text-align: center;
		padding: 4px 2px;
		text-decoration: none;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		float: left;
		margin-left:5px;
	}
	.menu_toppage_bt a {
		display: inline-block;
		border: 1px solid #fff;
		text-align: center;
		padding: 3px 10px;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		float: right;
		margin-left:5px;
	}
	
	
	.sp_menu_wrap{
		background: #3cc6ff;
		padding: 5px 0 0 0;
		margin: 0;
		position: fixed;
		top: 130px;
		z-index: 10000;
		width: 100%;
	}
	
	ul.sp_menu{
		width: 100%;
		max-width: 1200px;
		margin: 15px auto 0 auto;
		padding:  0 0 0 0;
	    display: block;
	    box-sizing: border-box;
	    background: none;
	    height: auto;
	    list-style: none;
		background: #3cc6ff;
	}
	ul.sp_menu li.sp_menu_item{
		width: 100%;
		text-align: center;
		font-weight: bold;
	    background: none;
	    min-height: 40px;
	    line-height: 30px;
	}
	ul.sp_menu li.sp_menu_item a,
	ul.sp_menu li.sp_menu_item p{
		width: 100%;
		margin: 0 auto;
		color: #FFF; 
		display: block;
		padding: 8px 15px 5px 45px;
	    border-top: 1px solid #fff;
	    text-align: left;
	    font-size: 14px;
	    overflow: hidden;
	    box-sizing: border-box;
	}
	ul.sp_menu li.sp_menu_item a .icon,
	ul.sp_menu li.sp_menu_item p .icon{
		width: 30px;
		display: block;
		float: right;
		text-align: right;
		color: #000;
	}
	
	
	ul.sp_menu li.sp_menu_item p.company {
	    background: url(../images2020/head_menu_icon_company_off.png) no-repeat ;
	    background-size: auto 70%;
	    background-position: top 1px left 10px;
	}
	ul.sp_menu li.sp_menu_item p.product {
	    background: url(../images2020/head_menu_icon_product_off.png) no-repeat ;
	    background-size: auto 70%;
	    background-position: top 1px left 10px;
	}
	ul.sp_menu li.sp_menu_item p.support {
	    background: url(../images2020/head_menu_icon_support_off.png) no-repeat ;
	    background-size: auto 70%;
	    background-position: top 1px left 10px;
	}
	ul.sp_menu li.sp_menu_item a.contact {
	    background: url(../images2020/head_menu_icon_contact_off.png) no-repeat ;
	    background-size: auto 70%;
	    background-position: top 1px left 10px;
	}
	ul.sp_menu li.sp_menu_item a.recruit {
	    background: url(../images2020/head_menu_icon_recruit_off.png) no-repeat;
	    background-size: auto 70%;
	    background-position: top 1px left 10px;
	}
		
		
	/* ＝＝＝＝＝＝＝＝＝ */
	/* サブメニュー */
	/* ＝＝＝＝＝＝＝＝＝ */
	
	ul.sp_menu li.sp_menu_item .sp_menu_sub{
	    width: auto;
	    min-width: 250px;
	    position: static;
	    margin-left: 0px;
	    margin-top: 0;
	    list-style: none;
	    background: #fff;
		z-index: 10000;
	    padding: 0;
	    display: none;
	}
	
	ul.sp_menu li.sp_menu_item .sp_menu_sub li{
	    width: 100%;
	    text-align: left;
	    color: #434649;
		border-bottom: 1px solid #3cc6ff;
	    padding: 5px 5px 5px 40px;
	    box-sizing: border-box;
	}
	ul.sp_menu li.sp_menu_item .sp_menu_sub li:last-child{
		border-bottom: none;
	}
	
	ul.sp_menu li.sp_menu_item .sp_menu_sub li a{
		width:  100%;
	    padding: 3px 0px 0px 30px;
	    display: block;
	    color: #434649;
	    border: none;
	    box-sizing: border-box;
	    border-left: 5px solid #fff;
	    background: #FFF url(../images2020/head_menu_sub_arrow.png) no-repeat left center;
	}
	
	ul.sp_menu li.sp_menu_item .sp_menu_sub li a:hover{
	    color: #434649;
	    border-left: 5px solid #fff;
	    background: #cae9fa url(../images2020/head_menu_sub_arrow.png) no-repeat left center;
	}
	
	


}



/* ＝＝＝＝＝＝＝＝＝ */
/* サブメニュー */
/* ＝＝＝＝＝＝＝＝＝ */

ul.header_menu li.menu_item .dropdwn_menu{
    width: auto;
    min-width: 250px;
    display: none;
    position: absolute;
    margin-left: 0px;
    margin-top: 0;
    padding: 10px 10px 10px 140px;
    list-style: none;
    background: #fff;
	border: 1px solid #0d3c9d;
	box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.5);
	z-index: 10000;
}
ul.header_menu li.menu_item .dropdwn_menu.company{
	background: #fff url(../images2020/head_menu_image_company.png) no-repeat left top;
}
ul.header_menu li.menu_item .dropdwn_menu.product{
	background: #fff url(../images2020/head_menu_image_product.png) no-repeat left top;
}
ul.header_menu li.menu_item .dropdwn_menu.support{
	background: #fff url(../images2020/head_menu_image_support.png) no-repeat left top;
}

ul.header_menu li.menu_item .dropdwn_menu li{
    width: 100%;
    text-align: left;
    color: #434649;
	border-left: 1px solid #969696;
	padding: 0;
}

ul.header_menu li.menu_item .dropdwn_menu li a{
	width:  100%;
    padding: 5px 5px 5px 30px;
    display: block;
    color: #434649;
    border: none;
    box-sizing: border-box;
    border-left: 5px solid #fff;
    background: #FFF url(../images2020/head_menu_sub_arrow.png) no-repeat left center;
}

ul.header_menu li.menu_item .dropdwn_menu li a:hover{
    color: #434649;
    border-left: 5px solid #fff;
    background: #cae9fa url(../images2020/head_menu_sub_arrow.png) no-repeat left center;
}




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* トップページ　スライダ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top_main_slide{
	width: 100%;
	height: 425px;
	background: url(../images2020/top_slide/top_main_slide_bg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 40px;
}
.top_main_slide .top_main_slide_inner{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 0 auto;
}




@media (max-width:1199px) {

	.top_main_slide{
		width: 100%;
		height: auto;
		background:none;
		background-size: cover;
		padding-top: 0;
	}
	


}

@media (max-width:768px) {

}








/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* お知らせ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top_news{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}
.news_cnt{
	width: 825px;
	float: left;
}
.news_cnt .news_headline{
	width: 825px;
	box-sizing: border-box;
	border: 2px solid #c7c7c7;
	padding: 8px 5px 5px 5px ;
	margin-bottom: 30px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
.news_cnt .news_headline a{
	color: #434649;
	display: block;
}
.news_cnt .news_headline a:hover{
	color: #1da0f0;
}



/* お知らせリスト */

.news_lines{
	width: 100%;
	height: 200px;
	border-bottom: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	box-sizing: border-box;
	padding: 10px 20px 10px 20px;
    overflow-y: scroll;
}

.news_lines ul {
  display: none;
}
.news_lines ul.show {
  display: block;
}

.news_cnt .news_list_all,
.news_cnt .news_list_product,
.news_cnt .news_list_update{
	margin: 0 0 0 0;
	padding: 0;	
}

.news_cnt ul li{
	clear: both;
	list-style: none;
	border-top: 1px solid #d9dada;
	padding: 12px 10px 7px 10px;
}
.news_cnt ul li:first-child{
	border-top: none;
}

.news_cnt li .date{
	display: block;
	float: left;
	width: 92px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-right: 20px;
}
.news_cnt li .new{
	display: block;
	float: left;
	width: 42px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #ff8038;
	text-align: center;
	margin-right: 20px;
	padding: 1px 0 0 0;
}
.news_cnt li .cat_product{
	display: block;
	float: left;
	width: 85px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #434649;
	text-align: center;
	border-radius: 100px;
	margin-right: 20px;
	padding: 1px 0 0 0;
}
.news_cnt li .cat_update{
	display: block;
	float: left;
	width: 85px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #5c9eff;
	text-align: center;
	border-radius: 100px;
	margin-right: 20px;
	padding: 1px 0 0 0;
}
.news_cnt li .line{
	display: block;
	float: left;
	max-width: 450px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}



/* タブ */

.news_cat_cnt{
	width: 100%;
	height: 39px;
	border-bottom: 5px solid #5c9eff;
}
.news_cat_cnt .title{
	font-size: 19px;
	font-weight: bold;
	color: #5c9eff;
	float: left;
	display: inline-block;
	margin-top: 5px;
}

.news_cat_cnt .news_tab{
	font-size: 19px;
	font-weight: bold;
	color: #5c9eff;
	float: right;
	margin: 0;
	padding: 0;
}
.news_cat_cnt .news_tab ul.news_tab_list{
	margin: 0;
	padding: 0;
}
.news_cat_cnt .news_tab ul.news_tab_list > li{
    display: inline-block;
	width: 100px;
	margin: 0 0 0 2px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: none;
	border-radius: 5px 5px 0px 0px;
	cursor: pointer;
	list-style: none;
	position: relative;
}

.news_cat_cnt .news_tab ul.news_tab_list > li.active{
	font-weight: bold;
	background: #5c9eff;
	color: #fff;
	border-top: 1px solid #5c9eff;
	border-left: 1px solid #5c9eff;
	border-right: 1px solid #5c9eff;
}
.news_cat_cnt .news_tab ul.news_tab_list > li.active .tab_arrow{
	width: 100px;
	height: 12px;
	background: url(../images2020/tab_arrow.png) no-repeat center top;
	position: absolute;
	bottom: -16px;
	z-index: 1000;
}
.news_cat_cnt .news_link{
	font-size: 14px;
	font-weight: bold;
	color: #5c9eff;
	float: right;
}
.news_cat_cnt .news_link a{
	color: #434649;
	display: block;
	border: 1px solid #c8c8c8;
	padding: 4px 15px 2px 15px;
	border-radius: 4px;
}
.news_cat_cnt .news_link i{
	color: #5c9eff;
	margin-right: 10px;
}




.bnr_cnt{
	width: 320px;
	float: right;
}



@media (max-width:1199px) {
	
	.news_cnt{
		width: 96%;
		max-width: 767px;
		float: none;
		margin: 0 auto 20px auto;
	}
		
	.news_cnt .news_headline{
		width: 100%;
		max-width: 767px;
		box-sizing: border-box;
		border: 2px solid #c7c7c7;
		padding: 8px 15px 5px 15px ;
		margin-bottom: 30px;
		font-size: 17px;
		font-weight: bold;
		text-align: left;
	}

	.bnr_cnt{
		width: 96%;
		max-width: 767px;
		margin: 0 auto;
		float: none;
	}
	

}

@media (max-width:768px) {
	
	.news_lines{
		width: 100%;
		margin: 0 auto;
		height: 305px;
		border-bottom: 1px solid #c8c8c8;
		border-right: 1px solid #c8c8c8;
		border-left: 1px solid #c8c8c8;
		box-sizing: border-box;
		padding: 10px 20px 10px 20px;
	    overflow-y: scroll;
	}
			
	.news_cat_cnt{
		width: 100%;
		height: auto;
		border-bottom: 5px solid #5c9eff;
	}
	.news_cat_cnt .title{
		font-size: 19px;
		font-weight: bold;
		color: #5c9eff;
		float: none;
		display: block;
		margin-top: 5px;
	}
	.news_cat_cnt .news_tab{
		font-size: 19px;
		font-weight: bold;
		color: #5c9eff;
		float: none;
		margin: 0;
		padding: 0;
	}
		
	.news_cat_cnt .news_tab ul.news_tab_list > li{
		margin: 2px 0 0 0;
		width: 31%;
		box-sizing: border-box;
	}

}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ピックアップ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.pickup{
	width: 100%;
	background: url(../images2020/top_pkup_bnr_slide_bg.jpg) repeat-x center top;
	background-size: auto 100%;
}

.pickup .title{
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 30px 0 20px 0;
}


.pickup .pickup_slide_inner{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 50px auto;
}



@media (max-width:1199px) {

	.pickup .pickup_slide_inner{
		width: 90%;
		max-width: 1200px;
		margin: 0 auto 50px auto;
	}

}

@media (max-width:768px) {

	.pickup .pickup_slide_inner{
		width: 75%;
		max-width: 1200px;
		margin: 0 auto 10px auto;
		padding-bottom: 10px;
	}
	
}








.padg_30px{
	padding: 30px 0;
	width: 100%;
	margin: 0 auto;
	clear: both;
}

.padg_20px{
	padding: 20px 0;
	width: 100%;
	margin: 0 auto;
	clear: both;
}

.att_txt{
	margin: 30px auto 10px auto;
	width: 96%;
	max-width: 800px;
	font-size: 11px;
	font-family: sans-serif;
	color: #888;
}






/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ループスライダー */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#footer_wave{
	width: 100%;
	height: 100px;
	text-align: center;
	position: relative;
}

#footer_wave .wave_wrap{
	width: 100%;
	height: 100px;
	position: absolute;
}


.loopslider {
	margin: 0 auto;
	width: 100%;
	height: 100px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

.loopslider ul {
/*	width: 100%;*/
	height: 100px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}
.loopslider ul li {
	width: 4000px;
	height: 100px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */




/*----------------------------------------
footer
----------------------------------------*/


#footer{
	background: url(../images2020/footer_bg.jpg) repeat-x center top;
	margin: 0;
	padding: 0 0 10px 0;
}



#footer .comfort_cnt{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
	display: table;
}
#footer .comfort_cnt .logo{
	width: 120px;
	display: block;
	float: left;
}
#footer .comfort_cnt .copy{
	width: auto;
	padding: 0 20px;
	display: block;
	float: left;
}
#footer .comfort_cnt .copy .title{
	font-size: 20px;
	color: #1da0f0;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
#footer .comfort_cnt .copy .txt{
	font-size: 16px;
	line-height: 27px;
	display: block;
}
#footer .comfort_cnt .company{
	width: 195px;
	display: block;
	float: left;
	padding-top: 80px;
}




#footer .footer_link{
	text-align: center;
	margin: 20px;
}
#footer .footer_link li{
	text-align: center;
	list-style: none;
	display: inline-block;
	margin: 0 0 0;
	border-left: 1px solid #434649;
	padding: 0 20px;
	text-align: center;
}
#footer .footer_link li:last-child{
	border-right: 1px solid #434649;
}
#footer .footer_link li a{
	color: #434649;
}
#footer .footer_link li i{
	margin-right: 10px;
}

#footer .copyright {
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 2px 0;
}

#footer .copyright .copyright_img{
	width: 180px;
	margin: 0 auto;
}
#footer .copyright p {
	font-size: 0.6rem;
	color: #434649;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}




@media (max-width:1199px) {
	
	#footer .comfort_cnt{
		width: 96%;
		max-width: 767px;
		margin: 0 auto;
		padding-top: 40px;
		display: table;
	}
	#footer .comfort_cnt .logo{
		width: 120px;
		display: block;
		float: left;
	}
	#footer .comfort_cnt .copy{
		width: 600px;
		padding: 0 10px;
		display: block;
		float: right;
		box-sizing: border-box;
	}
	#footer .comfort_cnt .copy .title{
		font-size: 20px;
		color: #1da0f0;
		font-weight: bold;
		display: block;
		margin-bottom: 10px;
	}
	#footer .comfort_cnt .copy .txt{
		font-size: 16px;
		line-height: 27px;
		display: block;
	}
	#footer .comfort_cnt .company{
		clear: both;
		width: 195px;
		display: block;
		float: none;
		padding-top: 20px;
		margin: 0px auto 10px auto;
	}
	


}

@media (max-width:768px) {

	#footer .comfort_cnt{
		width: 90%;
		max-width: 767px;
		margin: 0 auto;
		padding-top: 10px;
		display: block;
	}
	#footer .comfort_cnt .logo{
		width: 120px;
		display: block;
		float: none;
		margin: 0 auto;
	}
	#footer .comfort_cnt .copy{
		width: 100%;
		padding: 20px 0;
		display: block;
		float: none;
		box-sizing: border-box;
	}
		
		
	#footer .footer_link{
		text-align: center;
		margin: 30px auto;
		width: 190px;
		padding: 0;
	}
	#footer .footer_link li{
		list-style: none;
		display: block;
		border-left: none;
		padding: 0;
		margin: 10px 0;
		text-align: left;
	}
	#footer .footer_link li:last-child{
		border-right: none;
	}
	#footer .footer_link li a{
		color: #434649;
	}
	#footer .footer_link li i{
		margin-right: 10px;
	}
	

}







/* 不具合修正用 */
.imgfix {
	width:auto;
	height: auto;
}
.pagemain_space00,.pagemain_space01,.pagemain_space02,.pagemain_space03,.pagemain_space04,.pagemain_space05 {
	margin-top:0;
}
#header_sub, #header_sub_sub, #header_sub_cad {
	position:relative;
	top:0;
	font-weight: bold;
}
#header_sub span, #header_sub_sub span, #header_sub_cad span {
	font-size: 100%;
}
.anchor01 a, .anchor02 a, .anchor03 a, .anchor04 a, .anchor05 a, .anchor06 a {
	top:0;
}

/*#pagemain img {
	width: auto;
	height: auto;
}
#pagemain span, #pagemain p {
	font-size: 1em;
	letter-spacing: 0;
}

#pagemain .products_box09 .tab {
	margin-top:10rem;
}

#pagemain .products_box09 .box_catalog li .image img {
	width:100%;
	height: auto;
}
#pagemain .products_box05 ul li img {
	width:92%;
}
#pagemain .products_box05 ul li span.name img.icon {
	height:12px;
	width:auto;
}
#pagemain .products_box05 ul li .button img {
	width:auto;
}
#pagemain .products_box03 .button {
	margin-top:-7em;
}
#pagemain .maintenance_box03 .box01 .box03 figure {
	padding-bottom:5rem;
	width:40%;
}
#pagemain .maintenance_box03 .box01 .box03 figure img {
	width:100%;
}

#pagemain .pages_box02 a {
	color: #036EB5;
}
#pagemain .products_box02 .box01 .pic img {
	width:100%;
	height:auto;
}*/


main.comfort {
	line-height: 1;
}
main.comfort span, main.comfort p {
	font-size: 1em;
	letter-spacing: 0;
}


main.comfort {
	margin-top:-98px;
}
@media (max-width:1199px) {
	main.comfort {
		margin-top:-55px;
	}
}
main.comfort a {
	color: #fff;
}

/* header_fix */
.header_fix {
	position: relative;
}
.header_fix .header {
	padding-top:188px;
}
.header_fix .header .header_cnt {
	position:fixed;
	z-index: 99999;
	top:0;
	max-width:100%;
	background-color: #fff;
}
.header_fix .header .header_cnt .inner {
	max-width: 1200px;
	margin:0 auto;
}
.header_fix .header .header_menu_wrap {
	position:fixed;
	z-index: 99999;
	top:99px;
	width:100%;
}
@media (max-width:1199px) {
	.header_fix .header {
		padding-top:130px;
	}
}
@media (max-width:768px) {
}