@charset 'UTF-8';
/*=============================================================
 04_modules
=============================================================*/
/*!  button
================================================ */
.mod_btn01 { display: block;position: relative;width: 100%; text-align: center;}
.mod_btn01 > a { display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 1;padding: 14px 0;border: 2px solid #fff;color: #fff;font-weight: bold;font-size: 1.5rem;text-decoration: none;-webkit-transition: all 0.35s;transition: all 0.35s; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mod_btn01 > a:hover { background: #fff; color: #333;}
/*
#styleguide
mod_btn01

mod_btn01

```
<p class="mod_btn01"><a href="#">mod_btn01</a></p>
```
*/
.mod_btn02 { display: block;position: relative;width: 100%; text-align: center;}
.mod_btn02 > a { display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;line-height: 1;padding: 20.5px 0;border: 2px solid #edf1f5;color: #333;font-weight: bold;font-size: 1.5rem;text-decoration: none;-webkit-transition: all 0.35s;transition: all 0.35s; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mod_btn02 > a:hover { background: #f5f9fc; color: #333;}
.mod_btn02 > a:before { position: absolute;top: 50%;right: 23px;width: 8px;height: 14px;background: url(../img/common/ico_arwR01.png) no-repeat center; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_btn03 { display: block;position: relative;width: 330px;margin: 0 auto; text-align: center;}
.mod_btn03 > a { display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;line-height: 1;padding: 20.5px 0;background: #fff;color: #333;font-weight: bold;font-size: 1.5rem;text-decoration: none;-webkit-transition: all 0.35s;transition: all 0.35s; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mod_btn03 > a:hover { background: #f5f9fc; color: #333;}
.mod_btn03 > a:before { position: absolute;top: 50%;right: 23px;width: 8px;height: 14px;background: url(../img/common/ico_arwR01.png) no-repeat center; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_fix { display: -webkit-box;display: -ms-flexbox;display: flex;position: fixed;top: 100px;right: 0;z-index: 1;flex-direction: column; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;}

.mod_btn04 a {
	display: block;
	position: relative;
	width: 330px;
	height: 70px;
	line-height: 70px;
	margin: 0 auto 15px;
	border: 0;
	background: url(../img/common/ico_arwBottom02.png) no-repeat 90% center #4d8fd1;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	-webkit-transition: all 0.35s;
	transition: all 0.35s
}
.mod_btn04 a:hover {
	opacity: .7;
}

/*!  pager
================================================ */
.mod_pagination01 { display: block;overflow: hidden;margin: -10px; padding: 40px 0;font-size: 0;text-align: center;}
.mod_pagination01 li { display: inline-block;}
.mod_pagination01 li a,
.mod_pagination01 li span { display: block;box-sizing: border-box;line-height: 1;padding: 15px;background-color: #fff;color: #333;font-size: 1.6rem;text-decoration: none;}
.mod_pagination01 li a:hover,
.mod_pagination01 li span:hover { background-color: #4d8fd1;color: #fff;text-decoration: underline;}
.mod_pagination01 .previous { position: relative;float: left;width: 170px;font-weight: bold;}
.mod_pagination01 .previous:before { position: absolute;top: 50%;left: 25px;width: 7px;height: 12px;background: url(../img/common/ico_arwL01.png) no-repeat center;background-size: contain; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_pagination01 .previous:hover:before { background-image: url(../img/common/ico_arwL02.png);}
.mod_pagination01 .previous a:hover { text-decoration: none;}
.mod_pagination01 .next { position: relative;float: right;width: 170px;font-weight: bold;}
.mod_pagination01 .next:before { position: absolute;top: 50%;right: 25px;width: 7px;height: 12px;background: url(../img/common/ico_arwR01.png) no-repeat center;background-size: contain; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_pagination01 .next a:hover { text-decoration: none;}
.mod_pagination01 .next:hover:before { background-image: url(../img/common/ico_arwR02.png);}
.mod_pagination01 .current a,
.mod_pagination01 .current span { background-color: #4d8fd1;color: #fff;text-decoration: underline;}
/*
#styleguide
mod_pagination01

pager

```
<div class="mod_pagination01">
	<ul class="links">
		<li class="prev"><a href="">前へ</a></li>
		<li><a href="">1</a></li>
		<li class="current"><span>2</span></li>
		<li><a href="">3</a></li>
		<li class="next"><a href="">次へ</a></li>
	</ul>
</div>
```
*/
.mod_pagination02 { display: block;overflow: hidden;padding: 40px 0; margin-bottom: 40px; font-size: 0; text-align: center; background: #fff;}
.mod_pagination02 li { display: inline-block;margin: 0 10px;}
.mod_pagination02 li + li { border-left: 1px solid #edf1f5; }
.mod_pagination02 li a,
.mod_pagination02 li span { display: block;position: relative;box-sizing: border-box; width: 320px;line-height: 1;padding: 20px;background-color: #edf1f5;color: #333;font-size: 1.6rem;text-decoration: none; }
.mod_pagination02 li a:before,
.mod_pagination02 li span:before { position: absolute;top: 50%;right: 25px;width: 7px;height: 12px;background: url(../img/common/ico_arwR01.png) no-repeat center;background-size: contain; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_pagination02 li a:hover,
.mod_pagination02 li span:hover { background-color: #bccbda;}





.mod_pagination03 { display: block;position: relative;height: 126px; overflow: hidden;margin: -10px;padding: 40px 0;font-size: 0;text-align: center;}
.mod_pagination03 li { display: inline-block;}
.mod_pagination03 li a,
.mod_pagination03 li span { display: block;box-sizing: border-box;line-height: 1;overflow: hidden;padding: 15px 35px;background-color: #fff;color: #333;font-size: 1.6rem;text-decoration: none;white-space: nowrap;text-overflow: ellipsis;}
.mod_pagination03 li a:hover,
.mod_pagination03 li span:hover { background-color: #4d8fd1;color: #fff;text-decoration: underline;}
.mod_pagination03 .prev { position: relative;float: left;width: 295px;}
.mod_pagination03 .prev:before { position: absolute;top: 50%;left: 25px;width: 7px;height: 12px;background: url(../img/common/ico_arwL01.png) no-repeat center;background-size: contain; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_pagination03 .prev:hover:before { background-image: url(../img/common/ico_arwL02.png);}
.mod_pagination03 .prev a:hover { text-decoration: none;}
.mod_pagination03 .next { position: relative;float: right;width: 295px;}
.mod_pagination03 .next:before { position: absolute;top: 50%;right: 25px;width: 7px;height: 12px;background: url(../img/common/ico_arwR01.png) no-repeat center;background-size: contain; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_pagination03 .next a:hover { text-decoration: none;}
.mod_pagination03 .next:hover:before { background-image: url(../img/common/ico_arwR02.png);}
.mod_pagination03 .current a,
.mod_pagination03 .current span { background-color: #4d8fd1;color: #fff;text-decoration: underline;}
.mod_pagination03 .center { position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
/*!  tit
================================================ */
.mod_tit01 { margin-bottom: 30px;text-align: center;}
.mod_tit01 .en { display: inline-block;line-height: 1; margin-bottom: 5px;color: #4d8fd1;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;font-size: 4.5rem;}
.mod_tit01 .ja { display: block;line-height: 1; color: #333;font-weight: bold;font-size: 1.5rem;}
/*
#styleguide
mod_tit01

mod_tit01

```
<p class="mod_tit01">mod_tit01</p>
```
*/
.mod_tit02 { line-height: 1.53333;margin-bottom: 30px;padding-bottom: 24px;border-bottom: 1px solid #dfdede;font-weight: bold; font-size: 3rem;text-align: center;}
.mod_tit03 { margin-bottom: 30px;padding-bottom: 8px;border-bottom: 3px solid #4d8fd1;font-weight: bold; font-size: 2.3rem;}
.mod_tit04 { line-height: 1.53333;margin-bottom: 30px;padding-bottom: 24px;font-weight: bold; font-size: 4rem;text-align: center;}
.mod_tit04 .sub { display: block;line-height: 1;margin-top: 5px;color: #4d8fd1; font-weight: bold;font-size: 1.8rem;}
/*!  box
================================================ */
.mod_box01 { overflow: hidden;border: 1px solid #e6e6e6;border-radius: 6px;background-color: #fff;-webkit-box-shadow: 0 2px 0 0 #d9d9d9; -moz-box-shadow: 0 2px 0 0 #d9d9d9;box-shadow: 0 2px 0 0 #d9d9d9;}
.mod_box01:hover a { display: block; opacity: 0.7;}
/*
#styleguide
mod_box01

影付きのbox

```
<p class="mod_box01">mod_box01</p>
```
*/
.mod_colum01 { display: -webkit-box;display: -ms-flexbox;display: flex;margin: -15px;}
.mod_colum01 .item { width: 33.33333333%;padding: 15px;}
.mod_colum01 .item .inner { background: #fff;}
.mod_colum01 .item .inner figcaption { margin-top: 10px;font-weight: bold;}
.mod_colum02 { display: -webkit-box;display: -ms-flexbox;display: flex;margin: -10px;}
.mod_colum02 .item { width: 25%;padding: 10px;}
.mod_colum02 .item .inner { background: #fff;}
.mod_colum02 .item .inner figcaption { margin-top: 10px;font-weight: bold;}
.mod_colum02.col5 .item { width: 20%;}
.mod_newsSet01 .newsLink { display: -webkit-box;display: -ms-flexbox;display: flex;}
.mod_newsSet01 .newsLink:hover .tit { color: #999;}
.mod_newsSet01 .time { display: inline-block;margin-right: 21px;color: #999;}
.mod_newsSet01 .category { display: inline-block;min-width: 80px;height: 27px;line-height: 1;margin-right: 20px;padding: 7px 0;color: #fff;font-size: 1.2rem;text-align: center; vertical-align: middle; background: #4d8fd1; }
.mod_newsSet01 .category.exhibition,
.mod_newsSet01 .category.cat01 { background: #4dbbd1;}
.mod_newsSet01 .category.news,
.mod_newsSet01 .category.cat02 { background: #d14d8f;}
.mod_newsSet01 .category.media,
.mod_newsSet01 .category.cat03 { background: #4d63d1;}
.mod_newsSet01 .tit { display: inline-block;color: #333;}
.mod_list01 { padding: 50px 0 80px;}
.mod_list01 .list { display: -webkit-box;display: -ms-flexbox;display: flex;margin: -15px; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.mod_list01 .list .item { width: 33.33333333%;padding: 15px;}
.mod_list01 .list .item .img { margin-bottom: 15px;}
.mod_list01 .list .item .img a:hover { opacity: 0.7;}
.mod_list01 .list .item .tit { font-weight: bold; font-size: 2.2rem;}
.mod_list01 .list .item .txt { margin-bottom: 8px;}
.mod_list01 .list .item .link a { color: #4d8fd1;font-weight: bold; font-size: 1.6rem;}
.mod_list01 .list .item .link a:after { display: inline-block;font-size: 1.6rem; vertical-align: middle;content: url(../img/common/ico_arwR01.png);}
.mod_list01 .list .item .link a:hover { text-decoration: underline;}
.mod_productsList01 { padding: 50px 40px 22px;background: #fff;}
.mod_productsList01 .tit { border-bottom-color: #c7c7c7; color: #4d8fd1; font-size: 3.3rem; line-height: 1; padding-bottom: 15px; font-size: 3.6rem; }
.mod_productsList01 .list { display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0 -10px; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.mod_productsList01 .list .item { width: 33.333333333%;padding: 0 5px 37px;}
.mod_productsList01 .list .item .inner { background: #edf1f5;}
.mod_productsList01 .list .item .inner .img { width: 100%;border: 1px solid #dfdede; background: #fff;text-align: center;}
.mod_productsList01 .list .item .inner .img a:hover { opacity: 0.7;}
.mod_productsList01 .list .item .inner .img img { width: 100%;height: auto;}
.mod_productsList01 .list .item .inner .detail { padding-top: 23px;}
.mod_productsList01 .list .item .inner .detail .tit { padding: 0 25px 6px;font-weight: bold; font-size: 1.7rem;}
.mod_productsList01 .list .item .inner .detail .categoryList { margin-bottom: 10px; padding: 0 25px;}
.mod_productsList01 .list .item .inner .detail .categoryList .cat01,
.mod_productsList01 .list .item .inner .detail .categoryList .cat02 { display: inline-block;line-height: 1;padding: 6px 14px;background: #4d8fd1; color: #fff;font-size: 1.2rem;}
.mod_productsList01 .list .item .inner .detail .categoryList .cate01 { margin-right: 5px;}
.mod_productsList01 .list .item .inner .detail .txt { padding: 0 25px 30px;font-size: 1.4rem;}
.mod_productsList01 .list .item .inner .detail .link a { display: block;position: relative;line-height: 1;padding: 20px 0;border-top: 2px solid #fff;color: #333; text-align: center;}
.mod_productsList01 .list .item .inner .detail .link a:after { position: absolute;top: 50%;right: 25px;width: 8px;height: 14px;background: url(../img/common/ico_arwR01.png) no-repeat center;background-size: contain; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_productsList01 .list .item .inner .detail .link a:hover { background: #bccbda;}
.mod_productSet01 { padding: 80px 85px 40px; background: #fff;}
.mod_productSet01 .head { position: relative;margin-bottom: 40px;}
.mod_productSet01 .head .tit { line-height: 1;padding-left: 20px;border-left: 8px solid #4d8fd1; font-weight: bold;font-size: 3.3rem;}
.mod_productSet01 .head .link { position: absolute;top: 0;right: 0;width: 170px;height: 40px;line-height: 40px;background: #edf1f5; color: #333;text-align: center;}
.mod_productSet01 .head .link:after { position: absolute;top: 50%;right: 10px;width: 16px;height: 13px;background: url(../img/common/ico_blank.png) no-repeat center;background-size: contain; content: '';-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mod_productSet01 .body { display: -webkit-box;display: -ms-flexbox;display: flex;padding-bottom: 30px;}
.mod_productSet01 .body .img { width: 440px;}
.mod_productSet01 .body .img .item img { margin: 0 auto;}
.mod_productSet01 .body .img .bx-wrapper { margin-bottom: 0; box-shadow: none; border: 1px solid #dfdede; }
.mod_productSet01 .body .img .bx-wrapper .bx-viewport > ul { height: 100%; }
.mod_productSet01 .body .img .bx-wrapper .item { display: flex; align-items: center; justify-content: center; height: 100%; }
.mod_productSet01 .body .img .bx-pager { position: relative;overflow: hidden; margin-top: 15px;}
.mod_productSet01 .body .img .bx-pager a { position: relative;float: left;width: 84px;height: 55px;cursor: pointer;}
.mod_productSet01 .body .img .bx-pager a:not(:last-child) { margin-right: 5px;}
.mod_productSet01 .body .img .bx-pager a:before { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3); content: '';}
.mod_productSet01 .body .img .bx-pager a:after { position: absolute;top: 0;left: 0;width: -webkit-calc(100% - 6px);width: calc(100% - 6px);height: -webkit-calc(100% - 6px);height: calc(100% - 6px);border: 3px solid transparent; content: '';}
.mod_productSet01 .body .img .bx-pager a.active:before { display: none;}
.mod_productSet01 .body .img .bx-pager a.active:after { border-color: #4d8fd1;}
.mod_productSet01 .body .info { width: -webkit-calc(100% - 440px);width: calc(100% - 440px);padding-left: 50px;}
.mod_productSet01 .body .info .copy { line-height: 1.58333; margin-bottom: 25px;font-weight: bold;font-size: 2.4rem;}

.mod_productSet01 .body .info .detail { display: table; width: 100%; }
.mod_productSet01 .body .info .detail .detailSet { display: table-row; position: relative; width: 100%; }
.mod_productSet01 .body .info .detail .detailSet dt { display: table-cell; width: 112px; padding: 20px;font-weight: bold; vertical-align: middle; text-align: center; box-sizing: border-box; background: #edf0f5;}
.mod_productSet01 .body .info .detail .detailSet dd { display: table-cell;padding: 20px; vertical-align: middle; border-top: 1px solid #dfdede; }
.mod_productSet01 .body .info .detail .detailSet.fullsize span + span:before { content: '、';}
.mod_productSet01 .body .info .detail .detailSet + .detailSet dt { border-top: 1px solid #fff; }
.mod_productSet01 .body .info .detail .detailSet:last-child dd { border-bottom: 1px solid #dfdede; }

.mod_productSet01 .productSection { padding: 30px 40px; background: #e7f0f9; }

.mod_productSet01 .specArea .set { padding-top: 50px; }
.mod_productSet01 .specArea .center { text-align: center;}
.mod_productSet01 .specArea .table01 { margin-bottom: 50px;}
.mod_productSet01 .specArea .table01 th { width: 200px;}
.mod_productSet01 .specArea .movie { padding: 10px 0 50px; text-align: center;}
.mod_productSet01 .specArea .movie iframe { display: inline-block;}
.mod_productSet01 .specArea .mod_colum02 { padding: 25px 0 0;}
.mod_productSet01 .specArea .mod_colum02 figure a { display: block;}
.mod_productSet01 .body.machineColum { overflow: hidden; display: block; }
.mod_productSet01 .body.machineColum .floatArea { float: left; width: 490px; padding-bottom: 30px; }
.mod_productSet01 .body.machineColum .floatArea .img { padding: 0 40px 40px 0; box-sizing: border-box; background: #fff; }
.mod_productSet01 .body.machineColum .info { width: 100%; padding-left: 0; }
.mod_productSet01 .body.machineColum .info .copy { margin-left: 490px; margin-bottom: 0; padding-bottom: 25px; border-bottom: 1px solid #dfdede; }
.mod_productSet01 .body.machineColum .productSection { border-top: 0; padding-top: 15px; }

/*!  mod_column01
================================================ */
.mod_column01 { display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.mod_column01 > * { box-sizing: border-box; width: 31%;padding: 20px 10px 18px;background-color: #333;}
.mod_column01 > * + * { margin-left: 3%;}
/*
#styleguide
mod_column01

三カラム

```
<p class="mod_column01">mod_column01</p>
```
*/