@charset "utf-8";
#wrap #bread {
    margin: 0 auto;
}
#wrap section#tl {
    text-align: center;
    padding: 7em 0 0em;
    background: linear-gradient(to bottom, rgb(125 182 223 / 39%) 0%, rgb(135 212 224 / 6%) 62%, rgb(104 101 227 / 0%) 100%);
    margin: 0 auto;
}
@media only screen and (max-width:599px) {
#wrap section#tl {
    padding: 5em 0 1em;
}
}




.titletype01 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-feature-settings: "palt";
    letter-spacing: 0.5px;
    /* font-weight: lighter; */
    color: #165fa7;
    font-size: 210%;
}
section div.body {
    width: 95%;
    max-width: 1280px;
}
h2.titletype05 {
    margin-bottom: 1em;
    font-size: 140%;
}
@media only screen and (max-width:599px) {
h2.titletype01 {
    margin: 0.7em auto 1.5em;
    padding: 0;
    color: #165fa7;
    background-color: unset;
    font-size: 160%;
}
}



/*
wrap
*/
#wrap {
	min-width: unset;
    position: relative;
}
#wrap section {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 17px;
    font-feature-settings: "palt";
    letter-spacing: 0.5px;
    line-height: 1.7;
	margin-bottom:90px;
}
#wrap section .contentbox {
    width: 90%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.contentbox h2 {
	font-size:2em;
	line-height: 1.7;
}
.contentbox a {
    color: inherit;
    padding: 0 0px 0.05em;
    margin: 0 0px 0.2em 2px;
    border-bottom: 1px dotted #0074c194;
    font-weight: bold;
    position: relative;
}
.contentbox a:hover{
	color:#0074c1;
}
.contentbox a.blank:after {
    font-size: 57%;
    font-weight: lighter;
    position: absolute;
    color: #929cad;
    text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff;
    margin: 3px 0 0 4px;
}
.contentbox h2 {
    text-align: center;
    line-height: 1.2;
    font-size: 175%;
    letter-spacing: 2px;
}
.contentbox h2 span {
    font-size: 13px;
    color: #a2b2bb;
    letter-spacing: 0.1px;
    font-weight: 200;
    font-style: italic;
}
.contentbox h3 {
	font-size:1.2em;
}
.contentbox p {
    font-size: 1.1em;
}
.contentbox figure {
	width:100%;
}
.contentbox figure img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 0px 13px #ffffff);
}
#wrap .pcv {
	display:initial;
}
#wrap .spv {
	display: none;
}
.br_pc{
    display: block;
}
.br_sp{
    display: none;
}
@media only screen and (max-width:599px) {
#wrap section {
    margin-bottom:30px;
}
#wrap section .contentbox {
    overflow: hidden;
    width: 100%;
}
.contentbox h1 {
    font-size:2em;
}	
.contentbox h2 {
    font-size: 1.5em;
}
.contentbox h3 {
    font-size:1em;
}	
.contentbox p {
    font-size: 1em;
    text-align: justify;
}
.contentbox a {
    padding: 0 0px 0.25em;
    line-height: 1.8;
}
#wrap .pcv {
    display:none;
}	
#wrap .spv {
    display: initial;
}
.br_pc{
    display: none;
}
.br_sp{
    display: block;
}
}





