/* ========================================================================================

   Name: common.css

   Description: Common Style Sheet for Corporate site

======================================================================================== */


/* toppage
-------------------------------------------------- */

main header#slider {
	width:100%;
	min-width:980px;
	/*height:590px;*/
	margin:0 auto 10px;
	position:relative;
	overflow:hidden;
	text-align:center;
}

main header#slider ul {
	width:1800px;
	height:590px;
	margin:0 auto;
	position:relative;
	left:50%;
	margin-left:-900px;
	list-style:none;
}

main header#slider ul li {
	width:1800px;
	height:590px;
	position:relative;
}

main header#slider ul li > div > img {
	width:1800px;
	height:590px;
	position:absolute;
	left:0;
	top:0;
}

main header#slider .main-news-area {
	position:absolute;
	box-sizing:border-box;
	width:980px;
	margin:auto;
	padding:12px 30px 12px 40px;
	left:0;
	right:0;
	bottom:0;
	color:#FFFFFF;
	text-align:left;
}

main header#slider .main-news-area dl {
	position:relative;
	z-index:2;
}

main header#slider .main-news-area dt {
	color:#f39800;
	font-size:20px;
	font-weight:bold;
	width:80px;
	clear:both;
	float:left;
	letter-spacing:0.1em;
	padding:5px 0 5px;
}

main header#slider .main-news-area dd {
	position:relative;
	padding:5px 0 5px 30px;
	margin:0 0 0 90px;
	border:1px #666666;
	border-left-style:solid;
}

main header#slider .main-news-area dd .date {
	position:absolute;
	left:0;
	top:5px;
	left:30px;
}

main header#slider .main-news-area dd .text {
	display:block;
	padding:0 0 0 110px;
}

main header#slider .main-news-area dd a {
	color:#FFFFFF;
	text-decoration:none;
}

main header#slider .main-news-area dd a:hover {
	text-decoration:underline;
}

main header#slider .main-news-area .bg {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#000000;
	z-index:1;
	opacity:0.7;
}


/*banner轮播*/
.banner{position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;s}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom:20px; z-index: 1; width: 100%; font-size: 0; text-align: center;display: none}
.banner .swiper-pagination span{ margin: 0 5px; width:12px; height: 12px; background:#fff; opacity: 1;border-radius:50%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #e60012;}
.swiper-wrapper {height: auto !important;}
.banner img{width:100%;}
.banner .sj11{display: none;}
.banner .swiper-button-next,.banner .swiper-button-prev{display: none}


.btn_contact_slider {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:590px;
	margin:0 auto;
	text-align:center;
}

.btn_contact_slider .slide_item {
	width:980px;
	height:590px;
	margin:0 auto;
	position:absolute;
	left:410px;
	text-align:left;
}

.btn_contact_slider .slide_item .txt_slide {
	color:#FFFFFF;
	font-size:50px;
	font-weight:bold;
	line-height:1.5em;
	padding:170px 0 0;
}

.slide4 .btn_contact_slider .slide_item .txt_slide {
	color:#000000;
	font-size:35px;
	font-weight:bold;
	line-height:1.6em;
	padding:70px 0 0;
}

.btn_contact_slider .slide_item .txt_slide strong {
	color:#e02a1f;
}

.btn_contact_slider .slide_item a {
	display:inline-block;
	position:absolute;
	left:0;
	top:355px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#f39800;
	background-color:transparent;
	border:3px #f39800 solid;
	padding:12px 35px;
    border-radius: 30px;  
    -webkit-border-radius: 30px;  
    -moz-border-radius: 30px;
}
.btn_contact_slider p a:hover {
	color:#FFFFFF;
	background-color:#f39800;
}

.slide4 .btn_contact_slider .slide_item a {
	display:inline-block;
	position:absolute;
	left:0;
	top:285px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#f39800;
	background-color:#FFFFFF;
	border:2px #f39800 solid;
	padding:8px 55px;
    border-radius: 26px;  
    -webkit-border-radius: 26px;  
    -moz-border-radius: 26px;
}
.slide4 .btn_contact_slider p a:hover {
	color:#FFFFFF;
	background-color:#f39800;
}

.btn_contact_slider .slide_item img {
	position:absolute;
	right:130px;
	top:80px;
}

/* Main Slide 201810CP */
.slide5 .btn_contact_slider {
	position:relative;
	left:inherit;
	top:inherit;
	width:980px;
	height:590px;
	margin:0 auto;
	text-align:center;
}

.slide5 .btn_contact_slider img {
	width:100% !important;
	height:auto !important;
}

.slide5 .btn_contact_slider .slide_item {
	width:980px;
	height:590px;
	margin:0 auto;
	position:absolute;
	left:0;
	text-align:left;
}

.slide5 .btn_contact_slider .slide_item a {
	display:inline-block;
	position:absolute;
	left:366px;
	top:497px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	background-color:#f39800;
	border:3px #ffffff solid;
	padding:8px 0;
    border-radius: 26px;  
    -webkit-border-radius: 26px;  
    -moz-border-radius: 26px;
	width:510px;
	text-align:center;
}
.slide5 .btn_contact_slider p a:hover {
	color:#f39800;
	background-color:#FFFFFF;
	border:3px #f39800 solid;
}


@media screen and (min-width: 1600px){
	
	main header#slider {
		width:100%;
		height:590px;
		margin:0 auto 10px;
		position:relative;
		overflow:hidden;
		text-align:center;
	}
	
	main header#slider ul {
		width:100%;
		height:590px;
		margin:0 auto;
		position:relative;
		left:0;
		margin-left:0;
		list-style:none;
	}
	
	main header#slider ul li {
		width:100%;
		height:590px;
		position:relative;
	}
	
	main header#slider ul li > img {
		width:100%;
		height:auto;
	}
	
	.btn_contact_slider {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:590px;
		margin:0 auto;
		text-align:center;
	}
	
	.btn_contact_slider .slide_item {
		width:980px;
		height:590px;
		margin:0 auto;
		position:absolute;
		left:310px;
		text-align:left;
	}
	
	.btn_contact_slider .slide_item .txt_slide {
		font-size:50px;
		font-weight:bold;
		line-height:1.6em;
		padding:170px 0 0;
	}
	
	.slide4 .btn_contact_slider .slide_item .txt_slide {
		font-size:35px;
		font-weight:bold;
		line-height:1.6em;
		padding:70px 0 0;
	}
	
	.btn_contact_slider .slide_item .txt_slide strong {
		color:#e02a1f;
	}
		
	.btn_contact_slider .slide_item a {
		display:inline-block;
		position:absolute;
		left:0;
		top:355px;
		font-size:18px;
		font-weight:bold;
		text-decoration:none;
		color:#f39800;
		background-color:transparent;
		border:3px #f39800 solid;
		padding:12px 35px;
		border-radius: 30px;  
		-webkit-border-radius: 30px;  
		-moz-border-radius: 30px;
	}
	.btn_contact_slider p a:hover {
		color:#FFFFFF;
		background-color:#f39800;
	}
	
	.slide4 .btn_contact_slider .slide_item a {
		display:inline-block;
		position:absolute;
		left:0;
		top:285px;
		font-size:18px;
		font-weight:bold;
		text-decoration:none;
		color:#f39800;
		background-color:#FFFFFF;
		border:2px #f39800 solid;
		padding:8px 55px;
		border-radius: 26px;  
		-webkit-border-radius: 26px;  
		-moz-border-radius: 26px;
	}
	.slide4 .btn_contact_slider p a:hover {
		color:#FFFFFF;
		background-color:#f39800;
	}
		
}

.main_inner_top {
	width:100%;
}

.sec_toppage01 {
	width:980px;
	margin:0 auto 50px;
	clear:both;
	padding:55px 0 0;
}

.sec_toppage01 h2 {
	text-align:center;
	font-size:36px;
	line-height:1.3em;
	margin:0 0 7px;
}

.sec_toppage01 p.title_eng {
	font-size:17px;
	text-align:center;
	color:#f39800;
	font-style:italic;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	margin:0 0 35px;
}

.recommend_item {
	width:100%;
	margin:0 0 70px;
}

.recommend_item ul {
	list-style:none;
	padding:0 32px;
}

.recommend_item ul li {
	width:33.33%;
	float:left;
	display:block;
	margin:0;
	padding:0;
}

.recommend_item li a {
	display:block;
	margin:0 12px;
}

.recommend_item li a img {
	width:100%;
	height:auto;
}

#sec_top_products {
	width:100%;
	background-color:#f39800;
	padding:0 0 20px;
	margin:0;
}

#sec_top_products h2,
#sec_top_products .title_eng {
	background-color:#FFFFFF;
	margin:0;
	line-height:2em;
}

#sec_top_products ul {
	width:980px;
	margin:0 auto;
	list-style:none;
}

#sec_top_products ul li {
	background-color:#FFFFFF;
	width:302px;
	height:110px;
	float:left;
	margin:0 25px 25px 0;
	border:4px #FFFFFF solid;
    border-radius: 6px;  
    -webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	text-align:left;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

#sec_top_products ul li:nth-child(3n) {
	margin:0 0 28px 0;
}

#sec_top_products ul li a {
	position:relative;
	width:308px;
	height:110px;
	display:table;
	color:#000000;
	text-decoration:none;
}

#sec_top_products ul li a:hover {
	color:#f39800;
}

#sec_top_products ul li div {
	position:absolute;
	width:120px;
	height:110px;
	left:10px;
	line-height: 120px;display: flex;justify-content: center;align-items: center;
}

#sec_top_products ul li div img {
	vertical-align:top;
	max-height: 100%;
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}

#sec_top_products ul li h3 {
	font-size:18px;
	line-height:1.6em;
	display:table-cell;
	vertical-align:middle;
	height:110px;
	padding:0 20px 0 135px;
}

#chart_perth {
	width:100%;
	height:475px;
	padding:40px 0 0;
	background:url(../image/bg_products.gif) no-repeat center bottom;
	background-color:#FFFFFF;
}

#chart_perth .inner {
	width:980px;
	margin:0 auto;
	position:relative;
}

#chart_perth .inner > * {
	position:absolute;
}

#chart_perth .mascot1 {
	right:72px;
	top:20px;
}

#chart_perth .mascot2 {
	left:24px;
	top:15px;
}

#chart_perth .house {
	left:0;
	right:0;
	top:0;
	margin:auto;
}

#chart_perth .inner .fukidashi_base {
	display:block;
	width:462px;
	height:354px;
	background:url(../image/fukidashi_base.png) no-repeat;
	z-index:110;
}

