@charset "utf-8";


.index_copy{
color:#3F1F00;
font-size:1.4em;
text-align:center;
padding:3em 1em;
text-align:center;
max-width:830px;
margin:0 auto;

}

.cd-hero-slider p br.pc_br{
	display:none;
}

@media only screen and (min-width: 1400px) {

.cd-hero-slider p br.pc_br{
	display:block;
}
}



@media only screen and (min-width: 768px) {/*sp*/

.flex-container{
display: flex;
display: -webkit-flex;
flex-flow: row;
align-content: space-between;
}

.flex-item {
flex: 1 0 30%;
padding:10px 15px;

display: flex; 
align-items:stretch;

text-align:center;
}

.flex-item2 {
display: flex; 
flex-flow: column;
flex-direction: column;

text-align:center;
height:100%;

}

.flex-item2 p.come1:after{
content:"　　　　　　　　　　";
}

.flex-item2 figure{
margin:auto 0 0;
}


}



#servicebox figure{
width:100%;
margin:auto 0 0;
overflow:hidden; /*ie*/
padding:0 8%;
}

#servicebox figure img{
width:100%;
max-width:100%;
height:auto;
/*-moz-transition: -moz-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-ms-transition: -ms-transform 0.3s ease;
transition: transform 0.3s ease;*/
}
#servicebox figure img:hover{
/*
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);*/
}

@media only screen and (max-width: 1169px) {/*pc*/
.sp_inline{
display:none;
}
}


@media only screen and (min-width: 768px) {/*pc*/
#servicebox figure{
padding:0;
}

#servicebox figure img{
width:230px;
height:auto;
}

}

@media only screen and (max-width: 767px) {/*sp*/
.sp_inline{
display:none;
}
}



#servicebox{

}

#servicebox a{
display:block;
text-decoration:none;
color:#000;

}

#servicebox a h2{
transition: all 0.3s ease;
letter-spacing:0;
}

#servicebox a:hover h2{
color:#cc0000;
letter-spacing:0.1em;
}

#servicebox a:hover img{

}

#servicebox a img{
-moz-transition: -moz-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-ms-transition: -ms-transform 0.3s ease;
transition: transform 0.3s ease;
}
#servicebox a:hover img{

-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}

#servicebox h2{
width:100%;
font-size:140%;
font-weight:400!important;
min-height:2.2em;
padding-bottom:0.5em;
align-items: center;

}


@media only screen and (max-width: 1169px) {
#servicebox h2{
font-size:130%;
min-height:4em;
display: flex;
display: -webkit-flex;
align-items: center;

justify-content: center;
}

}

@media only screen and (max-width: 767px) {/*sp*/
#servicebox h2{
font-size:120%;
}
}


#servicebox p{
color:#666;
margin:2em 1.5em 1em;
text-align:left;
}


#support h2{
border-bottom:1px solid #D9A300;
}

#planning{
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

#planning h2{
border-bottom:1px solid #9ABB71;
}


#produce h2{
border-bottom:1px solid #68B5C3;
}


/**/


#news{
margin:5em 1.5em;
}

#news h2{
font-size:150%;
font-weight:400!important;
border-bottom:1px solid #ccc;
padding-bottom:0px;
}

#news h2 span{
display:inline-block;
border-bottom:3px solid #FF7373;
box-sizing:border-box;
padding:0 1em 0 0.3em;
position:relative;
top:2px;
}



#news h3{
font-size:140%;
font-weight:400!important;

}

#news .entry{
display:block;
margin:1.5em 1em;
padding:0 0.5em 2em 0.5em;
border-bottom:1px solid #ccc;

}

@media only screen and (max-width: 767px) {/*sp*/
#news .entry{
margin:1.5em 0em;
}
}


#news .entry h3{
color:#000;

}


/*

#news .entry h3 span{
display:inline-block;
border:none;
font-size:70%;
color:#fff;
background:#2089DF;
border-radius: 15px; 
-webkit-border-radius: 15px;  
-moz-border-radius: 15px;
padding:0 1em;
margin-bottom:0.5em;
}

#news .entry h3 span.produce{
background:#68B5C3;
}
#news .entry h3 span.planning{
background:#9ABB71;
}
#news .entry h3 span.support{
background:#D9A300;
}
#news .entry h3 span.tunagaru{
background:#FF7373;
}
#news .entry h3 span.other{
background:#C30;
}

/**/

/**/

#news .entry .bumon{
display:inline-block;
border:none;
/*font-size:70%;*/
color:#fff;
background:#2089DF;
border-radius: 15px; 
-webkit-border-radius: 15px;  
-moz-border-radius: 15px;
padding:0 1em;
margin-bottom:0em;
margin-right: 10px;
}

#news .entry .produce{
background:#68B5C3;
}
#news .entry .planning{
background:#9ABB71;
}
#news .entry .support{
background:#D9A300;
}
#news .entry .tunagaru{
background:#FF7373;
}
#news .entry .other{
background:#C30;
}

#news .entry .bumon + p{
	background:none;
	padding-left:0;}

#news .entry h3{
	margin-bottom:0.5em;
}

@media only screen and (min-width: 768px) {/*pc*/

#news .entry .bumon{
float:left;

}


}

/**/




#news .entry h3 a{
	display:block;
color:#000;
text-decoration:none;
padding-left:20px;
background:url(img/ic_01.png) 0 0.3em no-repeat;
}


#news .entry h3 a:hover{
color:#cc0000;
text-decoration:underline;
}


#news p{
color:#666;
margin-bottom:0.3em;
}

#news p.date{
padding-left:25px;
background:url(img/ic_news.png) left center no-repeat;
margin:1em 0;
font-size:90%;
}

#news p a{
background:url(img/icon_03.png) left center no-repeat;
padding-left:10px;
}


#news .entry a{
	color:#333;
	text-decoration:none;
}

#news .entry a:hover{
	color:#cc0000;
	text-decoration:underline;
}





/**/

.promotion {
margin:5em 1.5em;
}

.promotion figure img{
width:100%;
height:auto;
max-width:100%;
}



@media only screen and (max-width: 767px) {/*sp*/
.promotion {
margin:3em 1.5em 0;
}
}



@media screen and (min-width:768px) and (max-width:1169px) {/*pc*/

.index_copy{
padding:3em 5%;

}

.index_copy .sp_inline{
display:none;
}


}


@media only screen and (max-width: 767px) {/*sp*/
.index_copy{
color:#3F1F00;
font-size:1.2em;
text-align:center;
padding:2.5em 1em;
text-align:center;
}

}


#main figure img{
-moz-transition: -moz-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-ms-transition: -ms-transform 0.3s ease;
transition: transform 0.3s ease;
}
#main figure img:hover{

-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}