/*----------------------------------------
	about
----------------------------------------*/
/* common
----------------------------------------*/
#about #titleArea { background: #cccccc url("../../img/corp/about/bg_main_about.jpg") 50% 0 no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #about #titleArea { background: #cccccc url("../../img/corp/about/bg_main_about_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } }

@media screen and (min-width: 0px) and (max-width: 667px) { .sNavListCMS > li > ul > li { display: none !important; }
  .sNavListCMS > li > ul > li.lastChild { display: block !important; } }

/* Swiper - Mobile Touch Slider CSS */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

/* index
----------------------------------------*/
#about #aboutNav01 .gridSection02first01 > .nthChild2 .navPageCont { border-top-color: #000; }
#about #aboutNav01 .gridSection02first01 > .nthChild2 .navPageCont > dt { background: #0a3190; }
#about #aboutNav01 .gridSection02first01 > .nthChild2 .navPageCont > dt:after { border-top-color: #0a3190; }
#about #aboutNav01 .gridSection02first01 > .nthChild3 .navPageCont { border-top-color: #cc0033; }
#about #aboutNav01 .gridSection02first01 > .nthChild3 .navPageCont > dt { background: #cc0033; }
#about #aboutNav01 .gridSection02first01 > .nthChild3 .navPageCont > dt:after { border-top-color: #cc0033; }
#about #timesArea { position: relative; padding: 20px 36px 50px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #about #timesArea { padding: 20px 36px 20px; } }
#about #timesArea #timesSlider { width: 892px; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 667px) { #about #timesArea #timesSlider { width: auto; } }
#about #timesArea #timesSlider .slide-list:before, #about #timesArea #timesSlider .slide-list:after { content: ""; display: table; }
#about #timesArea #timesSlider .slide-list:after { clear: both; }
#about #timesArea #timesSlider .slide-list li { float: left; }
#about #timesArea #timesSlider .slide-list li a { display: block; width: 100%; color: inherit; border-left: 3px solid transparent; border-right: 3px solid transparent; box-sizing: border-box; }
#about #timesArea #timesSlider .slide-list li a .slideText { margin-top: 10px; text-align: left; color: #0a3190; }
#about #timesArea #timesSlider .slide-list li a .slideText dt { font-weight: 700; }
#about #timesArea #timesSlider .slide-list li a .slideText dd { font-size: 85%; }
#about #timesArea .timesLeft { position: absolute; left: 20px; top: 22%; height: 25px; margin: auto; cursor: pointer; }
@media screen and (min-width: 0px) and (max-width: 667px) { #about #timesArea .timesLeft { left: 12px; } }
#about #timesArea .timesRight { position: absolute; right: 20px; top: 22%; height: 25px; margin: auto; cursor: pointer; }
@media screen and (min-width: 0px) and (max-width: 667px) { #about #timesArea .timesRight { right: 12px; } }
#about #timesArea .timesLeft.notControl > *, #about #timesArea .timesRight.notControl > * { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }
#about #timesArea .timesPager { visibility: hidden; margin-top: 20px; text-align: center; line-height: 0; }
#about #timesArea .timesPager li { display: inline-block; margin-left: 7px; width: 9px; height: 10px; background: url("../../images/i_pager.png") no-repeat left top; font-size: 0; text-indent: -9999px; cursor: pointer; }
#about #timesArea .timesPager li.is-active { background-image: url("../../images/i_pager_active.png"); }
#about #timesArea .timesPager li:first-child { margin-left: 0; }
#about #timesArea .sliderPagination { cursor: pointer; position: absolute; bottom: 14px; left: 0; right: 0; margin: 0 auto; z-index: 20; text-align: center; }
#about #timesArea .sliderPagination .swiper-pagination-switch { display: inline-block; background: #ccc; width: 10px; height: 10px; margin: 0 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); }
#about #timesArea .sliderPagination .swiper-active-switch { background: #fdf100; }
@media screen and (min-width: 0px) and (max-width: 667px) { #about #timesArea .sliderPagination { display: none; } }
#about .fanLogo { padding-left: 22px !important; padding-right: 25px !important; }
#about .btnStyleU { top: 19px !important; }
#about .navPageIdx > ul > li .navPageCont > dt > span { padding : 0; }

/* labo
----------------------------------------*/
#about .btnLabo { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 14px 16px; text-align: center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxMWI0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjMDEzNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #d11b49, #cc0134); background-image: -moz-linear-gradient(top, #d11b49, #cc0134); background-image: linear-gradient(top, #d11b49, #cc0134); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD11B49', endColorstr='#FFCC0134'); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
#about .btnLabo:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#about .btnLabo > * { display: inline-block; vertical-align: middle; }
#about .btnLabo:after { position: absolute; content: ''; top: 0; bottom: 0; width: 9px; height: 9px; margin: auto; right: 14px; background: url("/corp/images/i_blank03.png") 0 0 no-repeat; }
#about .btnLabo:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; }

/* proshop
----------------------------------------*/
#about .btnProshop { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 14px 16px; text-align: center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNDY5YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhMzE5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #23469b, #0a3190); background-image: -moz-linear-gradient(top, #23469b, #0a3190); background-image: linear-gradient(top, #23469b, #0a3190); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF23469B', endColorstr='#FF0A3190'); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
#about .btnProshop:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#about .btnProshop > * { display: inline-block; vertical-align: middle; }
#about .btnProshop:after { position: absolute; content: ''; top: 0; bottom: 0; width: 9px; height: 9px; margin: auto; right: 14px; background: url("/corp/images/i_blank03.png") 0 0 no-repeat; }
#about .btnProshop:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; }