#chart_perth .inner .fukidashi_base p {
	font-size:18px;
	font-weight:bold;
	padding:12px 0 0;
}

#chart_perth .inner .fukidashi_base img {
	margin:10px 0 0;
}

#chart_perth .inner .fukidashi_left {
	display:block;
	display:none;
	position:absolute;
	left:0;
	top:-30px;
}

#chart_perth .inner .fukidashi_right {
	display:block;
	display:none;
	position:absolute;
	right:0;
	top:-30px;
}

#sec_top_event {
	width:100%;
	background:url(../image/bg_event01.jpg) no-repeat left 48px top 0, url(../image/bg_event02.jpg) no-repeat right 113px top 0;
}

#sec_top_event h3 {
	text-align:center;
	font-size:29px;
	line-height:1.6em;
	margin:-10px 0 20px;
}

#sec_top_event h4 {
	background:url(../image/product_lineup.png) no-repeat;
	width:254px;
	height:44px;
	margin:0 auto;
	color:#FFFFFF;
	font-size:17px;
	padding:4px 0 0;
}

#sec_top_event .lst_event_product {
	width:980px;
	margin:0 auto 60px;
}

#sec_top_event .ev_slider {
	margin-bottom:50px;
}

.slick-slide {
	padding:0 10px;
}

#sec_top_news {
	width:100%;
	background:url(../image/bg_news.jpg) no-repeat;
	background-size:cover;
	padding:40px 0 60px;
	margin:0 auto;
}

#sec_top_news h2 {
	color:#FFFFFF;
}

#sec_top_news .news_list {
	width:920px;
	margin:0 auto;
	padding:10px 30px;
	background:none;
	background-color:#FFFFFF;
	text-align:left;
    border-radius: 6px;  
    -webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
}

#sec_top_news .news_list li:last-child a {
	background:none;
}

.sec_toppage01 .index_menu {
	padding:0 0 20px;
}

#sec_top_news .link_newsall {
	width:980px;
	margin:0 auto;
	text-align:right;
	padding:15px 0 0;
}

#sec_top_news .link_newsall a {
	color:#f39800;
	text-decoration:underline;
	font-size:14px;
}

#sec_top_news .link_newsall a:hover {
	color:#fff;
	text-decoration:underline;
}


@media screen and (max-width: 767px){
	
	main header#slider {
		width:100%;
		min-width:inherit;
		height:auto;
		margin:0 auto 10px;
		position:relative;
		overflow:hidden;
		text-align:center;
	}
	
	main header#slider ul {
		width:960px;
		height:315px;
		margin:0 auto;
		position:relative;
		left:50%;
		margin-left:-480px;
		list-style:none;
	}
	
	main header#slider ul li {
		width:100%;
		height:315px;
		position:relative;
	}
	
	main header#slider ul li > img {
		width:100%;
		height:590px;
	}
	
	main header#slider ul li > div > img {
		width:900px;
		height:auto;
		position:absolute;
		left:0;
		top:0;
	}

main header#slider .main-news-area {
	position:inherit;
	box-sizing:border-box;
	width:auto;
	margin:0 auto 20px;
	padding:8px 10px 8px 15px;
	left:0;
	right:0;
	bottom:0;
	color:#FFFFFF;
	text-align:left;
}

main header#slider .main-news-area dl {
	position:relative;
	z-index:2;
}

main header#slider .main-news-area dt {
	color:#f39800;
	font-size:14px;
	font-weight:bold;
	width:50px;
	clear:both;
	float:left;
	letter-spacing:0.1em;
	padding:5px 0 5px;
}

main header#slider .main-news-area dd {
	position:relative;
	padding:5px 0 5px 10px;
	margin:0 0 0 50px;
	border:1px #ccc;
	border-left-style:solid;
	font-size:13px;
}

main header#slider .main-news-area dd .date {
	position:inherit;
	left:auto;
	top:auto;
	left:auto;
	display:block;
}

main header#slider .main-news-area dd .text {
	display:block;
	padding:0 0 0 0;
}

main header#slider .main-news-area dd a {
	color:#FFFFFF;
	text-decoration:none;
}

main header#slider .main-news-area dd a:hover {
	text-decoration:underline;
}

main header#slider .main-news-area .bg {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#000000;
	z-index:1;
	opacity:0.5;
}

	.btn_contact_slider {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:315px;
		margin:0 auto;
		text-align:center;
	}
	
	.btn_contact_slider .slide_item {
		width:100%;
		height:315px;
		margin:0 auto;
		position:absolute;
		left:0;
		text-align:center;
	}
	
	.btn_contact_slider .slide_item .txt_slide {
		color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
		line-height:1.4em;
		padding:20px 0 0;
		text-align:center;
		width:100%;
	}
	
	.slide4 .btn_contact_slider .slide_item .txt_slide {
		color:#000000;
		font-size:18px;
		font-weight:bold;
		line-height:1.6em;
		padding:60px 0 0;
		text-align:center;
		width:100%;
	}
	
	.btn_contact_slider .slide_item .txt_slide strong {
		color:#e02a1f;
	}
	
	.btn_contact_slider .slide_item a {
		display:inline-block;
		position:absolute;
		width:200px;
		margin:auto;
		left:0;
		right:0;
		top:225px;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		color:#f39800;
		background-color:#fff;
		border:2px #f39800 solid;
		padding:8px 20px;
		border-radius: 26px;  
		-webkit-border-radius: 26px;  
		-moz-border-radius: 26px;
	}
	.btn_contact_slider p a:hover {
		color:#FFFFFF;
		background-color:#f39800;
	}
	
	.slide4 .btn_contact_slider .slide_item a {
		display:inline-block;
		position:absolute;
		width:200px;
		margin:auto;
		left:0;
		right:0;
		top:225px;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		color:#f39800;
		background-color:#FFFFFF;
		border:2px #f39800 solid;
		padding:8px 20px;
		border-radius: 26px;  
		-webkit-border-radius: 26px;  
		-moz-border-radius: 26px;
	}
	.slide4 .btn_contact_slider p a:hover {
		color:#FFFFFF;
		background-color:#f39800;
	}
		
		
		/* Main Slide 201810CP */
		main header#slider ul li.slide5 > div > img {
			width:100%;
			height:auto;
			position:absolute;
			left:0;
			top:0;
		}
		
		.slide5 .btn_contact_slider {
			position:relative;
			left:inherit;
			top:inherit;
			width:320px;
			height:315px;
			margin:0 auto;
			text-align:center;
		}
		
		.slide5 .btn_contact_slider img {
			width:100% !important;
			height:auto !important;
		}
		
		.slide5 .btn_contact_slider .slide_item {
			width:320px;
			height:315px;
			margin:0 auto;
			position:absolute;
			left:0;
			text-align:left;
		}
		
		.slide5 .btn_contact_slider .slide_item a {
			display:inline-block;
			position:absolute;
			left:0;
			top:252px;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			color:#ffffff;
			background-color:#f39800;
			border:2px #ffffff solid;
			padding:5px 0;
			border-radius: 26px;  
			-webkit-border-radius: 26px;  
			-moz-border-radius: 26px;
			width:205px;
			text-align:center;
		}
		.slide5 .btn_contact_slider p a:hover {
			color:#f39800;
			background-color:#FFFFFF;
			border:2px #f39800 solid;
		}
		
		
			
	.btn_contact_slider .slide_item img {
		position:absolute;
		margin:auto;
		left:0;
		right:0;
		top:90px;
		width:90px;
		height:auto;
	}
	
	.main_inner_top {
		width:100%;
	}
	
	.sec_toppage01 {
		width:auto;
		margin:0 auto 20px;
		clear:both;
		padding:20px 20px 0;
	}
	
	.sec_toppage01 h2 {
		text-align:center;
		font-size:20px;
		line-height:1.4em;
		margin:0 0 7px;
	}
	
	.sec_toppage01 p.title_eng {
		font-size:12px;
		text-align:center;
		color:#f39800;
		font-style:italic;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:700;
		margin:0 0 20px;
	}
	
	.recommend_item {
		width:auto;
		margin:0 0 40px;
	}
	
	.recommend_item ul {
		list-style:none;
		padding:0;
	}
	
	.recommend_item ul li {
		width:100%;
		float:none;
		display:block;
		margin:0 0 10px;
		padding:0;
	}
	
	.recommend_item li a {
		display:block;
		margin:0;
	}
	
	.recommend_item li a img {
		width:100%;
		height:auto;
	}
	
	#sec_top_products {
		width:100%;
		background-color:#f39800;
		padding:0 0 10px;
		margin:0;
	}

	#sec_top_products h2,
	#sec_top_products .title_eng {
	}
	#sec_top_products .title_eng {
		font-size:12px;
		margin:0 0 0;
		padding:0 0 20px;
	}
	
	#sec_top_products ul {
		width:auto;
		margin:0 20px;
		list-style:none;
	}
	
	#sec_top_products ul li {
		box-sizing:border-box;
		background-color:#FFFFFF;
		width:100%;
		height:auto;
		float:none;
		margin:0 0 10px 0;
		border:4px #FFFFFF solid;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
		text-align:left;
	}
	
	#sec_top_products ul li:hover {
		border:4px #FFFFFF solid;
	}
	
	#sec_top_products ul li:nth-child(3n) {
		margin:0 0 10px 0;
	}
	
	#sec_top_products ul li a {
		position:relative;
		width:100%;
		height:auto;
		min-height:55px;
		display:table;
		color:#000000;
		text-decoration:none;
	}
	
	#sec_top_products ul li div {
		position:absolute;
		width:60px;
		height:55px;
		left:10px;
	}

	#sec_top_products ul li img {
		width:100%;
		height:auto;
	}
	
	#sec_top_products ul li h3 {
		font-size:15px;
		font-weight:normal;
		line-height:1.6em;
		display:table-cell;
		vertical-align:middle;
		height:auto;
		padding:0 20px 0 80px;
	}
	
	#chart_perth {
		width:auto;
		height:150px;
		padding:0 20px 0;
		background:url(../image/bg_products.gif) no-repeat center -110px;
		background-color:#FFFFFF;
	}
	
	#chart_perth .inner {
		width:100%;
		margin:0 auto;
		position:relative;
	}
	
	#chart_perth .inner > * {
		position:absolute;
	}
	
	#chart_perth .inner .pin {
		display:none;
	}
	
	#chart_perth .mascot2 {
		left:0;
		top:-25px;
	}
	#chart_perth .mascot2 img {
		width:90px;
		height:auto;
	}
	
	#chart_perth .mascot1 {
		right:0;
		top:-20px;
	}
	#chart_perth .mascot1 img {
		width:90px;
		height:auto;
	}
	
	#chart_perth .house {
		left:0;
		right:0;
		top:0;
		margin:auto;
		text-align:center;
	}

	#chart_perth .house img {
		width:280px;
		height:auto;
	}
	
	#chart_perth .inner .fukidashi_red {
		display:block;
		display:none;
		width:286px;
		height:261px;
		background:url(https://www.asahi-house.com/resource/img/top/fukidashi_red.png) no-repeat;
		position:absolute;
		left:170px;
		top:-45px;
	}
	
	#chart_perth .inner .fukidashi_red p {
		position:absolute;
		font-size:18px;
		font-weight:bold;
		top:46px;
		left:61px;
		right:43px;
		width:auto;
		margin:auto;
	}
	
	#chart_perth .inner .fukidashi_red img {
		position:absolute;
		left:61px;
		top:78px;
	}
	
	#sec_top_event {
		width:100%;
		margin:0;
		padding:30px 0 50px;
		overflow:hidden;
	}
	#sec_top_event h2 {
		margin:0;
	}
	#sec_top_event .title_eng {
		margin:0 0 10px;
	}
	#sec_top_event p.txt_lead01 {
		margin:0 20px 20px;
		text-align:left;
	}
	
	#sec_top_event h3 {
		text-align:center;
		font-size:16px;
		line-height:1.6em;
		margin:0 0 10px;
	}
	
	#sec_top_event h4 {
		background:url(../image/product_lineup.png) no-repeat;
		width:254px;
		height:40px;
		margin:0 auto;
		color:#FFFFFF;
		font-size:14px;
		padding:8px 0 0;
	}
	
	#sec_top_event .lst_event_product {
		width:auto;
		margin:0 0 30px;
	}
	
	
	#sec_top_event .ev_slider {
		margin-bottom:30px;
	}
	
	.slick-slide {
		padding:0 10px;
	}
	
	#sec_top_news {
		width:auto;
		background:none;
		background-color:#666666;
		padding:15px 20px 20px;
		margin:0 auto;
	}
	
	#sec_top_news h2 {
		color:#FFFFFF;
		margin:0;
	}
	#sec_top_news .title_eng {
		margin:0 0 10px;
		padding:0;
	}
	
	#sec_top_news .news_list {
		width:auto;
		margin:0 auto;
		padding:5px 20px 10px;
		background:none;
		background-color:#FFFFFF;
		text-align:left;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
	}
	
	#sec_top_news .news_list li:last-child a {
		background:none;
		border:none;
	}
	
	.sec_toppage01 .index_menu {
		padding:0 0 0;
	}
	
	#sec_top_news .link_newsall {
		width:auto;
		margin:0 auto;
		text-align:center;
		padding:10px 0 0;
	}
	
	#sec_top_news .link_newsall a {
		color:#FFFFFF;
		text-decoration:none;
		font-size:12px;
	}
	
		
}


