@charset "utf-8";
/* CSS Document */

/* ---------めったにいじらない部分--------- */

#header .row { padding-bottom: 0; }

#flex_show {
	display: block;
	margin-top: 0;
}
/* Mobile */
@media only screen and (max-width: 481px) {
#flex_show {
	display: none;
}
}

.flex_pad {
	padding: 0 2em;
}

/* ロード中に表示させるもの 最新のもののみ一つだけ */
.slider_position {
	display: none;
}
/* end */

/* 下とか左右にくる○ぽち */
.bx-custom-pager{bottom: -3px !important; z-index: 100; display: block;}
.bx-custom-pager .bx-pager-item{width: 110px;}
.bx-pager-item .active img{opacity: 0.3;}
/* end */

.top_navi {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.top_navi h1 span {
	display: block;
}

.top_navi h2 br {
	display: block;
}

.top_sm_info {
	background-color: #4c5967;
	width: 80%;
	padding: 0.8em 0.8em 0.5em;
	color: #fff;
	margin: 2em auto 1em;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
    position:relative;

}

.top_navi a h2 {
	font-size: 14px !important;
	font-size: 1.4rem !important;
	text-align: center !important;
}
.top_sm_img {
	margin: 2em auto 0;
	text-align: center;
}
.top_sm_info a h3 {
	height: 100%;
	width: 100%;
	display: block;
	color: #fff !important;
}
.top_sm_info a:hover {
	text-decoration: none !important;
}

/* Mobile */
@media only screen and (max-width: 767px) {
/* 下とか左右にくる○ぽち */
.bx-custom-pager{bottom: 0 !important; z-index: 100; margin-top: 1em; display: none;}
.bx-custom-pager .bx-pager-item{width: 120px;}
.bx-pager-item .active img{opacity: 0.3;}
/* end */

#top_back {
	display: block;
	background-size: auto 100%;
}

.top_sm_img {
	max-width: 250px;
	margin: 1em auto 0;
	text-align: right;
}

.top_navi {
	width: 90%;
	margin: 0.5em auto;
}
.top_navi h1 br, .top_navi h2 br {
	display: none;
}

.top_sm_info {
	width: 80%;
	margin-top: 0.5em;
}
}



/* ---------編集するのはここから！！！--------- */

/* 例3編集 */
#flex03 {
	/* Firefox */
	background: -moz-linear-gradient(top center, #d3d4d4 0%, #fff 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#d3d4d4), to(#fff));
	/* 共通 */
	background: linear-gradient(top center, #d3d4d4 0%, #fff 100%);
	display: block;
	background-size: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd3d4d4', endColorstr='#00ffffff', GradientType=0); /* IE7,8,9 */
}
#flex03 .five.columns {
	display: block;
}
.fle03_img {
	padding-top: 6em;
	text-align: center;
}
.fle03_img img {
	margin: 0 auto;
}
#flex03 .top_navi h1 {
	font-size: 19px;
	font-size: 1.9rem;
	margin-top: 2em;
	margin-bottom: 2em;
	color: #2e2e2e;
	padding-left: 1em;
	padding-right: 1em;
}
#flex03 .top_navi h1 span {
	font-size: 14px;
	font-size: 1.4rem;
}

#flex03 top_sm_info {
	margin: 1em auto;
}

/* end */

/* 例4編集 */
#flex04 {
	/* Firefox */
	background: -moz-linear-gradient(top center, #5a5a5a 0%, #868686 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#5a5a5a), to(#868686));
	/* 共通 */
	background: linear-gradient(top center, #5a5a5a 0%, #868686 100%);
	display: block;
	background-size: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a5a5a', endColorstr='#00868686', GradientType=0); /* IE7,8,9 */
}
#flex04 .five.columns {
	display: block;
}
.fle04_img {
	padding-top: 6em;
	text-align: center;
}
.fle04_img img {
	margin: 0 auto;
}
#flex04 .top_navi h1 {
	font-size: 19px;
	font-size: 1.9rem;
	margin-top: 2em;
	margin-bottom: 2em;
	color: #2e2e2e;
	padding-left: 1em;
	padding-right: 1em;
}
#flex04 .top_navi h1 span {
	display: inline;
	color: #c4d6ed;
/*	font-size: 14px;
	font-size: 1.4rem;*/
}



#flex04 .top_sm_info {
	margin: 1em auto;
	background-color: #aacaed;
}

/* end */


/* 例1編集 */
#flex7 {
	background-color: #2b92ce;
	display: block;
	background-size: 100%;
}
#flex7 .five.columns {
	display: block;
}
.fle7_img {
	padding-top: 2em;
	text-align: center;
}
.fle7_img img {
	margin: 0 auto;
}
#flex7 .top_navi h1 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 1em;
	color: #fff;
	padding-left: 1em;
	padding-right: 1em;
}
#flex7 .top_navi h1 span {
	font-size: 14px;
	font-size: 1.4rem;
}

#flex7 top_sm_info {
	margin: 1em auto;
}
/* end */


/* seminar */
#flex9 {
	background: #ffffff url(../../top/images/top_sem2.png) left top no-repeat;
	display: block;
	background-size: 100% 100%;
	text-align: center;
}
#flex9 img {
	margin: 0 auto;
}

#flex9 .top_navi h2 {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


#flex9 h1, #flex9 h2 {
	color: #1b2700 !important;
}


#flex9 .top_navi h1 {
	margin-top: 3em;
	font-size: 18px;
	font-size: 1.8rem;
}


