@charset "UTF-8";
/*base*/

*{
  margin:0;
  padding:0;
  }

header, footer, nav, section, article {
  display:block;
  }

html{
  font-size: 62.5%;
  overflow-y: scroll;
  }

body {
  margin: 0;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
  color: #000000;
  }

ul li{
  /*list-style-type: none;*/
  list-style-position: outside;
  }

ol li{
  list-style-position: outside;
  margin: 0px 0px 5px 2em;
  }

p{
  line-height: 176%;
  }

a div,a img {
    border-style: none;
  }

a img:hover{
  opacity: 0.8;
  }

a:link,a:visited{
  color: #000000;
  text-decoration: none;
  }

a:hover{
  text-decoration: underline;
  }

.clearfix{
  overflow: hidden;
  }



/*header*/
header{
  width: 100%;
  height: 70px;
  background: #ffffff;
  }

.mainmenu_wrap{
  width: 1000px;
  height: 70px;
  margin: 0 auto;
  background: #ffffff;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }

.mainmenu_wrap h1 a{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 141px;
  height: 27px;
  background: url('/id/common/img/logo_sei.gif') center center no-repeat;
  }

header img.logo_head_120th{
  display: inline-block;
  margin: 6px 0 0 10px;
  }

#mainmenu{
  width: 815px;
  margin-left: 44px;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
/*  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
 }

#mainmenu ul{
  width: 670px;
  margin-right: 15px;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  }

#mainmenu li{
  list-style-type: none;
  }
  
#mainmenu li a{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  height: 70px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  }

#mainmenu li.mainmenu_top a{
  width: 70px;
  background: url('/id/common/img/mainmenu_top.png') center center no-repeat;
  }
#mainmenu li.mainmenu_project a{
  width: 82px;
  background: url('/id/common/img/mainmenu_project.png') center center no-repeat;
  }
#mainmenu li.mainmenu_styles a{
  width: 82px;
  background: url('/id/common/img/mainmenu_styles.png') center center no-repeat;
  }
#mainmenu li.mainmenu_quarterly a{
  width: 100px;
  background: url('/id/common/img/mainmenu_quarterly.png') center center no-repeat;
  }
#mainmenu li.mainmenu_dna a{
  width: 82px;
  background: url('/id/common/img/mainmenu_dna.png') center center no-repeat;
  }
#mainmenu li.mainmenu_backnumber a{
  width: 140px;
  background: url('/id/common/img/mainmenu_backnumber.png') center center no-repeat;
  }
#mainmenu li.mainmenu_about a{
  width: 114px;
  background: url('/id/common/img/mainmenu_about.png') center center no-repeat;
  }

#mainmenu div.lang{
  position: relative;
  }

#mainmenu div.lang a{
  text-indent: -9999px;
  display: block;
  width: 63px !important;
  height: 28px;
  border: 1px solid #cccccc;
  text-align: center;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -o-border-radius: 1px;
  -ms-border-radius: 1px;
  }

#mainmenu div.lang a.langmenu_jpn{
  background: #ffffff url('/id/common/img/langmenu_jpn.png') center center no-repeat;
  }

#mainmenu div.lang a.langmenu_en{
  background: #ffffff url('/id/common/img/langmenu_en.png') center center no-repeat;
  }

#mainmenu div.lang a.langmenu_cn{
  background: #ffffff url('/id/common/img/langmenu_cn.png') center center no-repeat;
  }

#mainmenu div.lang a:hover{
  text-decoration: none;
  }
#mainmenu div.lang a.langmenu_jpn:hover{
  background: #e7eaf4 url('/id/common/img/langmenu_jpn.png') center center no-repeat;
  }

#mainmenu div.lang a.langmenu_en:hover{
  background: #e7eaf4 url('/id/common/img/langmenu_en.png') center center no-repeat;
  }

#mainmenu div.lang a.langmenu_cn:hover{
  background: #e7eaf4 url('/id/common/img/langmenu_cn.png') center center no-repeat;
  }

#mainmenu div.lang div#langmenu{
  display: none;
  position: absolute;
  }

#mainmenu div.lang div#langmenu a{
  border-top: none;
  }

#mainmenu a.logo_id_mainmenu{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 50px;
  height: 51px;
  margin-left: 15px;
  background: url('/id/common/img/logo_id_mainmenu.png') center center no-repeat;
  }

#mainmenu h1 a:hover,#mainmenu a.logo_id_mainmenu:hover{
  opacity: 0.8;
  }

#mainmenu li.mainmenu_top a:hover,#mainmenu li.mainmenu_top.on a{
  background: #2e008b url('/id/common/img/mainmenu_top_on.png') center center no-repeat;
  }
#mainmenu li.mainmenu_project a:hover,#mainmenu li.mainmenu_project.on a{
  background: #2e008b url('/id/common/img/mainmenu_project_on.png') center center no-repeat;
  }
#mainmenu li.mainmenu_styles a:hover,#mainmenu li.mainmenu_styles.on a{
  background: #2e008b url('/id/common/img/mainmenu_styles_on.png') center center no-repeat;
  }
#mainmenu li.mainmenu_quarterly a:hover,#mainmenu li.mainmenu_quarterly.on a{
  background: #2e008b url('/id/common/img/mainmenu_quarterly_on.png') center center no-repeat;
  }
#mainmenu li.mainmenu_dna a:hover,#mainmenu li.mainmenu_dna.on a{
  background: #2e008b url('/id/common/img/mainmenu_dna_on.png') center center no-repeat;
  }
#mainmenu li.mainmenu_backnumber a:hover,#mainmenu li.mainmenu_backnumber.on a{
  background: #2e008b url('/id/common/img/mainmenu_backnumber_on.png') center center no-repeat;
  }
#mainmenu li.mainmenu_about a:hover,#mainmenu li.mainmenu_about.on a{
  background: #2e008b url('/id/common/img/mainmenu_about_on.png') center center no-repeat;
  }

#mainmenu .is-open,.mainmenu_btn{
  display: none;
  }



/*footer*/

footer{
  width: 1000px;
  margin: 25px auto 0px;
  padding-bottom: 10px;
  }

footer p.copyright{
  border-top: 2px solid #b7b7b7;
  margin-top: 20px;
  padding-top: 10px;
  font-size: 1.3em;
  }

footer img.logo_id_bottom,footer div.footer_link{
  float: left;
  }

footer div.footer_link{
  margin: 70px 0 0 20px;
  }

footer div.footer_link ul li{
  list-style-type: none;
  font-size: 1.6em;
  margin-bottom: 5px;
  }

footer div.sns_wrap{
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 12px;
  }

footer div.sns_wrap .fb-share-button,footer div.sns_wrap .twitter-share-button,footer div.sns_wrap .line-it-button{
  margin-right: 10px !important;
  }

footer #btn_pagetop a{
  display: block;
  float: right;
  text-decoration: none;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  background: url('/id/common/img/btn_pagetop.png') center center no-repeat;
  }