/* toppage special
-------------------------------------------------- */

.sec_toppage_special {
	width:auto;
	padding:30px 0 0;
}

.sec_toppage_special .inner {
	width:980px;
	margin:0 auto;
	text-align:left;
}


@media screen and (max-width: 767px){
	
	.sec_toppage_special {
		width:auto;
		padding:0;
	}
	
	.sec_toppage_special .inner {
		width:auto;
		margin:0 20px;
		text-align:left;
	}

	.sec_toppage_special .inner img.banner {
		width:100%;
		height:auto;
	}
	
}


/* index page
-------------------------------------------------- */

.index_menu {
	list-style:none;
	padding:20px 0 20px;
}

.index_menu a {
	color:#000000;
	text-decoration:none;
	text-align:center;
}

.index_menu a p {
	font-size:17px;
	font-weight:bold;
	padding:15px 0 0;
}

.index_menu a:hover {
	color:#000000;
	text-decoration:underline;
}

.index_menu li {
	width:308px;
	float:left;
	margin:0 28px 28px 0;
}

.index_menu li:nth-child(3n) {
	width:308px;
	float:left;
	margin:0 0 28px 0;
}

.index_menu li figure img {
    border-radius: 4px;  
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}

.index_menu li dt {
	text-align:center;
	font-size:17px;
	font-weight:bold;
	padding:15px 0 5px;
}

.index_menu li dd {
	font-size:14px;
}

.index_banner {
	clear:both;
	margin:0 0 50px;
}

.index_banner span {
	display:none;
}

.index_contact {
	list-style:none;
	padding:50px 0 0;
}

.index_contact li {
	margin:0 0 30px;
}

.index_contact li a,
.index_contact li span {
	color:#000000;
	text-decoration:none;
	display:block;
	background-color:#FFF;
	padding:27px 97px 27px 27px;
    border-radius: 6px;  
    -webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	position:relative;
	border:3px #FFFFFF solid;
}

.index_contact li a:hover {
	border-color:#f39800;
}

.index_contact li dt {
	font-size:22px;
	line-height:1.6em;
	padding:0 0 15px;
	margin:0 0 20px;
	background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
}

.index_contact li a i {
	font-size:30px;
	color:#f39800;
	position:absolute;
	width:30px;
	height:30px;
	margin:auto;
	right:30px;
	top:0;
	bottom:0;
}

@media screen and (max-width: 767px){
	
	.index_menu {
		list-style:none;
		padding:20px 0 0;
	}
	
	.index_menu a {
		display:block;
		color:#000000;
		text-decoration:none;
		border:1px #CCCCCC solid;
		padding:10px;
		font-size:17px;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
		text-align:center;
	}
	
	.index_menu a p {
		font-size:17px;
		font-weight:normal;
		padding:0 0 0;
	}
	
	body.product .index_menu a {
		display:block;
		color:#000000;
		text-decoration:none;
		border:1px #CCCCCC solid;
		border:none;
		padding:10px;
		font-size:17px;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
		text-align:center;
	}
	body.product .index_menu a img {
		width:100%;
		height:auto;
	}
	
	.index_menu a:hover {
		color:#000000;
		text-decoration:underline;
	}
	
	.index_menu li {
		width:auto;
		height:auto;
		float:none;
		margin:0 0 10px 0;
	}
	
	.index_menu li:nth-child(3n) {
		width:auto;
		float:none;
		margin:0 0 10px 0;
	}
	
	.index_menu li figure {
		display:none;
	}
	
	body.product .index_menu li figure {
		display:block;
	}
	
	.index_menu li dt {
		text-align:center;
		font-size:16px;
		font-weight:bold;
		padding:10px 0 10px;
		text-decoration:underline;
	}
	
	.index_menu li dd {
		font-size:14px;
		text-align:left;
	}
	
	.index_banner {
		clear:both;
		margin:0 0 0;
	}

	.index_banner img {
		display:none;
	}

	.index_banner span {
		display:block;
	}
	
	.index_banner a {
		display:block;
		color:#000000;
		text-decoration:none;
		border:1px #CCCCCC solid;
		padding:10px;
		font-size:17px;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
		text-align:center;
	}
	
	.index_contact {
		list-style:none;
		padding:20px 0 0;
	}
	
	.index_contact li {
		margin:0 0 15px;
	}
	
	.index_contact li a,
	.index_contact li span {
		color:#000000;
		text-decoration:none;
		display:block;
		background-color:#FFF;
		padding:7px 12px 12px 12px;
		border-radius: 6px;  
		-webkit-border-radius: 6px;  
		-moz-border-radius: 6px;
		position:relative;
		border:3px #FFFFFF solid;
	}
	
	.index_contact li a:hover {
		border-color:#f39800;
	}
	
	.index_contact li dt {
		font-size:16px;
		line-height:1.6em;
		padding:0 0 5px;
		margin:0 0 10px;
		background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
	}
	
	.index_contact li a i {
		font-size:18px;
		color:#f39800;
		position:absolute;
		width:30px;
		height:30px;
		margin:auto;
		right:0;
		top:8px;
		bottom:inherit;
	}
	
}


/* company --> message
-------------------------------------------------- */

body#message main > article.inner {
	background:url(../image/bg_toilet.jpg) no-repeat right 80px bottom;
}

.sec_message {
	padding:35px 100px 50px;
}

.sec_message h2 {
	text-align:center;
	font-size:30px;
	font-weight:normal;
	line-height:1.6em;
	margin:0 0 50px;
}

.sec_message p {
	margin:0 0 30px;
}

.sec_message p.sign {
	text-align:right;
}

@media screen and (max-width: 767px){
	
	body#message main > article.inner {
		background:none;
	}
	
	.sec_message {
		padding:10px 0 20px;
	}
	
	.sec_message h2 {
		text-align:center;
		font-size:20px;
		font-weight:normal;
		line-height:1.6em;
		margin:0 0 20px;
	}
	
	.sec_message p {
		margin:0 0 20px;
	}
	
	.sec_message p.sign {
		text-align:right;
	}
	
}

/* company --> office
-------------------------------------------------- */

.sec_office {
	clear:both;
}

.sec_office h3 {
	font-size:20px;
	margin:0 0 25px;
	padding:0 0 15px;
	background:url(../image/bg_sec_title01.gif) no-repeat left bottom;
}

.sec_office ul {
	list-style:none;
}

.sec_office ul li {
	width:470px;
	float:left;
	margin:0 40px 30px 0;
}

.sec_office ul li:nth-child(2n) {
	margin:0 0 30px 0;
}

.sec_office ul li .photo {
	width:170px;
	float:left;
}

.sec_office ul li h4 {
	font-size:17px;
	margin:0 0 10px 195px;
}

.sec_office ul li p {
	font-size:14px;
	line-height:1.6em;
	margin:0 0 0 195px;
}

#map {
	width:100%;
	height:450px;
	margin:0 0 60px;
}

@media screen and (max-width: 767px){
	
	.sec_office {
		clear:both;
	}
	
	.sec_office h3 {
		font-size:18px;
		margin:0 0 25px;
		padding:0 0 10px;
		background:url(../image/bg_sec_title01.gif) no-repeat left bottom;
	}
	
	.sec_office ul {
		list-style:none;
	}
	
	.sec_office ul li {
		width:auto;
		float:none;
		margin:0 0 30px 0;
	}
	
	.sec_office ul li:nth-child(2n) {
		margin:0 0 30px 0;
	}
	
	.sec_office ul li .photo {
		width:auto;
		float:none;
		text-align:center;
	}
	
	.sec_office ul li h4 {
		font-size:16px;
		margin:10px 0 10px 0;
		text-align:center;
		background-color:#f2f2f2;
		padding:5px;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
	}
	
	.sec_office ul li p {
		font-size:14px;
		line-height:1.6em;
		margin:0 0 0 0;
	}
	
	#map {
		width:100%;
		height:300px;
		margin:0 0 30px;
	}
	
	.accessmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin:0 0 30px;
	}
	
	.accessmap iframe,
	.accessmap object,
	.accessmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	
		
}

