@charset "UTF-8";
/* =================================================================== use contact =================================================================== */
/* ===================================================================
  _mixin.css
=================================================================== */
html { font-size: 10px; }
.text-anime { color: #ffffff; text-align: center; font-weight: 600; }
.text-anime span { opacity: 0; -webkit-transition: all, 550ms; -moz-transition: all, 550ms; transition: all, 550ms; -webkit-filter: blurunquote("(25px)"); filter: blurunquote("(25px)"); -webkit-transform: translateZunquote("(0)"); -moz-transform: translateZunquote("(0)"); -ms-transform: translateZunquote("(0)"); transform: translateZunquote("(0)"); }
.text-anime span:nth-child(22) { -webkit-transition-delay: 770ms; -moz-transition-delay: 770ms; transition-delay: 770ms; }
.text-anime span:nth-child(21) { -webkit-transition-delay: 735ms; -moz-transition-delay: 735ms; transition-delay: 735ms; }
.text-anime span:nth-child(20) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; transition-delay: 700ms; }
.text-anime span:nth-child(19) { -webkit-transition-delay: 665ms; -moz-transition-delay: 665ms; transition-delay: 665ms; }
.text-anime span:nth-child(18) { -webkit-transition-delay: 630ms; -moz-transition-delay: 630ms; transition-delay: 630ms; }
.text-anime span:nth-child(17) { -webkit-transition-delay: 595ms; -moz-transition-delay: 595ms; transition-delay: 595ms; }
.text-anime span:nth-child(16) { -webkit-transition-delay: 560ms; -moz-transition-delay: 560ms; transition-delay: 560ms; }
.text-anime span:nth-child(15) { -webkit-transition-delay: 525ms; -moz-transition-delay: 525ms; transition-delay: 525ms; }
.text-anime span:nth-child(14) { -webkit-transition-delay: 490ms; -moz-transition-delay: 490ms; transition-delay: 490ms; }
.text-anime span:nth-child(13) { -webkit-transition-delay: 455ms; -moz-transition-delay: 455ms; transition-delay: 455ms; }
.text-anime span:nth-child(12) { -webkit-transition-delay: 420ms; -moz-transition-delay: 420ms; transition-delay: 420ms; }
.text-anime span:nth-child(11) { -webkit-transition-delay: 385ms; -moz-transition-delay: 385ms; transition-delay: 385ms; }
.text-anime span:nth-child(10) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; transition-delay: 350ms; }
.text-anime span:nth-child(9) { -webkit-transition-delay: 315ms; -moz-transition-delay: 315ms; transition-delay: 315ms; }
.text-anime span:nth-child(8) { -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; transition-delay: 280ms; }
.text-anime span:nth-child(7) { -webkit-transition-delay: 245ms; -moz-transition-delay: 245ms; transition-delay: 245ms; }
.text-anime span:nth-child(6) { -webkit-transition-delay: 210ms; -moz-transition-delay: 210ms; transition-delay: 210ms; }
.text-anime span:nth-child(5) { -webkit-transition-delay: 175ms; -moz-transition-delay: 175ms; transition-delay: 175ms; }
.text-anime span:nth-child(4) { -webkit-transition-delay: 140ms; -moz-transition-delay: 140ms; transition-delay: 140ms; }
.text-anime span:nth-child(3) { -webkit-transition-delay: 105ms; -moz-transition-delay: 105ms; transition-delay: 105ms; }
.text-anime span:nth-child(2) { -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; transition-delay: 70ms; }
.text-anime span:nth-child(1) { -webkit-transition-delay: 35ms; -moz-transition-delay: 35ms; transition-delay: 35ms; }
.text-anime.animate span { opacity: 1; -webkit-filter: blurunquote("(0px)"); filter: blurunquote("(0px)"); }
/* =================================================================== _second.css =================================================================== */
#container { padding-top: 0; }
/* .breadcrumb{ // background-color:#09186e; background-color: rgba(11, 23, 89, 0.65); position: absolute; top: 380px; left: 0; width: 100%; ol{ box-sizing: border-box; margin: 0 auto; transition: all 0.3s ease; text-align: center; } li{ color:#999; display: inline-block; @include rem(12); padding-right: 16px; &:last-child{ padding-right: 0; } &::after{ content: "ー"; color: #666666; padding-left: 16px; } &:last-child::after{ content: none; } } a{ color: #fff; } } */
.contents { background-color: #fff; padding-bottom: 60px; }
.contents-body { margin-top: 80px; }
.contents-body__typeA { padding-bottom: 40px; border-bottom: 5px solid #f5f5f5; }
.contents-body__typeA:last-child { border-bottom: none; margin-bottom: 80px; }
.inner-header { width: 510px; margin: 0 auto; display: table; }
.inner-header__icon { display: table-cell; padding-right: 55px; vertical-align: middle; }
.inner-header__title { display: table-cell; font-size: 22px; }
.inner-header__typeA { margin: 0 auto; padding-top: 90px; text-align: center; }
.inner-header__typeA__image { margin-bottom: 80px; }
.inner-header__typeA__text { margin-bottom: 75px; font-size: 20px; font-weight: 700; line-height: 47px; }
.inner-body { width: 800px; margin: 40px auto; }
.inner-body__typeA { width: 1000px; margin: auto; }
.inner-body__typeB { width: 800px; margin: 40px auto 20px; }
.inner-body__typeC { width: 800px; margin: 40px auto 0; }
.section-header { width: 800px; margin: 0 auto; }
.section-header__title { font-weight: 700; }
.section-header__is_typeA { font-size: 32px; text-align: left; margin-bottom: 60px; padding-top: 40px; }
.section-header__is_typeB { font-size: 32px; text-align: left; margin-bottom: 40px; border-bottom: 1px solid #e2e2e2; padding-bottom: 60px; padding-top: 40px; }
.section-header__is_typeC { font-size: 20px; text-align: left; margin-bottom: 30px; }
.section-header__is_typeD { font-size: 32px; text-align: center; margin-bottom: 30px; }
.section-header__is_typeE { font-size: 22px; text-align: left; margin-bottom: 30px; line-height: 1.8; }
.section-header__is_typeF { font-size: 20px; text-align: center; }
.section-header__is_typeG { font-size: 32px; text-align: center; margin-bottom: 60px; padding-top: 80px; margin-bottom: 40px; border-top: 1px solid #e2e2e2; }
.section-body { width: 800px; margin: 0 auto 40px; }
.section-body__typeA { padding: 40px 10px; border-top: 1px solid #e2e2e2; }
.section-body__typeA:last-child { border-bottom: 1px solid #e2e2e2; }
.section-body__typeB { border-bottom: 1px solid #e2e2e2; padding-bottom: 40px; }
.section-body__typeB:last-child { border-bottom: none; padding-bottom: 0; }
.section-body__typeB-title { font-size: 14px; font-weight: 700; text-align: left; margin-bottom: 20px; }
.section-body__typeC { width: 800px; margin: 0 auto 20px; }
.section-body__typeD { width: 960px; margin: 0 auto 100px; }
.section-body__typeD:last-child { margin-bottom: 60px; }
.section-body__table-typeA { margin-bottom: 10px; border-collapse: collapse; width: 100%; }
.section-body__table-typeB { border-collapse: collapse; width: 100%; }
.section-body__table-typeC { border-collapse: collapse; width: 100%; }
.section-body__table-typeC__table-title { background-color: #f5f5f5; border: 1px solid #e2e2e2; text-align: center; font-weight: 400; width: 100px; vertical-align: middle; padding: 15px 0; }
.section-body__table-typeC__table-text { border: 1px solid #e2e2e2; padding: 15px 30px; text-align: left; }
.section-body__table-title { background-color: #f5f5f5; border: 1px solid #e2e2e2; text-align: left; font-weight: 400; padding: 15px 30px; width: 100px; vertical-align: top; }
.section-body__table-text { border: 1px solid #e2e2e2; padding: 15px 30px; text-align: left; }
.section-body__table-name { border: 1px solid #e2e2e2; padding: 15px; text-align: center; width: 100px; }
.section-body__table-post { border: 1px solid #e2e2e2; padding: 15px; text-align: center; width: 100px; }
.section-body__table-note { font-size: 12px; font-weight: 500; text-align: left; margin-top: 10px; }
.section-body__map-body { width: 800px; display: table; border-bottom: 1px solid #e2e2e2; padding: 40px 0; }
.section-body__map-body:first-child { border-top: 1px solid #e2e2e2; }
.section-body__map-body-map { height: 280px; }
.section-body__map-body-title { text-align: left; font-size: 16px; font-weight: 500; margin-bottom: 35px; }
.section-body__map-body-text { text-align: left; font-size: 14px; font-weight: 400; }
.section-body__map-list { width: 400px; display: table-cell; vertical-align: middle; }
.section-body__list { clear: both; overflow: hidden; }
.section-body__item { width: 380px; float: left; border-top: 1px solid #e2e2e2; padding: 40px 0; margin-right: 40px; }
.section-body__item:last-child { margin-right: 0; }
.media__typeA { position: relative; padding-bottom: 60px; height: 980px; }
.media__typeA-bg { background: url("../images/message/message_image01.png") repeat-x; height: 360px; }
.media__typeA-image { width: 100%; -moz-background-size: cover; background-size: cover; }
.media__typeA-text { position: absolute; background: #fff; top: 300px; left: 50%; margin-left: -340px; width: 680px; padding: 60px 70px 60px; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 500; }
.box-area { clear: both; overflow: hidden; margin-bottom: 50px; }
.box-area:last-child { margin-bottom: 0; }
.box-area .box-list { float: left; margin-right: 50px; padding: 40px 0 40px 40px; border: 1px solid #e2e2e2; width: 258px; position: relative; }
.box-area .box-list:last-child { margin-right: 0; }
.box-area .box-list__title { font-size: 22px; font-weight: 700; margin-bottom: 40px; }
.box-area .box-list__text { padding-right: 25px; margin-bottom: 60px; }
.btn-column01 { width: 800px; margin: 80px auto 0; }
.btn-column01 .btn-base { display: table; margin: auto; }
.btn-column01 .btn-base__item { display: table-cell; padding: 0 20px; }
.btn-column01 .btn-base__item:first-child { border-right: 2px solid #e2e2e2; }
.btn-column01 .btn-base__item:last-child { background: url(../../common/images/icon_blank.png) no-repeat right; }
.btn-column01 .btn-base__link { border: 1px solid #e2e2e2; padding: 50px 0; font-weight: 400; font-size: 18px; text-decoration: none; text-align: center; overflow: hidden; display: block; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-column01 .btn-base__link::after { background-color: #283795; content: ''; height: 0; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.btn-column01 .btn-base__link:hover, .btn-column01 .btn-base__link:active { color: #fff; background: #283795; }
.btn-column01 .btn-base__link:hover::after, .btn-column01 .btn-base__link:active::after { height: 100%; }
.mission { width: 100%; min-width: 1140px; margin: 0 auto; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0px; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
.mission_block { display: block; width: 31.8%; width: -moz-calc(33% - 20px); width: calc(33% - 20px); width: -webkit-calc(33% - 20px); min-width: 350px; min-height: 340px; position: relative; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.mission_block:hover .link_text { width: 110px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.mission_block .brand_title { position: absolute; top: 50px; left: 50px; }
.mission_block .brand_text { position: absolute; top: 50%; margin-top: -10px; left: 50px; }
.mission_block .link_text { position: absolute; bottom: 50px; right: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 22px; height: 26px; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.mission_block .link_text:before { content: url(/images/link_ic.svg); background: url(/images/link_ic.png) no-repeat; -moz-background-size: 100%; background-size: 100%; display: inline-block; margin-top: 2px; }
.mission #brand01 { background: url(/images/brand01.png) no-repeat; -moz-background-size: 100%; background-size: 100%; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.mission #brand01:hover { -moz-background-size: 120%; background-size: 120%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.mission #brand02 { background: url(/images/brand02.png) no-repeat; -moz-background-size: 100%; background-size: 100%; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.mission #brand02:hover { -moz-background-size: 120%; background-size: 120%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.mission #brand03 { background: url(/images/brand03.png) no-repeat; -moz-background-size: 100%; background-size: 100%; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.mission #brand03:hover { -moz-background-size: 120%; background-size: 120%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-area { border-bottom: 1px solid #09186e; z-index: 2; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-area__typeA { width: 259px; height: 38px; }
.btn-area .btn-area__link { display: block; font-size: 1.5rem; padding: 4px 20px 4px 0; height: 38px; position: relative; text-align: left; text-decoration: none; z-index: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-area .btn-area__link-text { vertical-align: top; font-weight: bold; }
.btn-area .btn-area__link .icon-arrow { color: #09186e; font-size: 1.6rem; padding-right: 10px; }
.btn-area .btn-area__link::after { background-color: #283795; content: ''; height: 0; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.btn-area .btn-area__link:hover, .btn-area .btn-area__link:active { color: #fff; }
.btn-area .btn-area__link:hover::after, .btn-area .btn-area__link:active::after { height: 100%; }
.btn-area .btn-area__link:hover .icon-arrow, .btn-area .btn-area__link:active .icon-arrow { color: #fff; }
.bg_mission { border-top: 5px solid #f5f5f5; background: url(/images/section_base.jpg) repeat-x center bottom; }
/*---------------------------------------------------------------------------*/
.category-header { background: url(../../brand/images/ttl_bg.png) no-repeat left top; -moz-background-size: cover; background-size: cover; height: 460px; position: relative; }
.category-header__title { text-align: center; position: absolute; width: 100%; top: 217px; left: 0; color: #fff; font-size: 48px; }
.category-header__label { position: absolute; top: 240px; left: 0; }
.home_mv { background: url("/brand/images/home/home_image01.jpg") no-repeat; -moz-background-size: 100%; background-size: 100%; background-position: center; padding: 25%; }
.text-block { position: relative; padding-bottom: 100px; }
.text-block__text { width: 580px; padding: 40px 12px 0px 40px; font-size: 14px; font-weight: 500; line-height: 30px; }
.text-block__text-typeA { background: #fff; position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; top: -129px; right: 0; }
.text-block__text-typeB { background: #fff; position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; top: -129px; left: 80px; }

.text-block__text.text-block__text-typeA span {
  font-size: 16px;
  margin: 5px;
}