/*
history
*/
#wrap section#history {
    background: linear-gradient(to top, rgb(124 187 223 / 53%) 0.4%, rgb(120 212 148 / 7%) 8%, rgb(107 206 228 / 0%) 25%);
    margin-bottom: 0;
}
.contentbox .historybox01 {
    position: relative;
    padding: 5em 0px 25px;
}
.contentbox .historybox01 h2 {
    color: #0b3061;
    font-size: 195%;
    color: #dcfaff;
}
.contentbox .historybox01 span {
    color: #b7d1e3;
}
.contentbox .historybox02 {
    margin: 0em auto 5em;
}
.contentbox .historybox02 h3 {
    text-align: center;
    margin: -3.3em auto 1.9em;
    font-size: 310%;
    font-weight: normal;
    color: #165fa7;
    font-weight: 200;
}
.contentbox .historybox02 p {
    text-align: center;
    margin: 0 auto;
    line-height: 2;
    max-width: 1050px;
    letter-spacing: 0.7px;
    font-size: 135%;
    color: #165fa7;
    font-weight: lighter;
}
.contentbox .historybox03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin-bottom: 7px;
    padding-bottom: 16em;
}
.contentbox .historybox03-bar {
    position: absolute;
    top: -10px;
    bottom: 0;
    left: calc(50% - 0.5px);
    width: 1px;
    margin: 0;
    background: linear-gradient(180deg, #87a5c7 0%,  #5da3d5 95%, #67839300 100%);
    z-index: 0;
    background: linear-gradient(180deg, #5da3d5 0%, #5da3d5 92%, #67839300 100%);
    background-size: auto;
    background-repeat: no-repeat;
}
.contentbox .dot {
    position: absolute;
    bottom: 0;
    left: calc(50% - 0.5px);
    width: 9px;
    height: 9px;
    margin: 0 0 0 -4px;
    background: #0074c1;
    border-radius: 50%;
}
.contentbox .dot2015 {top: -10px;}
.contentbox .dot201604 {top: 311px;}
.contentbox .dot201605 {top: 450px;}
.contentbox .dot201606 {top: 510px;}
.contentbox .dot201612 {top: 743px;}
.contentbox .dot201703 {top: 910px;}
.contentbox .dot201705 {top: 1010px;}
.contentbox .dot201803 {top: 1250px;}
.contentbox .dot201810 {top: 1510px;}
.contentbox .dot201903 {top: 1680px;}
.contentbox .dot201904 {top: 1770px;}
.contentbox .dot201907 {top: 1990px;}
.contentbox .dot202011 {top: 2305px;}
.contentbox .dot202110 {bottom: 1430px;}
.contentbox .dot202202 {bottom: 1300px;}
.contentbox .dot202301 {bottom: 1150px;}
.contentbox .dot202305 {bottom: 900px;}
.contentbox .dot202307 {bottom: 830px;}
.contentbox .dot202311 {bottom: 700px;}
.contentbox .dot202312 {bottom: 630px;}
.contentbox .dot202505 {bottom: 480px;}
.contentbox .dot202509 {bottom: 400px;}

.contentbox .historybox03-year {
    position: absolute;
    width: 6em;
    left: calc(50% - 3em);
    text-align: center;
    font-size: 7em;
    font-style: italic;
    font-weight: normal;
    color: #d1ebf7;
    z-index: 1;
    font-family: system-ui;
    letter-spacing: 3px;
    top: 91px;
    opacity: 1;
}
.contentbox .historybox03-year.y2016 {
    top: 0.3em;
}
.contentbox .historyprodwrap {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    z-index: 1;
}
.contentbox .historyprod {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    margin-bottom: 1em;
    z-index: 2;
    transition-duration: 0.8s;
}
.contentbox .historyprod figure {
    width: 230px;
    z-index: -1;
    position: absolute;
    transition: all 0.3s ease-out;
    filter: drop-shadow(0px 0px 25px #ffffff);
}
.contentbox .historyprod p {
    width: fit-content;
    font-size: 0.95em;
    text-shadow: 3px 3px 3px #ffffff, -3px 3px 3px #ffffff, 3px -3px 3px #ffffff, -3px -3px 3px #ffffff;
    font-style: italic;
    color: #315f9b;
    position: relative;
}
.contentbox .historyprod b {
    line-height: 1.5;
    margin: 0.2em auto 0;
    font-size: 110%;
    font-style: normal;
    color: #001a44;
    display: contents;
}
.contentbox .historyprod.dummy {
	height:1px;
	margin:0px;
	overflow: hidden;
}
.contentbox .historyprod.center {
    width: 84%;
    margin-left: 14%;
    margin-right: 5%;
    margin-bottom: 90px;
    position: relative;
}
.contentbox .historyprod.center p {
	width:100%;
	max-width:none;
}
.contentbox .historyprod.left {
    width: 59%;
    padding-top: 0;
    margin-left: 10%;
    margin-top: 0px;
    margin-right: 0%;
    justify-content: end;
    position: relative;
}
.contentbox .historyprod.left figure {
    position: absolute;
    bottom: 0;
    left: 0;
}
.contentbox .historyprod.left p {
    margin: 0 auto 3.5em 27%;
}
.contentbox .historyprod.right {
    width: 53%;
    margin-right: 2%;
    justify-content: start;
    margin-top: 0;
    position: relative;
}
.contentbox .historyprod.right figure {
    order: 2;
    position: absolute;
    right: 0;
    bottom: 0;
}
.contentbox .historyprod.right p {
    order: 1;
    margin: 0 auto 0em 0%;
}
.contentbox .historyprod.width_l figure {width: 360px;}
.contentbox .historyprod.width_m figure {width: 290px;}
.contentbox .historyprod.history_2015 {margin-top: 3em;}
.contentbox .historyprod.history_2016_04 {margin-bottom: 8em;}
.contentbox .historyprod.history_2017_03 {margin: 4em auto 2em 10%;}
.contentbox .historyprod.history_2017_05_02 {margin-top: 2em;}
.contentbox .historyprod.history_2018_03_02 {margin-top: 3em;}
.contentbox .historyprod.history_2019_03 {margin: 2em 0 2em 10%;}
.contentbox .historyprod.history_2019_04 {margin: 2em 0 2em 10%;}
.contentbox .historyprod.history_2019_07 {margin: 2em 0 2em auto;}
.contentbox .historyprod.history_2020_11 {margin: 8em 0 2em 10% !important;}
.contentbox .historyprod.history_2022_02 {margin: 3em 0 2em 10%;}
.contentbox .historyprod.history_2023_01 {margin: 0em 0 2em auto;}
.contentbox .historyprod.history_2023_07 {margin: 2em 0 1em auto;}
@media only screen and (max-width:599px) {
#wrap section#history .contentbox {
    padding-top: 0em;
}
.contentbox .historybox02 {
    margin: 0 auto 2em;
}
.contentbox .historybox02 h3 {
    margin: 1.8em auto 0.9em;
    font-size: 175%;
    line-height: 1.7;
}
.contentbox .historyprod.history_2016_04 {margin: 2em auto 2em !important;}
.contentbox .historyprod.history_2019_07 {margin: 2em auto 4em !important;}
.contentbox .historyprod.history_2020_11 {margin: 8em 0 4em 10% !important;}
.contentbox .historyprod.history_2023_12 {margin: 2em auto 30px !important;}
.contentbox .historyprod.history_2023_12 p {margin: -6px auto 0em !important;}
.contentbox .historyprod.history_2025_05 p {margin: -14px auto 0em !important;}
}


.contentbox .historyprod.history_2015 figure {
    left: calc(15% + 561px);
    width: 293px;
    bottom: -5px;
}
.contentbox .historyprod.history_2016_05 figure {
    left: calc(15% + 276px);
    width: 173px;
    bottom: -8px;
}
.contentbox .historyprod.history_2016_06 figure {
    width: 161px;
    bottom: 43px;
    left: calc(10% + -42px);
}
.contentbox .historyprod.history_2016_12 figure {
    bottom: 0px;
    width: 350px;
    left: calc(15% + 175px);
}
.contentbox .historyprod.history_2017_03 figure {
    bottom: 39px;
    left: calc(10% + -128px);
    width: 304px;
}
.contentbox .historyprod.history_2017_05_01 figure {
    left: 340px;
    bottom: -6px;
    width: 320px;
}
.contentbox .historyprod.history_2017_05_02 figure {
    width: 115px;
    bottom: 20px;
    left: calc(10% + -30px);
}
.contentbox .historyprod.history_2018_03_01 figure {
    left: calc(15% + 290px);
    bottom: -33px;
}
.contentbox .historyprod.history_2018_03_02 figure {
    width: 157px;
    left: calc(10% + -46px);
    bottom: 59px;
}
.contentbox .historyprod.history_2018_10 figure {
    left: calc(15% + 298px);
    width: 140px;
    bottom: -3px;
}
.contentbox .historyprod.history_2019_03 figure {
    width: 370px;
    left: calc(10% + -214px);
    bottom: 33px;
}
.contentbox .historyprod.history_2019_04 figure {
    width: 110px;
    left: calc(10% + 36px);
    bottom: 21px;
}
.contentbox .historyprod.history_2019_07 figure {
    bottom: -9px;
    width: 420px;
    left: calc(10% + 260px);
}
.contentbox .historyprod.history_2020_11 figure {
    width: 260px;
    left: calc(10% + -170px);
    bottom: 20px;
}
.contentbox .historyprod.history_2021_10 figure {
    left: calc(15% + 270px);
    bottom: -24px;
    width: 250px;
}
.contentbox .historyprod.history_2022_02 figure {
    left: calc(15% - 180px);
    bottom: 61px;
}
.contentbox .historyprod.history_2023_01 figure {
    bottom: 4px;
    left: calc(15% + 346px);
    width: 340px;
}
.contentbox .historyprod.history_2023_05 figure {
    bottom: 57px;
    left: calc(15% - 172px);
}
.contentbox .historyprod.history_2023_07 figure {
    width: 180px;
    bottom: 29px;
    left: calc(15% + 290px);
}
.contentbox .historyprod.history_2023_11_shinagawa figure {
    width: 10px;
}
.contentbox .historyprod.history_2023_12 figure {
    bottom: 61px;
    left: calc(15% + 320px);
    width: 300px;
}
.contentbox .historyprod.history_2025_05 figure {
    bottom: 33px;
    left: calc(15% - 170px);
}
.contentbox .historyprod.history_2025_09 figure {
    bottom: 51px;
    left: calc(15% + 285px);
    width: 320px;
}
.contentbox .historyprod.history_2025_09 p {
    min-width: 710px;
}
@media only screen and (max-width:1589px) {
.contentbox .historyprod.history_2016_06 figure {
    width: 146px;
    bottom: 37px;
    left: calc(10% + -53px);
}
.contentbox .historyprod.history_2017_03 figure {
    bottom: 34px;
    left: calc(10% + -125px);
    width: 288px;
}
.contentbox .historyprod.history_2017_05_01 figure {
    left: 300px;
    bottom: 30px;
}
.contentbox .historyprod.history_2019_03 figure {
    left: calc(10% + -182px);
    bottom: 35px;
    width: 321px;
}
.contentbox .historyprod.history_2019_07 figure {
    bottom: 21px;
    width: 379px;
    left: calc(10% + 200px);
}
.contentbox .historyprod.history_2023_01 figure {
    bottom: 72px;
    left: calc(15% + 210px);
    width: 340px;
}
.contentbox .historyprod.history_2023_12 figure {
    left: calc(15% + 230px);
}
.contentbox .historyprod.history_2025_09 figure {
    left: calc(15% + 230px);
    width: 320px;
    bottom: 75px;
}
.contentbox .historyprod.history_2025_09 p {
    min-width: unset;
}
}
@media only screen and (max-width:1259px) {
.contentbox .dot2015 {top: -10px;}
.contentbox .dot201604 {top: 311px;}
.contentbox .dot201605 {top: 550px;}
.contentbox .dot201606 {top: 670px;}
.contentbox .dot201612 {top: 763px;}
.contentbox .dot201703 {top: 910px;}
.contentbox .dot201705 {top: 1040px;}
.contentbox .dot201803 {top: 1280px;}
.contentbox .dot201810 {top: 1530px;}
.contentbox .dot201903 {top: 1700px;}
.contentbox .dot201904 {top: 1900px;}
.contentbox .dot201907 {top: 2090px;}
.contentbox .dot202011 {top: 2380px;}
.contentbox .dot202110 {bottom: 1450px;}
.contentbox .dot202202 {bottom: 1300px;}
.contentbox .dot202301 {bottom: 1150px;}
.contentbox .dot202305 {bottom: 990px;}
.contentbox .dot202307 {bottom: 830px;}
.contentbox .dot202311 {bottom: 700px;}
.contentbox .dot202312 {bottom: 640px;}
.contentbox .dot202505 {bottom: 500px;}
.contentbox .dot202509 {bottom: 400px;}

.contentbox .historyprod.history_2016_05 figure {
    left: calc(15% + 288px);
    width: 173px;
    bottom: 2px;
}
.contentbox .historyprod.history_2016_12 figure {
    bottom: 34px;
    width: 340px;
    left: calc(15% + 156px);
}
.contentbox .historyprod.history_2019_04 figure {
    width: 110px;
    left: calc(10% + 6px);
    bottom: 35px;
}


}
@media only screen and (max-width:1199px) {
.contentbox .dot2015 {top: -10px;}
.contentbox .dot201604 {top: 311px;}
.contentbox .dot201605 {top: 550px;}
.contentbox .dot201606 {top: 690px;}
.contentbox .dot201612 {top: 763px;}
.contentbox .dot201703 {top: 910px;}
.contentbox .dot201705 {top: 1040px;}
.contentbox .dot201803 {top: 1310px;}
.contentbox .dot201810 {top: 1560px;}
.contentbox .dot201903 {top: 1730px;}
.contentbox .dot201904 {top: 1900px;}
.contentbox .dot201907 {top: 2090px;}
.contentbox .dot202011 {top: 2390px;}
.contentbox .dot202110 {bottom: 2520px;}
.contentbox .dot202202 {bottom: 1350px;}
.contentbox .dot202301 {bottom: 1150px;}
.contentbox .dot202305 {bottom: 1022px;}
.contentbox .dot202307 {bottom: 830px;}
.contentbox .dot202311 {bottom: 700px;}
.contentbox .dot202312 {bottom: 640px;}
.contentbox .dot202505 {bottom: 500px;}
.contentbox .dot202509 {bottom: 400px;}
.contentbox .historybox02 p {
    width: 100%;
}
.contentbox .historyprod.left {
    width: 65%;
}
.contentbox .historyprod.history_2015 figure {
    left: calc(15% + 474px);
    width: 293px;
    bottom: 39px;
}
.contentbox .historyprod.history_2016_12 figure {
    bottom: 34px;
    width: 327px;
    left: calc(15% + 119px);
}
.contentbox .historyprod.history_2017_05_01 figure {
    left: 221px;
    bottom: 30px;
    width: 300px;
}
.contentbox .historyprod.history_2018_03_01 figure {
    left: calc(15% + 224px);
    bottom: 9px;
}
.contentbox .historyprod.history_2019_07 figure {
    bottom: 46px;
    width: 318px;
    left: calc(10% + 154px);
}
.contentbox .historyprod.history_2021_10 figure {
    left: calc(15% + 223px);
    bottom: 37px;
    width: 237px;
}
.contentbox .historyprod.history_2023_01 figure {
    bottom: 72px;
    left: calc(15% + 157px);
    width: 296px;
}
.contentbox .historyprod.history_2023_07 figure {
    width: 180px;
    bottom: 29px;
    left: calc(15% + 275px);
}
.contentbox .historyprod.history_2023_12 figure {
    left: calc(15% + 157px);
}
    .contentbox .historyprod.history_2025_09 figure {
    left: calc(15% + 158px);
    width: 294px;
    bottom: 98px;
}
}
@media only screen and (max-width:599px) {
.contentbox .dot {display: none;}
.contentbox .historybox03-bar {
    top: 130px;
    bottom: 60px;
}
#wrap section#history {
    background-position: 50% -19em;
    background-size: 210% auto;
    margin: -6em auto 0;
    padding: 5em 0 0em;
    background: linear-gradient(to top, rgb(124 187 223 / 53%) 0%, rgb(120 212 148 / 7%) 2%, rgb(107 206 228 / 2%) 8%);
}
.contentbox .historybox01 {
    padding: 35px 0px;
}
.contentbox .historybox01 h2 {
    font-size: 165%;
    margin-top: 3em;
}
.contentbox .historybox02 p {
    width: 80%;
    font-size: 100%;
    line-height: 1.8;
    text-align: justify;
    letter-spacing: 0;
}
.contentbox .historyprod.center {
    margin: 0 auto 10px;
}
.contentbox .historybox03 {
    width: 100%;
    margin: 0 auto -4em;
    padding-bottom: 12em;
}
.contentbox .historybox03-year {
    font-size: 5.5em;
}
.contentbox .historybox03-year.y2016 {
    top: 1.3em;
}
.contentbox .historybox03-year.y2020 {
    top: 4.5em;
    z-index: -1;
}
.contentbox .historyprod {
    width: 80% !important;
    position: static !important;
    margin: 0px auto 4em !important;
    display: block;
}
.contentbox .historyprod p {
    max-width: unset;
    font-size: 0.88em;
    margin: 0.7em auto 1.5em !important;
    min-width: unset !important;
    padding: 0 !important;
    order: 2 !important;
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.2px;
}
.contentbox .historyprod b {
    font-size: 103%;
    line-height: 1.6;
}
.contentbox .historyprod figure {
    width: 60%;
    margin: 0 auto !important;
    order: 1 !important;
    position: static !important;
}	
.contentbox .historyprod.history_2015 {
    margin-top: 3em !important;
    margin-bottom: 1.5em !important;
}
.contentbox .historyprod.history_2016_05 p {
    margin: -0.5em auto 1.5em !important;
}
.contentbox .historyprod.history_2016_06 p {
    margin: -0.5em auto 1.5em !important;
}
.contentbox .historyprod.history_2017_05_02 p {
    margin: -0.5em auto 1.5em !important;
}
.contentbox .historyprod.history_2018_03_01 p {
    margin: -0.5em auto 1.5em !important;
}
.contentbox .historyprod.history_2019_03 p {
    margin: -0.9em auto 1.5em !important;
}
.contentbox .historyprod.history_2016_12 figure {
    width: 90%;
    max-width: 330px;
}
.contentbox .historyprod.history_2018_10 figure {width: 130px;}
.contentbox .historyprod.history_2019_03 figure {width: 94%;} 
.contentbox .historyprod.history_2020_11 figure {width: 210px;}
.contentbox .historyprod.history_2023_05 figure {width: 210px;}
}



#technology div{
    margin: 15px auto 153px;
    text-align: center;
    display: block;
    color: #009cc1;
}
#technology a{
    text-align: center;
    margin: -120px auto 140px;
    display: block;
    width: 290px;
}
#technology a p{
    text-align: center;
    font-size: 200%;
    color: #165fa7;
    letter-spacing: 2px;
    font-weight: 100;
}
@media only screen and (max-width:599px) {
#technology div {
    margin: 15px auto 45px;
}
#technology div b{
    display: none;
}
#technology a {
    width: 240px;
}
#technology a p {
    font-size: 160%;
}
}



footer#footer {
	margin-top:0px;
}