/* product --> list
-------------------------------------------------- */

body:not(#index).product main > article {
	padding:0;
}

body:not(#index).product main > article #breadcrumb > ul {
	padding:5px 0 5px;
}

main > article > div.product_inner {
	width:100%;
	background-color:#f4f4f4;
	padding:40px 0 60px;
}

body.product .recommend_item {
	width:980px;
	margin:0 auto 40px;
	padding:20px 0 0;
}

body.product .recommend_item h2 {
	font-size:26px;
	line-height:1.6em;
	margin:0 0 20px;
}

body.product .recommend_item ul {
	padding:0;
	margin:0 -12px;
}


.sec_product_list {
	width:980px;
	margin:0 auto 35px;
	text-align:left;
	clear:both;
}

.sec_product_list h2 {
	font-size:26px;
	line-height:1.6em;
	font-weight:bold;
	margin:0 0 5px;
}

.sec_product_list p.txt_feature {
	margin:0 0 12px;
}

.sec_product_list > ul {
	list-style:none;
	background:url(../image/bg_sec_title02.gif) no-repeat;
	padding:25px 0 0;
}

.sec_product_list > ul > li {
	width:207px;
	padding:10px;
	float:left;
	background-color:#FFFFFF;
    border-radius: 6px;  
    -webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	margin:0 24px 24px 0;
}

.sec_product_list > ul > li:nth-child(4n) {
	margin:0 0 24px 0;
}

.sec_product_list > ul > li > a {
	color:#000000;
	text-decoration:none;
}

.sec_product_list h3 {
	font-size:14px;
	line-height:1.4em;
	padding:5px 5px 8px;
}

.sec_product_list dl {
	font-size:11px;
	line-height:1.6em;
	margin:0 5px 10px;
}

.sec_product_list dl dt {
	width:6em;
	clear:both;
	float:left;
}

.sec_product_list dl dd {
	padding:0 0 0 6em;
}

.sec_product_list p.download {
	font-size:13px;
	font-weight:bold;
	line-height:1.6em;
	border:1px #CCCCCC;
	border-style:solid none none;
	margin:0 5px 0;
	padding:10px 0 5px;
}


@media screen and (max-width: 767px){
	
	body:not(#index).product main > article {
		padding:0;
	}
	
	body:not(#index).product main > article #breadcrumb > ul {
		padding:5px 10px 20px;
	}
	
	main > article > div.product_inner {
		width:auto;
		background-color:#f4f4f4;
		padding:20px 20px 20px;
	}
	
	.sec_product_list {
		width:auto;
		margin:0 auto 35px;
		text-align:left;
		clear:both;
	}
	
	body.product .recommend_item {
		width:auto;
		margin:0 30px 20px;
		padding:0px 0 0;
	}
	
	body.product .recommend_item h2 {
		font-size:18px;
		line-height:1.6em;
		margin:0 0 20px;
	}
	
	.sec_product_list h2 {
		font-size:18px;
		line-height:1.6em;
		font-weight:bold;
		margin:0 0 5px;
	}
	
	.sec_product_list p.txt_feature {
		margin:0 0 12px;
	}
	
	.sec_product_list > ul {
		list-style:none;
		background:url(../image/bg_sec_title02.gif) no-repeat;
		padding:25px 0 0;
	}
	
	.sec_product_list > ul > li {
		width:auto;
		width:100%;
		box-sizing:border-box;
		padding:10px;
		float:left;
		background-color:#FFFFFF;
		border-radius: 6px;  
		-webkit-border-radius: 6px;  
		-moz-border-radius: 6px;
		margin:0 0 20px 0;
		text-align:center;
	}
	
	.sec_product_list > ul > li:nth-child(4n) {
		margin:0 0 20px 0;
	}
	
	.sec_product_list > ul > li > a {
		color:#000000;
		text-decoration:none;
	}
	
	.sec_product_list h3 {
		font-size:16px;
		line-height:1.4em;
		padding:5px 5px 8px;
		text-align:left;
		text-decoration:underline;
	}
	
	.sec_product_list dl {
		font-size:13px;
		line-height:1.6em;
		margin:0 5px 10px;
		text-align:left;
	}
	
	.sec_product_list dl dt {
		width:6em;
		clear:both;
		float:left;
	}
	
	.sec_product_list dl dd {
		padding:0 0 0 6em;
	}
	
	.sec_product_list p.download {
		font-size:13px;
		font-weight:bold;
		line-height:1.6em;
		border:1px #CCCCCC;
		border-style:solid none none;
		margin:0 5px 0;
		padding:10px 0 5px;
		text-align:left;
	}
	
}


/* product --> detail
-------------------------------------------------- */

div.product_inner .ttl_area {
	width:980px;
	margin:0 auto 30px;
	text-align:left;
	position:relative;
}

div.product_inner .ttl_area h2 {
	width:500px;
	font-size:28px;
	line-height:1.6em;
}

div.product_inner .ttl_area table {
	position:absolute;
	right:0;
	top:0;
	width:auto;
}

div.product_inner .ttl_area table th,
div.product_inner .ttl_area table td {
	border:1px #CCCCCC solid;
	text-align:center;
	padding:5px 5px;
	font-size:13px;
	line-height:1em;
}

div.product_inner .ttl_area table th {
	border:1px #CCCCCC solid;
	padding:8px 5px;
}

div.product_inner .ttl_area table td {
	background-color:#FFFFFF;
}

div.product_inner .ttl_area table td span {
	display:block;
	color:#FFFFFF;
	background-color:#999999;
	min-width:3em;
	padding:2px 5px;
    border-radius: 4px;  
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}

div.product_inner .ttl_area table td span.true {
	background-color:#37a067 !important;
}

.product_banner {
	width:980px;
	margin:0 auto 57px;
	background-color:transparent;
}

.product_banner a:hover {
	cursor:default;
}

.product_banner a:hover img {
	opacity:1.0;
}

.product_banner_text {
	text-align:left;
	padding:20px 0 0;
	font-size:15px;
	line-height:1.67em;
}

.btn_dl_drawing {
	width:980px;
	margin:-10px auto 50px;
}

.btn_dl_drawing a {
	display:block;
	font-size:17px;
	font-weight:bold;
	color:#f39800;
	background-color:#FFFFFF;
	text-decoration:none;
	padding:15px;
}
	
.btn_dl_drawing a:hover {
	color:#FFFFFF;
	background-color:#f39800;
	text-decoration:none;
}

@media screen and (max-width: 767px){
	
	div.product_inner .ttl_area {
		width:auto;
		margin:0 auto 20px;
		text-align:left;
		position:relative;
	}
	
	div.product_inner .ttl_area h2 {
		width:auto;
		font-size:18px;
		line-height:1.6em;
		margin:0 0 16px;
	}
	
	div.product_inner .ttl_area table {
		position:inherit;
		width:auto;
	}
	
	div.product_inner .ttl_area table th,
	div.product_inner .ttl_area table td {
		border:1px #CCCCCC solid;
		text-align:center;
		padding:5px 5px;
		font-size:10px;
		line-height:1em;
	}
	
	div.product_inner .ttl_area table th {
		border:1px #CCCCCC solid;
		padding:8px 5px;
	}
	
	div.product_inner .ttl_area table td {
		background-color:#FFFFFF;
	}
	
	div.product_inner .ttl_area table td span {
		display:block;
		color:#FFFFFF;
		background-color:#999999;
		min-width:3em;
		padding:2px 5px;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
	}
	
	div.product_inner .ttl_area table td span.true {
		background-color:#37a067 !important;
	}
	
	.product_banner {
		width:auto;
		margin:0 auto 10px;
		background-color:#FFF;
	}

	.product_banner a:hover {
		cursor:pointer;
	}
	
	div.product_banner:last-of-type {
		margin:0 auto 30px;
	}
	.product_banner img {
		width:100%;
		height:auto;
	}
	
	.btn_dl_drawing {
		width:980px;
		margin:-10px auto 50px;
	}
	
	.btn_dl_drawing a {
		display:block;
		font-size:17px;
		font-weight:bold;
		color:#f39800;
		background-color:#FFFFFF;
		text-decoration:none;
		padding:15px;
	}
		
	.btn_dl_drawing a:hover {
		color:#FFFFFF;
		background-color:#f39800;
		text-decoration:none;
	}
	
}


/* event --> index
-------------------------------------------------- */

.sec_event_lead {
	width:980px;
	margin:0 auto;
	text-align:left;
	clear:both;
	text-align:center;
	background:url(../image/pct_mascot2.png) no-repeat left top, url(../image/pct_mascot1.png) no-repeat right top;
	padding:0 0 60px;
}

.sec_event_lead h2 {
	font-size:32px;
	font-weight:normal;
	line-height:1.6em;
	padding:0px 0 40px;
}

.sec_event_base {
	width:980px;
	margin:0 auto;
	clear:both;
	padding:60px 0 50px;
}

.sec_event_base  h2 {
	font-size:30px;
	font-weight:normal;
	line-height:1.6me;
	text-align:center;
	margin:0 0 50px;
}

.sec_event_wide {
	width:auto;
	background-color:#f4f4f4;
	clear:both;
}

.sec_event_wide > .inner {
	width:980px;
	margin:0 auto;
	text-align:left;
	padding:50px 0 50px;
}

.sec_event_wide > .inner h2 {
	font-size:30px;
	font-weight:normal;
	line-height:1.6em;
	text-align:center;
	margin:0 0 50px;
}

.sec_event_contact {
	background:url(../image/bg_contact.jpg) no-repeat center center;
	background-size:cover;
	padding:20px 0;
}

.sec_event_contact > .inner h2 {
	color:#FFFFFF;
}

.lst_event_scene {
	list-style:none;
}

.lst_event_scene li {
	width:220px;
	float:left;
	margin:0 33px 0 0;
	text-align:center;
	font-size:20px;
	line-height:1.6em;
}

.lst_event_scene li:nth-child(4n) {
	margin:0 0 0 0;
}

.lst_event_scene li figcaption {
	padding:13px 0 0;
}

.lst_event_product {
	list-style:none;
}

.lst_event_product li {
	width:180px;
	float:left;
	margin:0 20px 0 0;
	text-align:center;
	font-size:20px;
	line-height:1.6em;
}

.lst_event_product li a {
	text-decoration:none;
	color:#000000;
}

.lst_event_product li a:hover {
	color:#f39800;
}

