@charset "utf-8";


/* cf. last line */

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

Common styles

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



.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}

.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}

.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}

.paragraph{line-height:2; letter-spacing: 2px;}
.caption{line-height:1.8; letter-spacing: 1px;font-size:12px;}
.caption-center{line-height: 1.8;letter-spacing: 1px;font-size: 12px;text-align:center;}

.ttl{font-weight:bold;font-size:14px;letter-spacing: 2px;}
.lttl{font-size:16px;letter-spacing: 2px;}
.sttl{font-weight:bold;letter-spacing: 2px;}
.stxt{font-size:12px;}

@media(min-width:980px){
.section{margin-bottom:200px;}
.caption{text-align:left;}
}
@media(max-width:979px){
.section{margin-bottom:100px;}
.caption{text-align:center;}
}

@media(min-width: 860px){
.only-pc{display:block;}
.only-sm{display:none;}
}
@media(max-width:859px){
.only-pc{display:none;}
.only-sm{display:block;}	
}




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

Background

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

@media(min-width:980px){
body{
	background: transparent url(images/bg.jpg) center 850px no-repeat;
}
body#c_index{
	background-image:none;
}
}
@media(max-width:979px){
body{background-image:none;}
}

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

Header - responsive

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




@media(min-width:1480px){
.c_header-wrapper{
	max-width: 1480px;
	padding-left:200px;
	margin-top:40px;
	margin-bottom:20px;
}
.c_header-menu{
	max-width: 1000px;
	width:1000px;
	float:left;
	margin-left: auto;
	margin-right: auto;
}

.c_nav{
	margin-top: 50px;
	margin-bottom: 0;
}

.c_header-banner{
	float:right;
	text-align: right;
	width: auto;
	min-width: auto;
}
.c_header-banner ul li{
	float:none;
	width:auto;
	margin-left: 0;
	margin-right: 0;
}




}
@media(max-width:1479px) and (min-width: 860px){

.c_header-wrapper{
	max-width: 980px;
	padding-left: 10px;
	margin-top:40px;
	margin-bottom:20px;
}

.c_header-menu{
	width: 77%;
	max-width: -webkit-calc(100% - 210px);
	max-width: calc(100% - 210px);
	
	float:left;
	margin-left: auto;
	margin-right: auto;
	padding-right: 25px;
}
.c_nav{
	margin-top: 50px;
	margin-bottom: 0;
}

.c_header-banner{
	float:right;
	text-align: right;
	width: 22%;
	min-width: 210px;
}
.c_header-banner ul li{float:none;width:auto;
	margin-left: 0;
	margin-right: 0;
}

}

@media(max-width:859px){
.c_header-wrapper{
	margin-top:10px;
	margin-bottom:20px;
	padding-left: 10px;
}
.c_header-menu{
	
	float:none;
	padding-right: 10px;
}
.c_nav{
	margin-top: 0px;
	margin-bottom: 20px;
}
.c_nav ul li{
	width: 33.3%;
}
.c_nav ul li.firstline{
	border-bottom: 1px dotted #ddd;
}
.c_nav ul li a{
	display: block;
	text-align: center;
	border: none!important;
	padding:20px 0;
	letter-spacing: 0;
	overflow: hidden;
	background-color: #fff;
	
	transition-property: all;
	transition: 0s linear;
}
a.c_home-link:hover{
	background-color: #fcc800!important;
}

.c_header-banner{
	float:none;
	text-align:left;
	width: auto;
	min-width: auto;
	
	
}

.c_header-banner ul li{
	float:left;
	width: 31%;
	margin-right:1%;
	margin-left:1%;
}

}



.c_header-wrapper{
	margin-left: auto;
	margin-right: auto;
	
}
.c_header-wrapper{ /zoom : 1; }
.c_header-wrapper:after{ content : ''; display : block; clear : both; }

.c_header-wrapper a{
	font-size: 13px;
	letter-spacing: 2px;
	color: #333;
}

.c_logo{
	width:100%;
}
.c_logo{ /zoom : 1; }
.c_logo:after{ content : ''; display : block; clear : both; }
.c_img{
	float:left;
}

.c_utility{
	float: right;
	font-size: 13px;
	letter-spacing: 2px;
	margin-top: 25px;
}




.c_nav{}
.c_nav{ /zoom : 1; }
.c_nav:after{ content : ''; display : block; clear : both; }
.c_nav ul{
	padding-left: 0;
}

.c_nav ul li{
	float:left;
	list-style:none;
}
.c_nav ul li a:hover{
	text-decoration: none;
}
a.c_home-link{padding-left:2px;}

.c_nav ul li.last{
	margin-right: 0;
}
@media(min-width:1480px){
.c_utility{margin-right:9px;}
.c_logo{padding-right:100px;}
.c_nav ul{margin-left:3px;}
.c_nav ul li{margin-right:80px;}

}
@media(max-width:1479px) and (min-width:960px){
.c_utility{margin-right:21px;}
.c_logo{padding-right:0;}
.c_nav ul{margin-left:3px;}
.c_nav ul li{margin-right:40px;}

}
@media(max-width:959px) and (min-width: 860px){
.c_utility{margin-right:0;}
.c_logo{padding-right:0;}
.c_nav ul{margin-left:3px;}
.c_nav ul li{margin-right:20px;}
}
@media(max-width:859px){
.c_utility{margin-right:0;}
.c_logo{padding-right:0;}
.c_nav ul{margin-left:0;}
.c_nav ul li{margin-right:0;}
	
}


