@charset "utf-8";
/* CSS Document */

body{ font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;}
#headerleft{background-color: #000052;
color:#ffffff;
margin-top:0; flex-basis:50%;
writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;

}

#headerright{ flex-basis: 50%;
    background-image: url("img/abemasaharu.jpg");
     background-size: cover;
}

.header{display: flex;
width: 100vw;
height: 980px;}

.blue {
    width: 100%;
    margin: 0;
    padding: 100px 0;
    position: relative;
    top: 200px;
}

.blue_container {
    width: 70%;
    margin: 0 auto;
    color: #ffffff;
    display: flex;
    gap: 0px 35px;
    text-align: justify;
text-justify: inter-ideograph;
}

.blue::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000052;
    transform: skewY(-3deg);
    z-index: -1;
}
.blue_h2{color:#ffffff;
font-size:70px;
line-height:1.0em;
word-break: keep-all;
text-align: left;}
.blue_h3{color:#ffffff;
font-size:23px;
margin-bottom: 20px;
margin-top: 20px;    word-break: keep-all;
text-align: left;}

.blue_p{
font-size:15px;
line-height:1.8em;}

.blue_left{flex-basis:50%;}
.blue_right{flex-basis:50%;}


.white {
    width: 100%;
    margin: 0;
    padding: 100px 0;
    position: relative;
    top: 200px;
}

.white_container {
    width: 70%;
    margin: 0 auto;
    color: #000000;
    display: flex;
    gap: 0px 35px;
    text-align: justify;
text-justify: inter-ideograph;
}

.white::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    transform: skewY(-3deg);
    z-index: -1;
}


.white_p{
font-size:15px;
line-height:1.8em;}

.white_left{flex-basis:50%;}
.white_right{flex-basis:50%;}

.white_h2{color:#a6a6a6;
font-size:70px;line-height:1.0em;word-break: keep-all;
text-align: left;}
.white_h3{color:#a6a6a6;
font-size:23px;
margin-bottom: 20px;
margin-top: 20px;    word-break: keep-all;
text-align: left;}

.whitecap{font-size:12px;}
.bluecap{font-size:12px;
color:#ffffff;
}

.history{
width:50%;
margin:0 auto; border-radius: 3px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    padding:60px;
    font-size: 15px;
    line-height:2em;
    outline: 2px solid #000052;
	outline-offset: -25px;

}
#copylight {
    height: 31px;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
}

#history_table{
    display: grid;
  justify-items: center;
  align-content: start;
    
}

.tdleft{margin-right:50px;}

.name{
    color:#000052;
  
font-size:30px;
margin-bottom:50px;
  text-align: initial;font-feature-settings: initial;
}



.top_p{justify-content:center;
    position:absolute;
        right:65%;
    top:20%;
margin: 0 auto;}
.header_mini{font-size: 24px;}
.header_title{font-size:92px;}
.header_title2{font-size:64px;}
.header_title3{font-size:30px;}
.headerwrapsp{display:none;}