.lst_event_product li:nth-child(5n) {
	margin:0 0 0 0;
}

.lst_event_product li figcaption {
	border:2px #f39800;
	border-top-style:solid;
	padding:13px 0 0;
}

.txt_solution {
	padding:0 0 36px;
	color:#FFFFFF;
	background:url(../image/bg_solution_bottom.gif) no-repeat center bottom;
	background-color:#ffffff;
}

.txt_solution .inner {
	width:auto;
	background:url(../image/bg_solution_top.gif) no-repeat center top;
	background-color:#f39800;
	padding:66px 0 60px;
	margin:0;
}

.txt_solution .inner h2 {
	font-weight:bold;
	margin:0;
}

.event_example h2 {
	font-weight:bold;
	margin:0 0 60px;
}

.sec_event_example {
	text-align:left;
	width:auto;
	height:auto;
	min-height:294px;
	margin:0 0 45px;
	position:relative;
}

.sec_event_example h3 {
	font-size:25px;
	line-height:1.6em;
	margin:0 500px 20px 0;
}

.sec_event_example figure {
	position:absolute;
	right:0;
	top:0;
}

.sec_event_example p {
	margin:0 500px 10px 0;
}

.sec_event_results {
	background:url(../image/bg_results.gif) no-repeat;
}

.sec_event_results ul {
	list-style:none;
	text-align:left;
	margin:0 0 20px;
}

.sec_event_results ul li {
	width:180px;
	float:left;
	margin:0 20px 0 0;
}

.sec_event_results ul li:nth-child(5n) {
	margin:0 0 0 0;
}

.user_voice {
	background:url(../image/bg_voice.jpg) no-repeat right top;
	background-size:cover;
}

.user_voice h2 {
	color:#FFF;
}

.user_voice section {
	width:auto;
	min-height:126px;
	margin:0 0 30px;
	padding:32px 32px;
	background-color:#FFFFFF;
	position:relative;
}

.user_voice section figure {
	width:126px;
	height:126px;
	position:absolute;
	left:32px;
	top:32px;
}

.user_voice section h3 {
	margin:0 0 15px 160px;
	padding:0 0 7px 0;
	font-size:25px;
	font-weight:normal;
	line-height:1.6em;
	background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
}

.user_voice section p {
	margin:10px 0 0 160px;
}

.event_flow {
	text-align:left;
	list-style:none;
}

.event_flow li {
	width:220px;
	float:left;
	padding:0 33px 0 0;
	background:url(../image/icon_right.gif) no-repeat right 10px top 75px;
}

.event_flow li:nth-child(4) {
	padding:0 0 0 0;
}

.event_flow li .btn_common01 a {
	box-sizing:border-box;
	width:100%;
	padding:5px 10px;
	margin:0;
}

.event_flow li dl {
	text-align:center;
	padding:20px 0 0;
}

.event_flow li dl dt {
	font-size:13px;
	font-weight:bold;
	line-height:1.6em;
	color:#f39800;
}

.event_flow li dl dd {
	font-size:14px;
	font-weight:normal;
	line-height:1.6em;
	text-align:left;
	padding:15px 0 20px;
}

.event_flow li dl dd.stepname {
	font-size:20px;
	font-weight:bold;
	line-height:1.6em;
	text-align:center;
	border:1px #CCCCCC;
	border-bottom-style:solid;
	padding:0 0 15px;
}




@media screen and (max-width: 767px){
	
	.sec_event_lead {
		width:auto;
		margin:0 10px;
		text-align:left;
		clear:both;
		text-align:center;
		background:url(../image/pct_mascot2.png) no-repeat left 60px top, url(../image/pct_mascot1.png) no-repeat right 60px top;
		background-size:82px auto, 87px auto;
		padding:0 0 30px;
	}
	
	.sec_event_lead h2 {
		font-size:16px;
		font-weight:normal;
		line-height:1.6em;
		padding:85px 0 20px;
	}

	.sec_event_lead p {
		text-align:left;
		padding:0 10px;
	}
	
	.sec_event_base {
		width:auto;
		margin:0 auto;
		clear:both;
		padding:30px 20px 20px;
	}
	
	.sec_event_base  h2 {
		font-size:18px;
		font-weight:normal;
		line-height:1.6em;
		text-align:center;
		margin:0 0 20px;
	}
	
	.sec_event_wide {
		width:auto;
		background-color:#f4f4f4;
		clear:both;
	}
	
	.sec_event_wide > .inner {
		width:auto;
		margin:0 auto;
		text-align:left;
		padding:20px 20px 20px;
	}
	
	.sec_event_wide > .inner h2 {
		font-size:18px;
		font-weight:normal;
		line-height:1.6em;
		text-align:center;
		margin:0 0 20px;
	}
	
	.sec_event_contact {
		background:url(../image/bg_contact.jpg) no-repeat center center;
		background-size:cover;
		padding:10px 0;
	}
	
	.lst_event_scene {
		list-style:none;
		margin:0 -10px;
	}
	
	.lst_event_scene li {
		box-sizing:border-box;
		width:50%;
		float:left;
		margin:0 0 20px;
		padding:0 10px;
		text-align:center;
		font-size:20px;
		line-height:1.6em;
	}
	
	.lst_event_scene li:nth-child(4n) {
		margin:0 0 20px;
	}

	.lst_event_scene li figure img {
		width:100%;
		height:auto;
	}
	
	.lst_event_scene li figcaption {
		padding:5px 0 0;
		font-size:14px;
		line-height:1.6em;
	}
	
	.lst_event_product {
		list-style:none;
		margin:0 -10px;
	}
	
	.lst_event_product li {
		box-sizing:border-box;
		width:50%;
		float:left;
		margin:0 0 0 0;
		padding:0 10px;
		text-align:center;
		font-size:20px;
		line-height:1.6em;
	}
	
	.lst_event_product li:nth-child(5n) {
		margin:0 0 0 0;
	}
	
	.lst_event_product li figure img {
		width:100%;
		height:auto;
	}
	
	.lst_event_product li figcaption {
		border:1px #f39800;
		border-top-style:solid;
		padding:5px 0 0;
		font-size:16px;
		line-height:1.6em;
	}

	.txt_problem {
		margin:0 -10px;
	}
	.txt_problem img {
		width:100%;
		height:auto;
	}
	
	.txt_solution {
		padding:0 0 18px;
		color:#FFFFFF;
		background:url(../image/bg_solution_bottom.gif) no-repeat center bottom;
		background-size:36px auto;
		background-color:#ffffff;
	}
	
	.txt_solution .inner {
		width:auto;
		background:url(../image/bg_solution_top.gif) no-repeat center top;
		background-size:36px auto;
		background-color:#f39800;
		padding:35px 0 30px;
		margin:0;
	}
	
	.txt_solution .inner h2 {
		margin:0;
		font-size:16px;
	}
	
	.event_example h2 {
		font-weight:bold;
		margin:0 0 20px;
	}
	
	.sec_event_example {
		text-align:left;
		width:auto;
		height:auto;
		min-height:inherit;
		margin:0 0 30px;
		position:relative;
	}
	
	.sec_event_example h3 {
		font-size:16px;
		line-height:1.6em;
		margin:0 0 10px 0;
	}
	
	.sec_event_example figure {
		position:inherit;
		right:0;
		top:0;
		margin:0 0 10px;
	}
	
	.sec_event_example figure img {
		width:100%;
		height:auto;
	}
	
	.sec_event_example p {
		margin:0 0 10px 0;
	}
	
	.sec_event_results {
		background:url(../image/bg_results.gif) no-repeat;
	}
	
	.sec_event_results ul {
		list-style:none;
		text-align:left;
		margin:0 -10px;
	}
	
	.sec_event_results ul li {
		box-sizing:border-box;
		width:50%;
		float:left;
		margin:0 0 20px;
		padding:0 10px;
	}
	
	.sec_event_results ul li:nth-child(5n) {
		margin:0 0 20px;
	}
	
	.sec_event_results ul li img {
		width:100%;
		height:auto;
	}
	
	.user_voice section {
		width:auto;
		min-height:inherit;
		height:auto;
		margin:0 0 15px;
		padding:15px 15px;
		background-color:#FFFFFF;
		position:relative;
	}
	
	.user_voice section figure {
		width:126px;
		height:126px;
		position:inherit;
		left:32px;
		top:32px;
		display:none;
	}
	
	.user_voice section h3 {
		margin:0 0 15px 0;
		padding:0 0 7px 0;
		font-size:16px;
		font-weight:normal;
		line-height:1.6em;
		background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
	}
	
	.user_voice section p {
		margin:10px 0 0 0;
	}
	
	.event_flow {
		text-align:left;
		list-style:none;
	}
	
	.event_flow li {
		width:auto;
		float:none;
		padding:0 0 20px 0;
		background:url(../image/icon_down.gif) no-repeat center bottom 20px;
		text-align:center;
	}
	
	.event_flow li:nth-child(4) {
		padding:0 0 20px 0;
		background:none;
	}
	
	.event_flow li .btn_common01 a {
		box-sizing:border-box;
		width:100%;
		padding:5px 10px;
		margin:0;
	}
	
	.event_flow li dl {
		text-align:center;
		padding:10px 0 0;
	}
	
	.event_flow li dl dt {
		font-size:14px;
		font-weight:bold;
		line-height:1.6em;
		color:#f39800;
	}
	
	.event_flow li dl dd {
		font-size:16px;
		font-weight:normal;
		line-height:1.6em;
		text-align:left;
		padding:10px 0 10px;
	}
	
	.event_flow li dl dd.stepname {
		font-size:16px;
		font-weight:bold;
		line-height:1.6em;
		text-align:center;
		border:1px #CCCCCC;
		border-bottom-style:solid;
		padding:0 0 10px;
	}
		
}


/* event --> results
-------------------------------------------------- */

.results_gallery {
	list-style:none;
	margin:0 0 30px;
}

.results_gallery li {
	width:230px;
	height:160px;
	overflow:hidden;
	float:left;
	margin:0 20px 20px 0;
	position:relative;
	background-color:#eee;
}