dl.top_seminar {
	margin-top: 1em;
	margin-left: 2em;
}

dl.top_seminar dt {
	float: left;
	clear: both;
	width: 25%;
	text-align: right;
	font-weight: bold;
	color: #000;
}


dl.top_seminar dd {
	float: right;
	text-align: left;
	width: 72%;
	color: #000;
}

/* end */


/* 例2編集 */
#flex10 {
	background-color: #fff;
	display: block;
	background-size: 100%;
}
#flex10 .five.columns {
	display: block;
}
.fle10_img {
	padding-top: 4em;
	text-align: center;
	margin: 0 auto;
}
.fle10_img img {
	margin: 0 auto;
}
#flex10 .top_navi h1 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 1em;
	color: #2e2e2e;
	padding-left: 1em;
	padding-right: 1em;
}
#flex10 .top_navi h1 span {
	padding-top: 2em;
	font-size: 16px;
	font-size: 1.6rem;
}

#flex10 .top_sm_info {
	margin: 1em auto;
}
/* end */

/* 例2編集 */
#flex11 {
	background-color: #fff;
	display: block;
	background-size: 100%;
}
#flex11 .five.columns {
	display: block;
}
.fle11_img {
	padding-top: 4em;
	text-align: center;
	margin: 0 auto;
}
.fle11_img img {
	margin: 0 auto;
}
#flex11 .top_navi h1 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 1em;
	color: #2e2e2e;
	padding-left: 1em;
	padding-right: 1em;
}
#flex11 .top_navi h1 span {
	padding-top: 2em;
	font-size: 16px;
	font-size: 1.6rem;
}

#flex11 .top_sm_info {
	margin: 1em auto;
}
/* end */


/* ソリューション編集 */

#flex12 {
	margin-top: 2em;
	background-color: #fff;
	display: block;
	background-size: 100%;
}

#flex12 .five.columns {
	display: block;
}

#flex12 .seven.columns {
	margin-top: 3em;
}

#flex12 .top_navi h1 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 2em;
	margin-bottom: 1em;
	color: #2e2e2e;
	padding-left: 1em;
	padding-right: 1em;
}

#flex12 .top_navi h1 span {
	padding-top: 2em;
	font-size: 16px;
	font-size: 1.6rem;
}

#flex12 .top_sm_info {
	margin: 2em auto 1em;
	width: 60%;
}

#flex12 .slider_bk {
	background: #fff url(../../top/images/top_solution_img2.png) top right no-repeat;
}

/* end */


/* デスクトップ */
@media only screen and (max-width: 1111px) {
/* 例3編集 */
#flex03 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1.5em;
}
#flex03 .top_navi h1 span {
	font-size: 12px;
	font-size: 1.2rem;
}
/* end */

/* 例4編集 */
#flex04 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1.5em;
}
#flex04 .top_navi h1 span {
	color: #c4d6ed;
/*	font-size: 12px;
	font-size: 1.2rem;*/
}
/* end */

/* 例1編集 */
#flex7 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1.5em;
}
#flex7 .top_navi h1 span {
	font-size: 12px;
	font-size: 1.2rem;
}
/* end */

/* 例2編集 */
#flex10 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1em;
	color: #2e2e2e;
}
#flex10 .top_navi h1 span {
	font-size: 12px;
	font-size: 1.2rem;
}
/* end */

/* 例2編集 */
#flex11 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1em;
	color: #2e2e2e;
}
#flex11 .top_navi h1 span {
	font-size: 12px;
	font-size: 1.2rem;
}
/* end */


/* ソリューション編集 */
#flex12 .top_navi h1 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-top: 1em;
	color: #2e2e2e;
}

#flex12 .top_navi h1 span {
/*	display: none;*/
	font-size: 12px;
	font-size: 1.2rem;
}

#flex12 .top_sm_info {
	width: 50%;
}

#flex12 .slider_bk {
	background: #fff url(../../top/images/top_solution_img1.png) top right no-repeat;
}
/* end */

}

/* Mobile */
@media only screen and (max-width: 767px) {
/* 例3編集 */
#flex03 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1em;
}
#flex03 .top_navi h1 span {
	font-size: 12px;
	font-size: 1.2rem;
}
#flex03 .five.columns {
	display: none;
}
/* end */

/* 例4編集 */
#flex04 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1em;
}
#flex04 .top_navi h1 span {
	color: #c4d6ed;
/*	font-size: 12px;
	font-size: 1.2rem;*/
}
#flex04 .five.columns {
	display: none;
}
/* end */

/* 例1編集 */
#flex7 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1em;
}
#flex7 .top_navi h1 span {
	font-size: 12px;
	font-size: 1.2rem;
}
#flex7 .five.columns {
	display: none;
}
/* end */

/* 例2編集 */
#flex10 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1em;
}
#flex10 .top_navi h1 span {
	font-size: 12px;
	font-size: 1.2rem;
}
#flex10 .five.columns {
	display: none;
}
/* end */

/* 例2編集 */
#flex11 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1em;
}
#flex11 .top_navi h1 span {
	font-size: 12px;
	font-size: 1.2rem;
}
#flex11 .five.columns {
	display: none;
}
/* end */

/* ソリューション編集 */
#flex12 .top_navi h1 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 1em;
}
#flex12 .top_navi h1 span {
	font-size: 14px;
	font-size: 1.4rem;
}
#flex12 .five.columns {
	display: none;
}
/* end */


}