.c_header-banner ul{
	padding-left: 0;
}

.c_header-banner ul li{
	list-style:none;
	margin-bottom: 5px;
}
.c_header-banner ul li.c_set{
	margin-bottom:20px;
}



.c_header-banner ul li img{
	margin-left:auto;
	margin-right:auto;
}



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

Mainvisual, Breadcrumb

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

.jumbotron.c_mainvisual{
	margin-bottom: 10px!important;
	padding: 0!important;
}
.jumbotron.c_mainvisual h1{
	margin: 0!important;
}

#c_karashi .c_mainvisual{background-color: #fef8d4;}
#c_process .c_mainvisual{background-color: #e5f2fa;}
#c_product .c_mainvisual{background-color: #f1e0e8;}
#c_company .c_mainvisual{background-color: #e8f2d7;}
#c_case .c_mainvisual{background-color: #efe2cf;}
#c_contact .c_mainvisual{background-color: #fef8d4;}

.breadcrumb{
	max-width: 980px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff!important;
	font-size: 13px;
	letter-spacing: 2px;
}
.breadcrumb a{
	color: #333;
}






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

title etc

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

.c_hdg-ttl{
	margin:0 auto 25px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}
.c_hdg-ttl span{
	padding: 0 4px;
}

#c_karashi .c_hdg-ttl span{background-color: #ffec8c;}
#c_process .c_hdg-ttl span{background-color: #85d0f5;}
#c_product .c_hdg-ttl span{background-color: #ce92ac;}
#c_company .c_hdg-ttl span{background-color: #cee3aa;}
#c_case .c_hdg-ttl span{background-color: #c8a063;}


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

Page - Index

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


.carousel-indicators{
	bottom: -40px;
}

.carousel-indicators li{
	margin: 0 10px;
	border:none;
	background-color: #9fa0a0;
}
.carousel-indicators li.active {
	background-color: #fcc800;
}

.c_news{
	width: 100%;
	line-height:1.8;
	letter-spacing: 1px;
}
.c_news{ /zoom : 1; }
.c_news:after{ content : ''; display : block; clear : both; }

.c_news dt{
	clear: both;
	float: left;
	width: 8em;
	margin-bottom: 20px;
}

.c_news dd{
	margin-left: 9em;
	margin-bottom: 20px;
}

.c_index_odd,
.c_index_even{
	padding: 0;
}
.c_index_odd{
	background-color: #fffbdd;
}
#c_block_last{
	height: 100px;
}

@media(min-width:1200px){
#c_block_head{background: url(images/bg_top01.jpg) center bottom no-repeat}
#c_block_karashi{background: #fffbdd url(images/bg_top02.jpg) center bottom no-repeat}
#c_block_process{
	background-image: url(images/bg_top03.jpg),url(images/bg_top04.jpg);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
}
#c_block_product{
	background-image: url(images/bg_top05.jpg),url(images/bg_top06.jpg);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
}
#c_block_company{background: url(images/bg_top07.jpg) center top no-repeat}
#c_block_case{background: #fffbdd url(images/bg_top08.jpg) center bottom no-repeat}
#c_block_last{background: url(images/bg_top09.jpg) center top no-repeat}
}
@media(max-width:1199px){
#c_block_head,
#c_block_karashi,
#c_block_process,
#c_block_product,
#c_block_company,
#c_block_case,
#c_block_last{background-image: none;}
}


.c_detail-button{
	margin: 0 auto 30px;
	max-width:351px;
	max-height:50px;
	
	transition-property: all;
	transition: 0.3s linear;
}
.c_detail-button a{
	transition-property: all;
	transition: 0.3s linear;
}
.c_detail-button a:hover{
	opacity: 0.7;
	
	transition-property: all;
	transition: 0.3s linear;
}


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

Page - Process

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