.results_gallery li img {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.results_gallery li:nth-child(4n) {
	margin:0 0 20px 0;
}


@media screen and (max-width: 767px){
	
	.results_gallery {
		list-style:none;
		margin:20px -5px 70px;
	}
	
	.results_gallery li {
		box-sizing:border-box;
		width:50%;
		height:auto;
		float:left;
		margin:0;
		padding:0 5px 10px;
		background-color:transparent;
	}

	.results_gallery li:nth-child(2n-1) {
		clear:both;
		float:left;
	}
	
	.results_gallery li img {
		width:100%;
		height:auto;
		position:inherit;
	}
	
	.results_gallery li:nth-child(2n) {
		margin:0;
	}
	
}


/* recruit --> index
-------------------------------------------------- */

.sec_recruit_msg {
	width:780px;
	margin:0 auto 60px;
	text-align:left;
}

.sec_recruit_list {
	width:auto;
	background-color:#f4f4f4;
	padding:50px 0 50px;
	margin:0 0 -50px;
}

.sec_recruit_list ul {
	width:980px;
	margin:0 auto;
	text-align:left;
	list-style:none;
}

.sec_recruit_list ul li {
	width:auto;
	padding:0 0 40px;
}

.sec_recruit_list ul li a {
	display:block;
	color:#000;
	background-color:#FFFFFF;
	text-decoration:none;
	padding:27px 32px 32px;
	position:relative;
	min-height:185px;
	border:3px #FFFFFF solid;
    border-radius: 4px;  
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}

.sec_recruit_list ul li a:hover {
	border-color:#f39800;
}

.sec_recruit_list ul li a div {
	position:absolute;
	right:35px;
	top:35px;
}

.sec_recruit_list ul li a h3 {
	margin:0 330px 20px 0;
	padding:0 0 10px;
	background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
	font-size:25px;
	font-weight:normal;
	line-height:1.6em;
}

.sec_recruit_list ul li a h3 i {
	display:none;
}

.sec_recruit_list ul li a p {
	margin:0 330px 0 0;
}

.sec_recruit_info {
	width:auto;
	margin:0 0 30px;
}

.sec_recruit_info h2 {
	font-size:25px;
	font-weight:normal;
	line-height:1.6em;
	margin:0 0 10px;
}

.banner_staffblog {
	width:980px;
	margin:0 auto;
}

.banner_staffblog > a.inner {
	position:relative;
	display:block;
}

.banner_staffblog > a.inner > span {
	display:block;
	width:28px;
	height:28px;
	position:absolute;
	right:40px;
	top:0;
	bottom:0;
	margin:auto;
	background-color:#FFFFFF;
	border-radius:14px;
	font-size:20px;
}

.banner_staffblog > a.inner > span i {
	display:inline-block;
	padding:0 0 0 1px;
}

.banner_staffblog > a.inner > p {
	position:absolute;
	height:6.5em;
	left:50px;
	right:50px;
	top:0;
	bottom:0;
	margin:auto;
	color:#FFF;
	font-size:16px;
}

.banner_staffblog > a.inner > p > span:nth-child(1) {
	font-size:32px;
	font-weight:bold;
	display:block;
	line-height:1.6em;
}


@media screen and (max-width: 767px){
	
	.sec_recruit_msg {
		width:auto;
		margin:0 20px 30px;
		text-align:left;
	}
	
	.sec_recruit_list {
		width:auto;
		background-color:#f4f4f4;
		padding:25px 20px 50px;
		margin:0 0 -50px;
	}
	
	.sec_recruit_list ul {
		width:auto;
		margin:0;
		text-align:left;
		list-style:none;
	}
	
	.sec_recruit_list ul li {
		width:auto;
		padding:0 0 15px;
	}
	
	.sec_recruit_list ul li a {
		display:block;
		color:#000;
		background-color:#FFFFFF;
		text-decoration:none;
		padding:7px 12px 12px;
		position:relative;
		min-height:inherit;
		height:auto;
		border:3px #FFFFFF solid;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
	}
	
	.sec_recruit_list ul li a:hover {
		border-color:#f39800;
	}
	
	.sec_recruit_list ul li a div {
		position:inherit;
		text-align:center;
		width:100%;
		right:auto;
		top:auto;
	}
	.sec_recruit_list ul li a div img {
		width:260px;
		height:auto;
		text-align:center;
	}
	
	.sec_recruit_list ul li a h3 {
		margin:0 0 10px 0;
		padding:0 0 5px;
		background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
		font-size:18px;
		font-weight:bold;
		line-height:1.6em;
	}
	
	.sec_recruit_list ul li a h3 i {
		display:inline;
		float:right;
		color:#f39800;
	}
	
	.sec_recruit_list ul li a p {
		margin:0 0 10px 0;
	}
	
	.sec_recruit_info {
		width:auto;
		margin:0 0 30px;
	}
	
	.sec_recruit_info h2 {
		font-size:18px;
		font-weight:normal;
		line-height:1.6em;
		margin:0 0 10px;
	}
	
	.banner_staffblog {
		width:auto;
		margin:0 auto;
	}
	
	.banner_staffblog > a.inner {
		position:relative;
		display:block;
	}

	.banner_staffblog > a.inner img {
		width:100%;
		height:auto;
	}
	
	.banner_staffblog > a.inner > span {
		display:block;
		width:22px;
		height:22px;
		position:absolute;
		right:10px;
		top:0;
		bottom:0;
		margin:auto;
		background-color:#FFFFFF;
		border-radius:11px;
		font-size:14px;
	}
	
	.banner_staffblog > a.inner > span i {
		display:inline-block;
		padding:0 0 0 1px;
	}
	
	.banner_staffblog > a.inner > p {
		position:absolute;
		height:2em;
		left:50px;
		right:50px;
		top:0;
		bottom:0;
		margin:auto;
		color:#FFF;
		font-size:12px;
	}
	
	.banner_staffblog > a.inner > p > span:nth-child(1) {
		font-size:14px;
		font-weight:bold;
		display:block;
		line-height:1.6em;
	}

	.banner_staffblog > a.inner > p > span:nth-child(2) {
		display:none;
	}
	
}


/* recruit --> detail
-------------------------------------------------- */

.pct_recruit_main {
	text-align:center;
	margin:20px 0 60px;	
}

.sec_recruit_outline {
	width:auto;
	margin:0 0 60px;
}

.sec_recruit_outline h2 {
	padding:0 0 10px;
	margin:0 0 20px;
	background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
	font-size:25px;
	font-weight:normal;
	line-height:1.6em;
}


@media screen and (max-width: 767px){
	
	.pct_recruit_main {
		text-align:center;
		margin:0 0 20px;	
	}

	.pct_recruit_main img {
		width:280px;
		height:auto;
	}
	
	.sec_recruit_outline {
		width:auto;
		margin:0 0 20px;
	}
	
	.sec_recruit_outline h2 {
		padding:0 0 5px;
		margin:0 0 10px;
		background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
		font-size:18px;
		font-weight:normal;
		line-height:1.6em;
	}
	
}





/* news --> archive
-------------------------------------------------- */

.news_list {
	margin:20px 0 40px;
	padding:0;
	list-style:none;
	background:url(../image/bg_sec_title01.gif) no-repeat left top;
	line-height:1.6em;
}

.news_list a {
	display:block;
	color:#000000;
	text-decoration:none;
	background:url(../image/bg_sec_title01.gif) no-repeat left bottom;
}

.news_list a:hover {
	color:#f39800;
	text-decoration:none;
}

.news_list dl {
	position:relative;
}

.news_list dl dt {
	width:7em;
	clear:both;
	float:left;
	text-align:center;
	padding:20px 0 18px;
}

.news_list dl dd {
	margin:0 0 0 9em;
	padding:20px 0 18px;
}

.news_list dl dd.category {
	position:absolute;
	margin:0;
	padding:0;
	right:0;
	top:19px;
	font-size:13px;
	color:#FFFFFF;
	background-color:#999999;
	text-align:center;
	width:8em;
    border-radius: 4px;  
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}

.news_list dl dd.ctg_news	 {background-color:#2cb3a9;}
.news_list dl dd.ctg_recruit {background-color:#39F;}
.news_list dl dd.ctg_product {background-color:#F90;}

.paging {
	list-style:none;
	text-align:center;
	color:#999999;
	margin:0 0 20px;
	line-height:1.2em;
}

.paging a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:10px 15px;
}

.paging a:hover {
	color:#000;
	text-decoration:none;
	background-color:#eeeeee;
}

.paging .num {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
}

.paging span {
	display:block;
	padding:10px 15px;
}

.paging li {
	display:inline-block;
	margin:0 4px;
	border:1px #CCCCCC solid;
	vertical-align:top;
}

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

	.news_list {
		margin:0 0 20px;
		padding:0;
		list-style:none;
		background:url(../image/bg_sec_title01.gif) no-repeat left top;
		line-height:1.6em;
	}
	
	.news_list a {
		display:block;
		color:#000000;
		text-decoration:none;
		background:none;
		border:1px #CCCCCC;
		border-bottom-style:solid;
	}
	.news_list a:hover {
		color:#000000;
		text-decoration:none;
	}
	
	.news_list dl {
		position:relative;
	}
	
	.news_list dl dt {
		width:7em;
		clear:both;
		float:none;
		text-align:left;
		padding:10px 0 5px;
		color:#eb7400;
	}
	
	.news_list dl dd {
		margin:0 0 0 0;
		padding:0 0 8px;
	}
	
	.news_list dl dd.category {
		position:absolute;
		margin:0;
		padding:2px 0;
		right:0;
		left:inherit;
		top:12px;
		font-size:11px;
		line-height:1.1em;
		color:#FFFFFF;
		text-align:center;
		width:6em;
		border-radius: 2px;  
		-webkit-border-radius: 2px;  
		-moz-border-radius: 2px;
	}
	
	.news_list dl dd.ctg_news	 {background-color:#2cb3a9;}
	.news_list dl dd.ctg_recruit {background-color:#39F;}
	.news_list dl dd.ctg_product {background-color:#F90;}
		
	.paging {
		list-style:none;
		text-align:center;
		color:#999999;
		margin:0 0 20px;
		line-height:1.2em;
	}
	
	.paging a {
		color:#000;
		text-decoration:none;
		display:block;
		padding:10px 15px;
	}
	
	.paging a:hover {
		color:#000;
		text-decoration:none;
		background-color:#eeeeee;
	}
	
	.paging .num {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:20px;
	}
	
	.paging span {
		display:block;
		padding:10px 15px;
	}
	
	.paging li {
		display:inline-block;
		margin:0 4px;
		border:1px #CCCCCC solid;
		vertical-align:top;
	}
	
}

/* news --> detail
-------------------------------------------------- */

.sec_news_detail {
	margin:70px auto 30px !important;
	padding:20px 0 0;
	background:url(../image/bg_sec_title02.gif) no-repeat left top;
	position:relative;
}

.sec_news_detail .news_date {
	font-size:13px;
	margin:0 0 10px;
}

.sec_news_detail .category {
	position:absolute;
	right:0;
	top:62px;
	font-size:13px;
	color:#FFFFFF;
	background-color:#999999;
	text-align:center;
	width:8em;
    border-radius: 4px;  
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}

.sec_news_detail .ctg_news	 {background-color:#2cb3a9;}
.sec_news_detail .ctg_recruit {background-color:#39F;}
.sec_news_detail .ctg_product {background-color:#F90;}

.sec_news_detail h2.news_title {
	font-size:25px;
	font-weight:normal;
	line-height:1.6em;
	margin:0 140px 40px 0;
}

.sec_news_detail div.news_body {
	clear:both;
	margin:0 0 20px;
}

.sec_news_detail div.news_body p {
	margin:0 0 30px;
}

.sec_news_detail div.news_photo {
	clear:both;
	margin:0 0 30px;
}

.sec_news_detail div.news_photo figure {
	width:308px;
	height:205px;
	margin:0 28px 28px 0;
	float:left;
	overflow:hidden;
    border-radius: 4px;  
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}

.sec_news_detail div.news_photo figure:nth-child(3n) {
	margin:0 0 28px 0;
}

.sec_news_detail .btn_archive {
	clear:both;
	text-align:center;
}

.sec_news_detail .btn_archive a {
	padding:12px 60px 12px;
	color:#000000;
	text-decoration:none;
	line-height:1.0em;
	border:2px #e4e4e4 solid;
    border-radius: 22px;  
    -webkit-border-radius: 22px;  
    -moz-border-radius: 22px;
}

.sec_news_detail .btn_archive a:hover {
	background-color:#e4e4e4;
}


@media screen and (max-width: 767px){
	
	.news #return_index {
		display:none;
	}
	
	.sec_news_detail {
		margin:0 15px 10px !important;
		padding:20px 0 0;
		background:url(../image/bg_sec_title02.gif) no-repeat left top;
		position:relative;
	}
	
	.sec_news_detail .news_date {
		font-size:13px;
		margin:0 0 10px;
	}
	
	.sec_news_detail .category {
		position:absolute;
		right:0;
		top:20px;
		font-size:12px;
		color:#FFFFFF;
		background-color:#999999;
		text-align:center;
		width:8em;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
	}
	
	.sec_news_detail .ctg_news	 {background-color:#2cb3a9;}
	.sec_news_detail .ctg_recruit {background-color:#39F;}
	.sec_news_detail .ctg_product {background-color:#F90;}
	
	.sec_news_detail h2.news_title {
		font-size:16px;
		font-weight:normal;
		line-height:1.6em;
		margin:0 0 20px 0;
	}
	
	.sec_news_detail div.news_body {
		clear:both;
		margin:0 0 20px;
	}
	
	.sec_news_detail div.news_body p {
		margin:0 0 20px;
	}
	
	.sec_news_detail div.news_photo {
		clear:both;
		margin:0 0 30px;
	}
	
	.sec_news_detail div.news_photo figure {
		width:308px;
		height:205px;
		margin:0 28px 28px 0;
		float:left;
		overflow:hidden;
		border-radius: 4px;  
		-webkit-border-radius: 4px;  
		-moz-border-radius: 4px;
	}
	
	.sec_news_detail div.news_photo figure:nth-child(3n) {
		margin:0 0 28px 0;
	}
	
	.sec_news_detail .btn_archive {
		clear:both;
		text-align:center;
	}
	
	.sec_news_detail .btn_archive a {
		padding:12px 60px 12px;
		color:#000000;
		text-decoration:none;
		line-height:1.0em;
		border:2px #e4e4e4 solid;
		border-radius: 22px;  
		-webkit-border-radius: 22px;  
		-moz-border-radius: 22px;
	}
	
	.sec_news_detail .btn_archive a:hover {
		background-color:#e4e4e4;
	}
	
}


/* CMS --> textarea内
-------------------------------------------------- */

.cms_textarea p {
	margin:0 0 20px;
}

.cms_textarea ul {
	margin:0 0 20px 23px;
}


@media screen and (max-width: 767px){
	
	.cms_textarea p {
		margin:0 0 10px;
	}
	
	.cms_textarea ul {
		margin:0 0 10px 23px;
	}
	
}

/* contact --> faq
-------------------------------------------------- */

.sec_faq {
	width:auto;
	margin:30px 0 60px;
}

.sec_faq h2 {
	margin:0 0 0 0;
	padding:0 0 10px;
	background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
	font-size:25px;
	font-weight:normal;
	line-height:1.6em;
}

.sec_faq dl {
	border:1px #CCCCCC;
	border-bottom-style:solid;
}

.sec_faq dl dt {
	padding:15px 20px 13px 60px;
}
.sec_faq dl dt:hover {
	cursor:pointer;
}

.sec_faq dl dd {
	border:1px #CCCCCC;
	border-top-style:solid;
	background-color:#fefbf4;
	padding:25px 20px 23px 60px;
	display:none;
}

.sec_faq dl dt,
.sec_faq dl dd {
	position:relative;
}

.sec_faq dl dt > span {
	position:absolute;
	left:20px;
	top:10px;
	font-size:24px;
}

.sec_faq dl dd > span {
	position:absolute;
	left:20px;
	top:25px;
	font-size:24px;
	color:#f39800;
}

.txt_faq_desc {
	padding:15px 0 20px 0;
	border:1px #CCCCCC;
	border-bottom-style:solid;
}

@media screen and (max-width: 767px){
	.banner .pc11{display: none}
	.banner .sj11{display: block;}

	.sec_faq {
		width:auto;
		margin:0px 0 30px;
	}
	
	.sec_faq h2 {
		margin:0 0 0 0;
		padding:0 0 5px;
		background:url(../image/bg_sec_title02.gif) no-repeat left bottom;
		font-size:18px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	.sec_faq dl {
		border:1px #CCCCCC;
		border-bottom-style:solid;
	}
	
	.sec_faq dl dt {
		padding:10px 10px 10px 30px;
	}
	.sec_faq dl dt:hover {
		cursor:pointer;
	}
	
	.sec_faq dl dd {
		border:1px #CCCCCC;
		border-top-style:solid;
		background-color:#fefbf4;
		padding:10px 10px 20px 30px;
		display:none;
	}
	
	.sec_faq dl dt,
	.sec_faq dl dd {
		position:relative;
	}
	
	.sec_faq dl dt > span {
		position:absolute;
		left:5px;
		top:10px;
		font-size:20px;
	}
	
	.sec_faq dl dd > span {
		position:absolute;
		left:5px;
		top:10px;
		font-size:20px;
		color:#f39800;
	}
	
}


/* contact --> form
-------------------------------------------------- */

#form_step {
	width:980px;
	margin:0 auto;
	padding:70px 0 60px;
	list-style:none;
	text-align:center;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
}

#form_step li {
	display:inline-block;
	width:130px;
	margin:0 10px;
	padding:0 0 10px;
	text-align:center;
	border:2px #dbdbdb;
	border-style:none none solid;
}

#form_step li.active {
	color:#f39800;
	border-color:#f39800;
}

.tbl_form01 {
	width:100%;
	margin-bottom:40px;
}

.tbl_form01 caption {
	text-align:left;
	margin:0 0 15px;
}

.tbl_form01 th,
.tbl_form01 td {
	border:1px #CCCCCC;
	padding:15px 15px 13px 20px;
}

.tbl_form01 th {
	width:24%;
	border-style:solid solid solid none;
	background-color:#fefbf4;
}

.tbl_form01 td {
	border-style:solid none solid solid;
}

.smp_tmpl dl {
	border:1px #CCCCCC;
	border-style:none none solid none;
}


form input,
form select,
form textarea {
    border-radius: 2px;  
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;
}

form input[type="text"] {
	box-sizing:border-box;
	border:1px #cccccc solid;
	background:#f9f9f9;
	padding:10px;
}

form input[type="text"].box_wd01 { width:70px !important; }
form input[type="text"].box_wd02 { width:50% !important; }
form input[type="text"].box_wd03 { width:75% !important; }
form input[type="text"].box_wd04 { width:100% !important; }

form select {
	box-sizing:border-box;
	border:1px #cccccc solid;
	background:#f9f9f9;
	padding:10px;
}

form textarea {
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	box-sizing:border-box;
	border:1px #cccccc solid;
	background:#f9f9f9;
	padding:10px;
	width:100%;
	font-size:15px;
}

form label {
	display:inline-block;
	padding:0 25px 5px 0;
}

form .item_need {
	display:inline-block;
	color:#FFF !important;
	font-size:13px;
	font-weight:bold;
	line-height:1.4em;
	background-color:#f39800;
	padding:2px 4px;
	margin:-2px 0 0;
	float:right;
    border-radius: 2px;  
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;
}

form .notuse {
	display:none !important;
}

form .notuse {
	display:none !important;
}

form .ash_msg {
	color:#DD0000;
}

.btn_submit {
	clear:both;
	text-align:center;
	height:auto;
	padding:40px 0 80px;
}

.btn_submit a {
	padding:12px 60px 12px;
	color:#f39800;
	background-color:#FFF;
	font-weight:bold;
	text-decoration:none;
	border:2px #f39800 solid;
    border-radius: 22px;  
    -webkit-border-radius: 22px;  
    -moz-border-radius: 22px;
}

.btn_submit a:hover {
	color:#FFFFFF;
	background-color:#f39800;
	text-decoration:none;
}

.btn_submit input {
	display:inline-block;
	padding:12px 100px 12px;
	color:#f39800;
	background-color:#FFF;
	font-weight:bold;
	text-decoration:none;
	border:2px #f39800 solid;
    border-radius: 26px;  
    -webkit-border-radius: 26px;  
    -moz-border-radius: 26px;
	margin:0 10px;
}

.btn_submit input:hover {
	color:#FFFFFF;
	background-color:#f39800;
	text-decoration:none;
	cursor:pointer;
}

form label.error {
	display:inline-block;
	color:#F00;
	display:block;
	background:#FFE4E4;
	padding:3px 5px 2px 10px;
	margin:10px 0 0;
}

.ttl_enq {
	font-size:18px;
	font-weight:bold;
	padding:60px 0 20px;
	border:1px #CCCCCC;
	border-bottom-style:solid;
}

form span.msg {
	/*display:none !important;*/
}

#entry_form form span.msg {
	/*display:block !important;*/
}


@media screen and (max-width: 767px){
	
	#form_step {
		width:auto;
		margin:0 auto;
		padding:70px 0 60px;
		list-style:none;
		text-align:center;
		font-size:16px;
		font-style:italic;
		font-weight:bold;
	}
	
	#form_step li {
		display:inline-block;
		width:80px;
		margin:0 5px;
		padding:15px 0 5px;
		text-align:center;
		border:2px #dbdbdb;
		border-style:none none solid;
	}
	
	#form_step li.active {
		color:#f39800;
		border-color:#f39800;
	}
	
	.tbl_form01 {
		width:100%;
		margin-bottom:40px;
	}
	
	.tbl_form01 caption {
		text-align:left;
		margin:0 0 15px;
	}
	
	.tbl_form01 th,
	.tbl_form01 td {
		border:1px #CCCCCC;
		padding:15px 15px 13px 20px;
	}
	
	.tbl_form01 th {
		width:24%;
		border-style:solid solid solid none;
		background-color:#fefbf4;
	}
	
	.tbl_form01 td {
		border-style:solid none solid solid;
	}
	
	.smp_tmpl dl {
		border:1px #CCCCCC;
		border-style:none none solid none;
	}
	
	
	form input,
	form select,
	form textarea {
		border-radius: 2px;  
		-webkit-border-radius: 2px;  
		-moz-border-radius: 2px;
	}
	
	form input[type="text"] {
		box-sizing:border-box;
		border:1px #cccccc solid;
		background:#f9f9f9;
		padding:10px;
	}
	
	form input[type="text"].box_wd01 { width:70px !important; }
	form input[type="text"].box_wd02 { width:50% !important; }
	form input[type="text"].box_wd03 { width:75% !important; }
	form input[type="text"].box_wd04 { width:100% !important; }
	
	form select {
		box-sizing:border-box;
		border:1px #cccccc solid;
		background:#f9f9f9;
		padding:10px;
	}
	
	form textarea {
		font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		box-sizing:border-box;
		border:1px #cccccc solid;
		background:#f9f9f9;
		padding:10px;
		width:100%;
		font-size:15px;
	}
	
	form label {
		display:inline-block;
		padding:0 25px 5px 0;
	}
	
	form .item_need {
		display:inline-block;
		color:#FFF !important;
		font-size:13px;
		font-weight:bold;
		line-height:1.4em;
		background-color:#f39800;
		padding:2px 4px;
		margin:-2px 0 0 10px;
		float:none;
		border-radius: 2px;  
		-webkit-border-radius: 2px;  
		-moz-border-radius: 2px;
	}
	
	form .notuse {
		display:none;
	}
	
	.btn_submit {
		clear:both;
		text-align:center;
		height:auto;
		padding:20px 0 30px;
	}
	
	.btn_submit a {
		padding:12px 60px 12px;
		color:#f39800;
		background-color:#FFF;
		font-weight:bold;
		text-decoration:none;
		border:2px #f39800 solid;
		border-radius: 22px;  
		-webkit-border-radius: 22px;  
		-moz-border-radius: 22px;
	}
	
	.btn_submit a:hover {
		color:#FFFFFF;
		background-color:#f39800;
		text-decoration:none;
	}
	
	.btn_submit input {
		display:inline-block;
		padding:8px 40px 8px;
		color:#f39800;
		background-color:#FFF;
		font-weight:bold;
		text-decoration:none;
		border:2px #f39800 solid;
		border-radius: 26px;  
		-webkit-border-radius: 26px;  
		-moz-border-radius: 26px;
		margin:0 5px;
	}
	
	.btn_submit input:hover {
		color:#FFFFFF;
		background-color:#f39800;
		text-decoration:none;
		cursor:pointer;
	}
	
	form label.error {
		display:inline-block;
		color:#F00;
		display:block;
		background:#FFE4E4;
		padding:3px 5px 2px 10px;
		margin:10px 0 0;
	}
	
	.ttl_enq {
		font-size:18px;
		font-weight:bold;
		padding:60px 0 20px;
		border:1px #CCCCCC;
		border-bottom-style:solid;
	}
	
	form span.msg {
		/*display:none !important;*/
	}
	
	#entry_form form span.msg {
		/*display:block !important;*/
	}
	
}


/* Staff Blog
-------------------------------------------------- */

#blog_area {
	width:auto;
	background-color:#f4f4f4;
	padding:0 0 50px;
	margin:0 0 -50px;
}

#blog_area .inner {
	width:980px;
	margin:0 auto;
	text-align:left;
}

#blog_contents {
	width:696px;
	float:left;
}

