.history-flow{position:relative}
.history-flow__line{position:absolute;top:0;z-index:-1;background-color:#000}
.history-flow__title{color:#c00;background-color:#fff}
.history-flow-block[data-pos=left]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.history-flow-block[data-pos=right]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.history-flow-card__year{font-weight:700}
.history-flow-card__text{position:relative;border-top:1px solid #000}
.history-flow-card__text::before{position:absolute;content:'';display:block;background-color:#222;border-radius:50px}
.history-flow-card__txt .note{display:block;margin-top:0;font-size:.5em;line-height:1.5em}
.history-flow-card__img{margin-top:.625rem}
.history-flow-card__img::after{content:'';display:block;clear:both}
.history-flow-card__img img{float:left}
.history-flow-action{margin:.625rem 0 .9375rem;padding-left:.9375rem}
.history-flow-action button{width:100%}
.history-flow-action button.active span:first-child{display:none}
.history-flow-action button.active span:last-child{display:block}
.history-flow-action button span{position:relative;display:block;padding:.6875rem 0;text-align:center;font-size:.875rem;line-height:1;font-weight:700}
.history-flow-action button span:first-child{display:block;background-color:#e6e6e6}
.history-flow-action button span:first-child::before{position:absolute;top:50%;right:.8125rem;content:'';display:block;width:14px;height:2px;background-color:#c00;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.history-flow-action button span:first-child::after{position:absolute;top:50%;right:1.1875rem;content:'';display:block;width:2px;height:14px;background-color:#c00;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.history-flow-action button span:last-child{display:none;color:#fff;background-color:#4d4d4d}
.history-flow-action button span:last-child::before{position:absolute;top:50%;right:.8125rem;content:'';display:block;width:14px;height:2px;background-color:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.history-flow--logo .history-flow__line{border-top:26px solid #fff}
.history-flow--logo .history-flow-block:nth-child(8) .history-flow-card{position:relative}
.history-flow--logo .history-flow-block:nth-child(8) .history-flow-card:before{position:absolute;top:26px;bottom:0;display:block;width:4px;background:#fff;content:''}
.history-flow--logo .history-flow-card__img{position:static;text-align:center}
.history-flow--logo .history-flow-card__img img{float:none}
.history-pager{border-top:2px solid #4d4d4d}
.history-pager-container{position:relative}
.history-pager-list__item.active .history-pager__link{color:#fff;background-color:#c00;border-color:#c00}
.history-pager__link{display:block;width:100%;text-align:center;font-weight:700;border:2px solid #4d4d4d;-webkit-box-sizing:border-box;box-sizing:border-box}
.history-pager__link:hover{text-decoration:none}
.history-pager__link.active{color:#fff;background-color:#c00;border-color:#c00}
.history-pager .swiper-button-next{top:0;right:0;margin-top:0;background-color:#fff;background-image:url(/corporate/common/img/icon_arrow_right.png);background-position:center center;background-size:.9375rem .9375rem;border:2px solid #4d4d4d;-webkit-box-sizing:border-box;box-sizing:border-box}
.history-pager .swiper-button-prev{top:0;left:0;margin-top:0;background-color:#fff;background-image:url(/corporate/common/img/icon_arrow_left.png);background-position:center center;background-size:.9375rem .9375rem;border:2px solid #4d4d4d;-webkit-box-sizing:border-box;box-sizing:border-box}
.heading+.cols{margin-top:35px}
@media print,screen and (min-width:768px){.content-mainvisual--profile{background-image:url(/corporate/gaiyo/history/img/main_visual.jpg)}
.history-flow__line{left:50%;width:4px;height:calc(100% - 40px)}
.history-flow__title{font-size:1.875rem;line-height:1.66667;text-align:center}
.history-flow__title+.history-flow-block{margin-top:3.75rem}
.history-flow-block{display:-webkit-box;display:-ms-flexbox;display:flex;height:4.375rem}
.history-flow-block.separate{margin-top:2.8125rem}
.history-flow-block+.history-flow-block[data-pos].separate{margin-top:5.625rem}
.history-flow-block+.history-flow-block[data-pos].separate--wide{margin-top:7.5rem}
.history-flow-block[data-pos=left]+[data-pos=left]{margin-top:2.8125rem}
.history-flow-block[data-pos=left] .history-flow-card__text{padding-right:1.6875rem}
.history-flow-block[data-pos=left] .history-flow-card__text::before{right:-2px;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}
.history-flow-block[data-pos=right]+[data-pos=right]{margin-top:2.8125rem}
.history-flow-block[data-pos=right] .history-flow-card__year{padding-left:1.6875rem}
.history-flow-block[data-pos=right] .history-flow-card__text{padding-left:1.6875rem}
.history-flow-block[data-pos=right] .history-flow-card__text::before{left:2px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.history-flow-block+.history-flow__title{margin-top:2.8125rem}
.history-flow-block+.history-flow__title.separate{margin-top:7.5rem}
#his2021.separate{margin-top:4.5rem}
.history-flow-card{width:50%}
.history-flow-card__year{font-size:1rem;line-height:1}
.history-flow-card__text{margin-top:10px}
.history-flow-card__text::before{top:0;width:16px;height:16px}
.history-flow-card__txt{margin-top:.625rem;font-size:1rem;line-height:1.75}
.history-flow-card__img{position:absolute}
.history-flow-action{display:none}
.history-flow-action+.history-flow__title{margin-top:2.8125rem}
.history-flow-action+.history-flow__title.separate{margin-top:7.5rem}
.history-flow--logo{margin-top:90px}
.history-flow--logo .history-flow-block{height:auto}
.history-flow--logo .history-flow-block:nth-child(2),.history-flow--logo .history-flow-block:nth-child(3),.history-flow--logo .history-flow-block:nth-child(4){height:100px}
.history-flow--logo .history-flow-block:nth-child(5){height:250px}
.history-flow--logo .history-flow-block:nth-child(6){height:200px}
.history-flow--logo .history-flow-block:nth-child(7){height:300px}
.history-flow--logo .history-flow-block:nth-child(8) .history-flow-card:before{right:-4px}
.history-flow--logo .history-flow-card__img{margin-top:30px}
.history-link-container{margin-top:2.5rem}
.history-pager{margin:3.75rem auto 0;padding-top:3.125rem}
.history-pager.separate{margin-top:5.625rem}
.history-pager-container{padding:0 4.3125rem}
.history-pager-list__item{width:27%}
.history-pager__link{padding:1.0625rem 0;font-size:1rem;line-height:1}
.history-pager__link--logo{max-width:31.25rem;margin:0 auto}
.history-pager .swiper-button-next{width:3.375rem;height:100%}
.history-pager .swiper-button-prev{width:3.375rem;height:100%}
.cols{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.cols .col.large{width:56%}
.cols .col.small{width:38.5%}
}
@media only screen and (max-width:767px){.content-mainvisual--profile{background-image:url(/corporate/gaiyo/history/img/main_visual_sp.jpg)}
.history-flow__line{left:0;width:3px;height:100%}
.history-flow__title{font-size:1.3125rem;line-height:2.42857;text-indent:-.3em}
.history-flow-block{margin-top:1.5625rem}
.history-flow-blocks{display:none}
.history-flow-blocks.opend{display:block}
.history-flow-block+.history-flow__title{margin-top:.9375rem}
.history-flow-card__year{font-size:.875rem;line-height:1;padding-left:.9375rem}
.history-flow-card__text{margin-top:.625rem;padding-left:.9375rem}
.history-flow-card__text::before{top:-4px;left:-2px;width:7px;height:7px}
.history-flow-card__txt{margin-top:.4375rem;font-size:.875rem;line-height:1.42857}
.history-flow-card__img img{width:50%}
.history-flow-action{display:block}
.history-flow--logo{margin-top:35px}
.history-flow--logo .history-flow-block:nth-child(8) .history-flow-card:before{left:0}
.history-flow--logo .history-flow-card__img{margin-top:15px}
.history-flow--logo .history-flow-card__img img{width:auto;max-width:75%}
.history-link-container{margin-top:.9375rem;padding:0}
.history-pager{margin:2.1875rem auto 0;padding-top:1.875rem}
.history-pager-container{padding:0 3.75rem}
.history-pager-list__item{width:calc(100% - 115px)}
.history-pager__link{padding:.9375rem 0;font-size:.875rem;line-height:1}
.history-pager .swiper-button-next{width:3rem;height:3rem}
.history-pager .swiper-button-prev{width:3rem;height:3rem}
.cols .col+.col{margin-top:20px}
}