.c_nagare{
	
	padding: 40px 40px 10px;
	background-color: #eaf5fd;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.c_nagare{ /zoom : 1; }
.c_nagare:after{ content : ''; display : block; clear : both; }


.c_nagare dl dd{
	color: #00a0e9;
	font-weight: bold;
	font-size: 15px;
}


@media(min-width:980px){
.c_nagare dl dt{
	clear: both;
	float: left;
	width: 210px;
	margin-right: 30px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: transparent url(images/nagare_arrow.png) center bottom no-repeat;
}
.c_nagare dl dt.last{background:none;}

.c_nagare dl dd{
	float: left;
	width: 620px;
	padding-top: 5px;
}

}
@media(max-width:979px){
.c_nagare dl dd{
	margin-bottom: 25px;
	padding-bottom: 35px;
	background: transparent url(images/nagare_arrow.png) 95px bottom no-repeat;
}
.c_nagare dl dd.last{background:none;}
}



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

Page - Product

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


.c_product_panel-top{
	padding:20px;
}
.c_product_panel-top a{
	display: block;
	margin:0 auto;
	max-width: 400px;
	border: 1px solid #c9c9ca;
	color: #000;
}
.c_product_panel-top a:hover,
.c_product_panel-top a:active{
	text-decoration: none;
	color: #000;
}
.c_product_panel-top .pic{
	display: block;
	padding:20px;
	background-color: #f6f7f7;
	transition-property: all;
	transition: 0.3s linear;
}

.c_product_panel-top a:hover .pic{
	background-color: #e6e7e7;
	transition-property: all;
	transition: 0.3s linear;
}

.c_product_panel-top .txt{
	display: block;
	text-align:center;
	padding: 15px 10px;
	letter-spacing: 1px;
}


.c_product_panel{
	padding:8px;
}
.c_product_panel div{
	display: block;
	margin:0 auto;
	max-width: 400px;
	border: 1px solid #c9c9ca;
	color: #000;
}
.c_product_panel .pic{
	display: block;
	padding:20px 0;
}
.c_product_panel .txt{
	display: block;
	text-align:center;
	padding: 15px 0;
	letter-spacing: 1px;
	border-top: 1px solid #c9c9ca;
}


.c_product-ttl{
	width:160px;
	padding:5px;
	margin-left: 3px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}
.c_product-ttl1{background-color: #fdd361;}
.c_product-ttl2{background-color: #e2e547;}
.c_product-ttl3{background-color: #c9161e;color:#fff;}
.c_product-ttl4{background-color: #dca775;}
.c_product-ttl5{background-color: #e7bb66;}

@media(min-width:768px){
.c_product-ttl{margin-left:-7px;}
}
@media(max-width:767px){
.c_product-ttl{margin-left:auto;margin-right:auto;}
}







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

Page - Company

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

table.c_company{
	width: 100%;
	border-top: 1px solid #a3a6a1;
}

table.c_company tr{
}

table.c_company th,
table.c_company td{
	padding: 40px 30px;
	border-bottom: 1px solid #a3a6a1;
	line-height:1.8;
	letter-spacing: 1px;
}
table.c_company tr:nth-child(even){background-color:#f6faf0;}

table.c_company th{
	width: 30%;
}



@media(min-width:860px){
.c_mapbtn_wrapper{float: right;}
}
@media(max-width:859px){
.c_mapbtn_wrapper{float: left;}
.c_mapbtn_after_wrapper{clear:both;}

}


.c_mapbtn{
	display: block;
	padding: 10px 25px 10px 30px;
	background-color: #f8b62c;
	color: #000;
	font-weight: bold;
	
	transition-property: all;
	transition: 0.3s linear;
}
.c_mapbtn img{
	vertical-align: middle;
}
a.c_mapbtn:hover{
	text-decoration: none;
	color: #000!important;
	background-color: #fbc450;
	
	transition-property: all;
	transition: 0.3s linear;
}


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

Page - Case

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

.c_case-box{
	margin: 0 auto 60px;
	max-width: 960px;
	padding: 50px 50px 40px;
	background-color:#fdfcf5;
}



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

Page - Contact

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

.c_contact-message{
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	background-color:#fef8d4;
	text-align: center;
}
.c_contact-message a{
	color: #333;
}
.c_big-box{
	padding: 120px 10px;
}



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

footer

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

#c_footer-menu{border-top: 1px solid #ddd;padding:40px 0;}

#c_footer-menu dl dt{
	display:block;
}

#c_footer-menu  dl dd{
	font-size: 13px;
	letter-spacing: 2px;
	margin-top: 15px;	
}

#c_footer-menu dl a{
	color: #000;
	text-decoration: none;
}
#c_footer-menu dl a img{
	width:100%;
	height:100%;
}

a.c_home-link{border-bottom: 3px solid #fcc800;}

a.c_karashi-link,
a.c_process-link,
a.c_product-link,
a.c_company-link,
a.c_case-link{
	background-color: #ffffff;
	
	transition-property: all;
	transition: 0.3s linear;
}
a.c_karashi-link:hover,a.c_karashi-link.current{background-color: #ffec8c;}
a.c_process-link:hover,a.c_process-link.current{background-color: #85d0f5;}
a.c_product-link:hover,a.c_product-link.current{background-color: #ce92ac;}
a.c_company-link:hover,a.c_company-link.current{background-color: #cee3aa;}
a.c_case-link:hover,a.c_case-link.current{background-color: #c8a063;}


#c_footer-copyright{
	background-color: #FC0;
	padding:40px 0;
	font-size: 13px;
	letter-spacing: 2px;
}
.c_footer-copyright_inner{
	margin-left: auto;
	margin-right: auto;
	max-width: 820px;
}
.c_footer-copyright_logo{
	margin-bottom: 30px;
	max-width:239px;max-height:69px;
}

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

「c_」なし＝bootstrapのclassへの上書き
「c_」＝chiyoda用class
	※例外（chiyoda用classなのに「c_」のないもの）：
		・Common styles
		・listにつくfirst,lastといったクラス

*/