#blog_widget {
	width:250px;
	float:right;
}

.sec_blog_top_contents {
	background-color:#FFFFFF;
	padding:30px 40px;
	margin:0 0 20px;
}

.sec_blog_contents {
	background-color:#FFFFFF;
}

.sec_blog_contents a {
	display:block;
	background-color:#FFFFFF;
	padding:30px 40px;
	margin:0 0 20px;
	text-decoration:none;
	color:#000000;
}

.sec_blog_contents a:hover {
	color:#000000;
	text-decoration:none;
	background-color:#FEFDE9;
}

.blog_entry_heading {
	border:3px #f49728;
	border-bottom-style:solid;
	padding:0;
	margin-bottom:15px;
}

.sec_blog_top_contents .blog_entry_heading {
	border:3px #f49728;
	border-bottom-style:solid;
	padding:0 0 15px;
	margin-bottom:30px;
}

.blog_entry_heading span {
	display:inline-block;
	color:#FFF;
	background-color:#000;
	font-size:12px;
	line-height:1em;
	padding:2px 20px;
	margin:0 0 10px;
}

.blog_entry_heading h2 {
	font-size:22px;
	line-height:1.6em;
	padding:0 0 10px;
}

.sec_blog_top_contents .blog_entry_heading h2 {
	font-size:30px;
	line-height:1.6em;
	padding:0 0 10px;
}

