@charset "utf-8";
/*

*/

.banner-flex{
	display:flex;
}


.sample{
padding:0 0 20px 0;
}

.flex-wrap-home{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}


.flex-wrap-homesub {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
    align-items: stretch;
    align-content: stretch;
}
	
.flex-wrap-center{
align-items: center;
}

.flex-menu-home {
display:flex;
justify-content: center;
flex-direction:row;
flex-wrap: wrap;
}

h4{ 
    font-style: normal;
    font-weight: 400;
font-size: 0.9rem;
margin: 0.2rem 0;
}


#subContentsArea{
	margin-top:40px;
}


#mainContentsArea ul li, #subContentsArea ul li{
width: 24%;
margin-bottom: 20px;
}
#mainContentsArea ul li img{
border-radius: 10px
}

/** top page information area settings start **/
/*
.slider-area, .info-banner-area {
    margin-top: 20px;
}
*/
/*
.info-title-left {
    float:left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.info-title-right {
    margin-top: 5px;
    margin-bottom: 5px;
}
*/
.info-content {
    /*clear: both;*/
}
/*
.info-title button {
    background-color: #80B73F;
    border: 1px solid #80B73F;
    border-radius: 4px;
    margin: 8px 15px 5px 0;
    font-size: 10px;
    width: 80px
}
*/
.info-area .info-tab {
	margin-top: 3px;
}
.info-area .info-tab ul{
	padding: 0;
	font-size: 0;
}

.info-area .info-tab li {
	display: inline-block; 
	background:#b5a087;
	color: #ffffff;
	padding: 2px 6px 2px 6px;
	font-size: 13px;
	margin-right:10px;
	cursor: pointer; 
	width: 100px;
}

.info-tab li.select {
    background:#ffffff;
	color: #b5a087;
}

.info-tab li.select:before {
	content: "▶";
}

.info .title-area {
	padding-top: 6px;
	display: block;
}
.info .title-area .title1{
	color: #006837;
	font-size:0.9rem;
	float:left;
	margin-left: 10px;
}

.info .title-area .title2{
	/*font-family: kan415typos-std, sans-serif;*/
	font-size:0.8rem;
	float:left;
	margin-left: 10px;
}

.info .title-area .list-button {
	font-size: 0.5rem;
    background-color: #006837;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
    border-radius: 11px;
    float: right;
    margin: 0px 10px 0px 0;
}

.info {
	width: 100%;
	height:220px;
	background-color:#ffffff;
	border-radius: 7px;
	margin-bottom: 5px;
	/*padding: 5px 15px 5px 15px;*/
}

.info .content {
	clear: both;
    padding: 10px 15px 10px 15px;
	overflow-y: scroll;
    height: 190px;
	box-sizing: border-box;
}

.info .content ul {
    list-style: none;
    font-size: 12px;
	text-align: left;
}

.info .content ul li:hover {
	background-color: #EFEBE9;
}


.info .content ul li{
	padding:1px;
}


.top-news-hide {display:none;}
/** top page information area settings e.n.d **/

/** top page footer area settings start **/
.footer-store {
	font-size: 0.9rem;
	padding-bottom: 15px;
}

.footer-store .size50 {
	/*padding: 10px;*/
}

.footer-store .store-icon {
	background-image: url(img/common/gc_mark.svg);
	background-repeat: no-repeat;
	background-size: 14px 14px;
}
.footer-store .store-icon a{
	padding-left: 20px;
}


/* smartPhone */
@media screen and (max-width: 640px) {
#mainContentsArea ul li, #subContentsArea ul li{
width: 48%;
}

	
	/** top page footer area settings start **/
.footer-store {
	font-size: 1.2rem;
	padding-bottom: 15px;
}
	
	
	
}

.text-w{
color:#fff;
}
.text-g{
color:#006837
}
.home .breadcrumbsWrap{
display:none;
}



#supportmain{


height:344px;
background-image:url(img/supportmain.png);
background-repeat: no-repeat;
background-position: top center;
}

#sec-workers
{
height:auto;
background-image:url(img/page/support/wrap_bg_workers.jpg);
background-position: center center;
}