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

body{ font-family: "Noto Serif JP", serif;
  width: 100vw;
  font-weight: 400;

overflow-wrap: break-word;}

#headerleft{background-color: #000052;
color:#ffffff;
flex: 1;}

#headerright{ 
    background-image: url("img/abemasaharusp.jpg");
     background-size: 100% auto;
   
    flex: 13;
}

.header{display: flex;
    flex-flow: column;
margin-bottom:0;
height: 300px;}

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

.blue_container {
    width: 75%;
    margin: 0 auto;
    color: #ffffff;
    display: flex;
    gap: 0px 35px;
    text-justify: none;
   flex-direction:column;
text-justify: none;
}

.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:40px;
line-height:1.0em;

text-align: center; box-sizing: border-box;}
.blue_h3{color:#ffffff;
font-size:25px;
margin-bottom: 20px;
margin-top: 20px;    
text-align: center; box-sizing: border-box;}

.blue_p{text-justify: none;
font-size:15px;
line-height:1.5em;
}

.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: 75%;
    margin: 0 auto;
    color: #000000;
    display: flex;
    gap: 0px 35px;
    text-justify: none;
    flex-direction: column-reverse;
text-justify: none;
}

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


.white_p{text-justify: none;
font-size:15px;
line-height:1.5em; box-sizing: border-box;}

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

.white_h2{color:#a6a6a6;
font-size:40px;line-height:1.0em;
text-align: center; box-sizing: border-box;}
.white_h3{color:#a6a6a6;
font-size:25px;
margin-bottom: 20px;
margin-top: 20px;    
text-align: center; box-sizing: border-box;}

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

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

}
#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:70px;
font-size:14px; width: 40%;  padding: 10px;   }

.tdright{
font-size:14px; padding: 10px;  line-height:1.3em;}

.name{color:#000052;  

 
}



.top_p{
writing-mode:horizontal-tb;}
.header_mini{font-size: 15px;color: #000052;}
.header_title{font-size:25px;color: #000052;}
.header_title2{font-size:20px;color: #000052;}
.header_title3{font-size:23px;color: #000052;}
.headerwrap{display:none;}
.headerwrapsp{z-index:100;
margin-top:500px;}