.col_img{height:100%;width:100%;background-size:cover;background-position:center}
.page-1920 .col_img{background-image:url(/corporate/gaiyo/history/img/img_01.jpg)}
.page-1980 .col_img{background-image:url(/corporate/gaiyo/history/img/img_02.jpg)}
.page-1990 .col_img{background-image:url(/corporate/gaiyo/history/img/img_03.jpg)}
.page-2000 .col_img{background-image:url(/corporate/gaiyo/history/img/img_04.jpg)}
.page-2010 .col_img{background-image:url(/corporate/gaiyo/history/img/img_05.jpg)}
.page-2020 .col_img{background-image:url(/corporate/gaiyo/history/img/img_07.jpg)}
.page-c-logo .col_img{background-color:#fff;background-size:contain;background-image:url(/corporate/gaiyo/history/img/img_06.jpg)}
.history-section{border:1px solid #b3b3b3;background-color:#f5f5f5}
.history-section+.history-section{margin-top:30px}
.history-section .item .button{margin-top:20px}
.history-section .history-heading{text-align:center;font-weight:700;font-size:1.5rem;margin-bottom:10px}
.history-section--banner{margin-bottom:60px;border:1px solid #b3b3b3}
.history-banner{position:fixed}
.history-banner>a{display:block}
.history-banner>a:hover{text-decoration:none}
.history-banner__text{text-align:center}
.modal{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;transition:z-index 0s linear .3s,opacity .3s ease}
.modal.is-visible{z-index:1041;opacity:1;transition:opacity .3s ease}
.modal-container,.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-overlay{z-index:1042;overflow:hidden;background:rgba(0,0,0,.8)}
.modal-container{z-index:1043;font-size:0;text-align:center;outline:0;-webkit-backface-visibility:hidden;pointer-events:none}
.modal-container:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.modal-content{position:relative;z-index:1045;display:inline-block;margin:0 auto;width:100%;font-size:1rem;text-align:left;vertical-align:middle;background-color:#fff;pointer-events:auto}
.modal-content__caption{font-weight:700;text-align:center}
.modal-close{position:absolute;z-index:1046;overflow:hidden;display:block;padding:0;cursor:pointer;box-shadow:none;height:0;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace;line-height:44px;text-align:center;text-decoration:none;background:0 0;color:#333;opacity:1;border:0;outline:0;-webkit-appearance:none}
.modal-close:after,.modal-close:before{position:absolute;top:50%;left:50%;display:block;background-color:#222;content:''}
.modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}
.modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.relate-link--outside{background-color:#bfbfbf}
.relate-link--outside .relate-links .lk-link-list__item:not(.wide) a{display:block;padding:0}
.relate-link--outside .relate-links img{width:100%;height:auto}
@media print,screen and (min-width:768px){
.history-section{min-height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.history-section:after{content:'';display:block;min-height:inherit;font-size:0}
.history-section .col{width:50%}
.history-section .col+.col{border-left:1px solid #b3b3b3}
.history-section .item{padding:8% 30px 30px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.history-section--revert{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.history-section--revert .col+.col{border-right:1px solid #b3b3b3;border-left:0}
.history-section--banner a:hover{display:block;opacity:.75}
.history-section--banner a img.show_sp{display:none}
.history-banner{bottom:30px;left:30px;z-index:11;box-shadow:0 0 15px rgba(0,0,0,.15);width:222px;background-color:#fff;border:1px solid #ccc}
.history-banner>a{color:inherit;transition:opacity .2s}
.history-banner>a:hover{opacity:.7}
.history-banner__img{border-bottom:1px solid #ccc}
.history-banner__img>img{width:100%;vertical-align:top}
.history-banner__text{padding:10px 0 6px;font-size:.875em;line-height:1.4286}
.history-banner__text>small{margin-top:5px;display:inline-block;font-size:.7857em;line-height:1.5455}
.modal-container{padding:0 20px}
.modal-content{max-width:1220px}
.modal-inner{padding:9.836% 9.836% 4.918%}
.modal-content__caption{margin-top:30px;font-size:1.125em}
.modal-close{top:2.459%;right:2.459%;padding-top:50px;width:50px}
.modal-close:after,.modal-close:before{width:45px;height:2px}
.relate-link--normal,.relate-link--outside{padding:20px 0 25px}
.relate-link--normal .lk__head,.relate-link--outside .lk__head{margin-bottom:15px}
.relate-link--outside .relate-links .lk-link-list{justify-content:center}
.relate-link--outside .relate-links .lk-link-list__item{background-color:#fff}
.relate-link--outside .relate-links .lk-link-list__item a{transition:opacity .3s linear}
.relate-link--outside .relate-links .lk-link-list__item a:hover{opacity:.7}
}
@media only screen and (max-width:767px){
.main-content{padding-bottom:30px}
.col_img{padding-top:59.83%}
.history-section+.history-section{margin-top:15px}
.history-section .col+.col{border-top:1px solid #b3b3b3}
.history-section .item{padding:25px 15px 18px}
.history-section .item .button{margin-top:16px}
.history-section .history-heading{font-size:1rem;margin-bottom:10px}
.history-section--banner{margin-bottom:30px}
.history-section--banner a img.show_pc{display:none}
.history-banner{bottom:0;left:0;z-index:11;box-shadow:0 0 10px 0 rgba(0,0,0,.5);width:100%;background-color:#252525}
.history-banner>a{display:flex;height:60px;color:#fff;justify-content:center;align-items:center}
.history-banner__img{display:none}
.history-banner__text{width:100%;font-size:.75em;line-height:1.5}
.history-banner__text>small{display:none}
.modal-container{padding:0 10px}
.modal-inner{padding:13.793% 3.448% 6.897%}
.modal-content__caption{margin-top:15px;font-size:.857em}
.modal-close{top:2.586%;right:2.586%;padding-top:30px;width:30px}
.modal-close:after,.modal-close:before{width:23px;height:1px}
.relate-link--normal .lk-container,.relate-link--outside .lk-container{padding:15px 0 20px}
.relate-link--normal .lk__head,.relate-link--outside .lk__head{margin-bottom:12px}
}