@charset "utf-8";
.sec:nth-child(1) .img-float-wrap.image .img-float-box{height:438px}
.sec:nth-child(1) .img-float-wrap.image .img-float-box:first-child{margin-right:1.5em; width:calc(65% - 1.5em)}
.sec:nth-child(1) .img-float-wrap.image .img-float-box:last-child{width:35%}
.sec:nth-child(1) .img-float-wrap.text{margin-top:3em}
.sec:nth-child(1) .img-float-wrap.text .img-float-box{height:auto}
.sec:nth-child(1) .img-float-wrap.text .img-float-box:first-child{width:40%}
.sec:nth-child(1) .img-float-wrap.text .img-float-box:first-child .title{font-size:1.875rem; font-weight:700}
.sec:nth-child(1) .img-float-wrap.text .img-float-box:first-child .txt{font-size:1.5rem; word-break:keep-all; line-height:1.7}
.sec:nth-child(1) .img-float-wrap.text .img-float-box:last-child{margin-left:2em; width:calc(60% - 2em)}
.sec:nth-child(1) .img-float-wrap.text .img-float-box:last-child{display:block; line-height:1.7; font-size:1.125rem; color:#666; word-break:keep-all}

.sec:nth-child(2) .img-float-wrap .img-float-box.img{width:280px; height:161px}
.sec:nth-child(2) .img-float-wrap .img-float-box.txt{display:block; padding-left:3em; width:calc(100% - 280px); height:auto}
.sec:nth-child(2) .img-float-wrap .img-float-box.txt .title{font-size:1.875rem; font-weight:700}
.sec:nth-child(2) .img-float-wrap .img-float-box.txt .txt{margin-top:.75em; font-size:1.5rem; word-break:keep-all; line-height:1.7}

.history-wrap{}
.history__title{margin-bottom:1em; font-size:1.875rem; font-weight:700}
.history__item:after{content:''; display:block; clear:both}
.history__item + .history__item{margin-top:3em}
.history__item-year{float:left; width:35%; color:#0097af}
.history__item-year .year{position:relative; display:block; padding-left:.5em; font-size:3rem; font-weight:700}
.history__item-year .year:before{content:''; position:absolute; left:0; top:6px; bottom:-3px; width:6px; background:#0097af}
.history__item-year p{margin-top:1em; font-size:1.5rem}
.history__item-list{float:left; margin-left:1em; width:calc(65% - 1em); border-top:1px solid #333; box-sizing:border-box}
.history__item-list li{padding:1em 0; border-bottom:1px solid #ddd; font-size:1.125rem}
@media screen and (max-width:1000px)  {
    .img-float-wrap.image .img-float-box{float:left}
    .sec:nth-child(1) .img-float-wrap.image .img-float-box{height:350px}
    .sec:nth-child(1) .img-float-wrap.text .img-float-box{width:100% !important}
    .sec:nth-child(1) .img-float-wrap.text .img-float-box:first-child .txt{line-height:1.5}
    .sec:nth-child(1) .img-float-wrap.text .img-float-box:last-child{margin:.5em 0 0}

    .sec:nth-child(2) .img-float-wrap .img-float-box{float:left}
    .sec:nth-child(2) .img-float-wrap .img-float-box.txt{padding-left:1.5em}
    .sec:nth-child(2) .img-float-wrap .img-float-box.txt .txt{margin-top:5px; line-height:1.5}
}
@media screen and (max-width:700px){
    .img-float-wrap .img-float-box{width:100% !important}
    .sec:nth-child(2) .img-float-wrap .img-float-box.txt{padding-left:0}
    .history__item-year,
    .history__item-list{float:none; width:100%}
    .history__item-year .year{font-size:2.4rem}
    .history__item-year p{margin-top:10px}
    .history__item-list{margin:10px 0 0}
    .history__item-list li{}
}