footer img.img_120th{
  clear: both;
  display: block;
  margin-top: 110px;
  }


/*flex*/
.flex{
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  }

.align_items_start{
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  }


.align_items_center{
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }

.justify_content_space_between{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  }

.justify_content_start{
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  }

.justify_content_center{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  }

.flex_wrap{
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  }

/*color*/
.col_122989{
  color: #122989;
  }

/*txt*/
.txt_12{
  font-size: 1.2em;
  }

.txt_13{
  font-size: 1.3em;
  }

.txt_14{
  font-size: 1.4em;
  }

.txt_16{
  font-size: 1.6em;
  }

.txt_18{
  font-size: 1.8em;
  }

.txt_20{
  font-size: 2em;
  }

.txt_24{
  font-size: 2.4em;
  }

/*doubledarth*/
.txt_dd{
  letter-spacing: -3px;
  margin: 0 4px;
  }

/*fontweight*/
.txt_bold{
	font-weight: bold !important;
	}
.txt_normal{
	font-weight: normal;
	}
/*box*/
.box_bg_dddddd{
	background: #dddddd;
	padding: 20px;
	}

/*table*/

table.tbl_01{
  width: 100%;
  border-spacing: 0px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  }

table.tbl_01 th,table.tbl_01 td{
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 10px;
  text-align: left;
  }


table.tbl_02{
  width: 100%;
  border-spacing: 0px;
  }

table.tbl_02 th,table.tbl_02 td{
  text-align: left;
  }

table.tbl_02 th{
  font-weight: normal;
  }



/*figure*/
figcaption{
  font-size: 1.3em;
  color: #555555;
  line-height: 1.6;
  }

a.popup-image{
  position: relative;
  display: block;
  height: auto;
  }

a.popup-image::before{
  position: absolute;
  content: "";
  width: 35px;
  height: 35px;
  background: url('/id/common/img/icn_zoom.png') center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 5px;
  right: 5px;
  }

/*btn_scrolldown*/
a.btn_scrolldown{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  background: url('/id/common/img/btn_scrolldown.png') center center no-repeat;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  }

a.btn_scrolldown:hover{
  opacity: 0.5;
  }

a.btn_down{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  background: url('/id/common/img/btn_down.png') center center no-repeat;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  }