.blog_entry_body p {
	margin:0 0 20px;
}

.blog-csf-photo {
	padding:20px 0 0;
}

.blog-csf-photo img {
	width:100%;
	height:auto;
}

.widget-parts {
	background-color:#FFFFFF;
	margin:0 0 20px;
	padding:20px;
	font-size:14px;
	line-height:1.6em;
}

.widget-parts h2 {
	font-size:16px;
	line-height:1.6em;
	border:2px #cccccc;
	border-bottom-style:solid;
	padding:0 0 15px 2px;
}

.widget-parts li {
	list-style:none;
}

.widget-parts li a {
	color:#000000;
	text-decoration:none;
	display:block;
}

.widget-parts li a:hover {
	background-color:#f6f6f6;
}

.widget-recent-entry li {
	border:1px #cccccc;
	border-bottom-style:dashed;
}

.widget-recent-entry li dt {
	font-size:12px;
}

.widget-recent-entry li a {
	padding:10px 3px;
}

.widget-year-archive li {
	border:1px #cccccc;
	border-bottom-style:dashed;
}

.widget-year-archive a {
	padding:10px 10px;
}

.widget-kotei-menu li {
	margin:0 0 10px;
	list-style:none;
}

.widget-kotei-menu li a {
	display:block;
	background-color:#FFFFFF;
	padding:20px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.widget-kotei-menu li a i {
	float:right;
	display:inline-block;
	margin-right:-10px;
}

.ttl_archive {
	font-size:24px;
	font-weight:bold;
	margin:0 0 20px;
}


@media screen and (max-width: 767px){
	
	#blog_area {
		width:auto;
		background-color:#f4f4f4;
		padding:0 0 50px;
		margin:0 0 -50px;
	}
	
	#blog_area .inner {
		width:auto;
		margin:0 10px;
		text-align:left;
	}
	
	#blog_contents {
		width:100%;
		float:none;
	}
	
	#blog_widget {
		width:100%;
		float:none;
	}
	
	.sec_blog_top_contents {
		background-color:#FFFFFF;
		padding:15px;
		margin:0 0 20px;
	}
	
	.sec_blog_contents {
		background-color:#FFFFFF;
	}
	
	.sec_blog_contents a {
		display:block;
		background-color:#FFFFFF;
		padding:15px;
		margin:0 0 20px;
		text-decoration:none;
		color:#000000;
	}
	
	.sec_blog_contents a:hover {
		color:#000000;
		text-decoration:none;
		background-color:#FEFDE9;
	}
	
	.blog_entry_heading {
		border:3px #f49728;
		border-bottom-style:solid;
		padding:0 0 5px;
		margin-bottom:10px;
	}
	
	.sec_blog_top_contents .blog_entry_heading {
		border:3px #f49728;
		border-bottom-style:solid;
		padding:0 0 10px;
		margin-bottom:15px;
	}
	
	.blog_entry_heading span {
		display:inline-block;
		color:#FFF;
		background-color:#000;
		font-size:11px;
		line-height:1em;
		padding:2px 20px;
		margin:0 0 10px;
	}
	
	.blog_entry_heading h2 {
		font-size:15px;
		line-height:1.6em;
		padding:0 0 5px;
	}

	.sec_blog_top_contents .blog_entry_heading h2 {
		font-size:15px;
		line-height:1.6em;
		padding:0 0 5px;
	}

	.blog_entry_body p {
		margin:0 0 10px;
	}
	
	.blog_entry_body p img {
		width:100%;
		height:auto;
	}
	
	.blog-csf-photo {
		padding:10px 0 0;
	}
	
	.blog-csf-photo img {
		width:100%;
		height:auto;
	}
	
	.widget-parts {
		background-color:#FFFFFF;
		margin:0 0 10px;
		padding:15px;
		font-size:14px;
		line-height:1.6em;
	}
	
	.widget-parts h2 {
		font-size:15px;
		line-height:1.6em;
		border:2px #cccccc;
		border-bottom-style:solid;
		padding:0 0 8px 2px;
	}
	
	.widget-parts li {
		list-style:none;
	}
	
	.widget-parts li a {
		color:#000000;
		text-decoration:none;
		display:block;
	}
	
	.widget-parts li a:hover {
		background-color:#f6f6f6;
	}
	
	.widget-recent-entry li {
		border:1px #cccccc;
		border-bottom-style:dashed;
	}
	
	.widget-recent-entry li dt {
		font-size:12px;
	}
	
	.widget-recent-entry li a {
		padding:8px 3px;
	}
	
	.widget-year-archive li {
		border:1px #cccccc;
		border-bottom-style:dashed;
	}
	
	.widget-year-archive a {
		padding:8px 10px;
	}
	
	.widget-kotei-menu li {
		margin:0 0 10px;
		list-style:none;
	}
	
	.widget-kotei-menu li a {
		display:block;
		background-color:#FFFFFF;
		padding:10px 20px;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
	}
	
	.widget-kotei-menu li a i {
		float:right;
		display:inline-block;
		margin-right:-10px;
	}
	
	.ttl_archive {
		font-size:15px;
		font-weight:bold;
		margin:0 0 10px;
	}
	

}