a.btn_down:hover{
  opacity: 0.5;
  }

/* Media Queries
==========================================================================*/
@media screen and (min-width: 979px) {
}

/*@media screen and (max-width:799px) {*/
@media screen and (max-width:834px) {
html {
  -webkit-text-size-adjust: none;
  }

img {
  max-width: 100%;
  height: auto;
  }

/*inner*/
.inner{
  width: 96%;
  margin: 0px auto;
  }

/*header*/
header{
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 50px;
  background:  none;
  }

.mainmenu_wrap{
  width: auto;
  padding: 0px;
  height: 50px;
  background-position: 150px 0;
  }

.mainmenu_wrap h1 a{
  width: 105px;
  height: 20px;
  -webkit-background-size: 105px 20px;
  -o-background-size: 105px 20px;
  -khtml-background-size: 105px 20px;
  background-size: 105px 20px;
  margin: 0 0 0 10px;
  }

header img.logo_head_120th{
  width: auto;
  height: 20px;
  margin-top: 4px;
  }

.mainmenu_btn,
.mainmenu_btn span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  }

.mainmenu_btn{
  position: absolute;
  width: 30px;
  height: 24px;
  top: 13px;
  right: 10px;
  z-index: 1000;
  }
.mainmenu_btn span{
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #2e008b;
  }
.mainmenu_btn span.top {
  top: 0;
  }
.mainmenu_btn span.middle {
  top: 10px;
  }
.mainmenu_btn span.bottom {
  bottom: 0;
  }
.mainmenu_btn.active span.top {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
  }
.mainmenu_btn.active span.middle {
  opacity: 0;
  }
.mainmenu_btn.active span.bottom {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
  }

#mainmenu{
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 999;
  width: 100%;
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
  margin-left: 0;
  padding: 0;
  overflow: auto;
  background: rgba(255,255,255,0.8);
  }

#mainmenu .is-open{
  display: block;
  }

#mainmenu ul{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
  display: block;
  }

#mainmenu li{
  }

#mainmenu li.mainmenu_top a,#mainmenu li.mainmenu_project a,#mainmenu li.mainmenu_styles a,#mainmenu li.mainmenu_quarterly a,#mainmenu li.mainmenu_dna a,#mainmenu li.mainmenu_backnumber a,#mainmenu li.mainmenu_about a{
  width: auto;
  height: 57px;
  }

#mainmenu li a,#mainmenu a.logo_id_mainmenu,#mainmenu div.lang{
  margin-left: auto;
  margin-right: auto;
  }

#mainmenu div.lang{
  margin-bottom: 20px;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  }

#mainmenu div.lang div#langmenu{
  display: block;
  position: static;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  }

#mainmenu div.lang div#langmenu a{
  border-top: 1px solid #cccccc;
  border-left: none;
  }


footer{
  width: auto;
  }

footer img.logo_id_bottom{
  margin-left: 10px;
  }

footer p.copyright{
  padding-left: 10px;
  }

#btn_pagetop{
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  z-index: 1001;
  }


#btn_pagetop a{
  margin-top: 0;
  margin-right: 0;
  float: none;
  width: 40px;
  height: 40px;
  -webkit-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  -khtml-background-size: 40px 40px;
  background-size: 40px 40px;
  }

a.btn_scrolldown{
  width: 40px;
  height: 40px;
  -webkit-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  -khtml-background-size: 40px 40px;
  background-size: 40px 40px;
  }
}

@media screen and (max-width:699px) {

#container{
  position: relative;
  }

footer img.logo_id_bottom{
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 53px;
  height: 79px;
  }

footer div.footer_link,footer div.float-r {
  float: none !important;
  margin: 1em 0;
  }

footer div.footer_link ul{
  width: 15em;
  margin: 10px auto;
  }

footer div.footer_link ul li{
  font-size: 1.4em;
  }

footer div.sns_wrap{
  margin: 1em auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  }

footer div.sns_wrap .fb-share-button,footer div.sns_wrap .twitter-share-button,footer div.sns_wrap .line-it-button{
  margin-right: 5px !important;
  }


footer img.img_120th{
  margin: 1em auto 0;
  }

footer p.copyright{
  padding-left: 0;
  text-align: center;
  }

#btn_pagetop{
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  z-index: 1001;
  }

#btn_pagetop a{
  margin-top: 0;
  margin-right: 0;
  float: none;
  }

/*box*/
.box_bg_dddddd{
  padding: 10px;
  }

br.pc{
  display: none;
  }
a.popup-image::before{
  width: 20px;
  height: 20px;
  }

}
@media print {
header{
  position: static;
  }
}