@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
html,body{margin:0;padding:0;width:100%;}
section,footer,header{margin:0;padding:0}
ul{list-style:none}ul li{vertical-align:top}
label {display: inline-block;margin-bottom: 0.5rem;}
button, input {overflow: visible;}
button, select {text-transform: none;}
table,tbody,tr,hh,td{margin:0;padding:0;}
input, button, select, optgroup, textarea {margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
textarea {overflow: auto;resize: vertical;}
input[type="radio"], input[type="checkbox"] {box-sizing:border-box;padding:0;}
input:-internal-autofill-selected{background-color:transparent;}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {cursor: pointer;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
*, *::before, *::after {box-sizing: border-box;}
em {font-style: normal;}
/*a {outline: none;}a img {outline:none;}a:focus, *:focus {outline:none;}*/
a:link{text-decoration:none;}a:visited{text-decoration:none;}a:active{text-decoration:none;}
a:hover{text-decoration:none;opacity:0.7;transition:.4s;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
html,body {height:100%;}
html{font-size:62.5%;}
img {width:100%;height:auto;vertical-align:bottom;}
svg{width:100%;height:auto;vertical-align:bottom;}
img[src$=".svg"] {width:100%;height:auto;}
::selection {
  background:#000;
  color: #ffffff;
}

body{
  font-family: 'Noto Sans', 'Noto Sans JP', arial, helvetica, sans-serif;
	font-size:62.5%;
	line-height:1;
	-webkit-text-size-adjust:100%;
	color:#000;
	background-color:#fff;
}

.is_pc{display:block;}
.is_sp{display:none;}
.is_tablet{display:block;}
@media screen and (max-width:1024px){
  .is_tablet{display:none;}
}
@media screen and (max-width:768px){
	.is_pc{display:none;}
	.is_sp{display:block;}
  .is_tablet{display:block;}
}

/*icon_new*/
.icon_new_tumb{
  position: relative;
  display: inline-flex!important;
  margin-left: 8px;
  width: 24px;
  height: auto;
}

/*icon_mov*/
.icon_mov_thumb{
  position: relative;
  display: inline-flex!important;
  margin-left: 5px;
  width: 20px;
  height: auto;
}
.icon_mov_article{
  position: relative;
  display: inline-flex!important;
  margin-left: 5px;
  width: 20px;
  height: auto;
  vertical-align: middle;
}

/*--------------------------------------------------------
color
--------------------------------------------------------*/
/*blue*/
.set_clr1{background-color:#1abcef;}
.article_clr1 .info_cnts{background-color:#c6eefb;}
/*yellow*/
.set_clr2{background-color:#fdd000;}
.article_clr2 .info_cnts{background-color:#fff3bf;}
/*green*/
.set_clr3{ background-color:#95c62a;}
.article_clr3 .info_cnts{background-color:#e5f1ca;}
/*orange*/
.set_clr4{background-color:#f29614;}
.article_clr4 .info_cnts{background-color:#fce5c4;}
/*gray*/
.set_clr5{background-color:#e6e6e6;}
.article_clr5 .info_cnts{background-color:#f2f2f2;}


/*--------------------------------------------------------
noscript
--------------------------------------------------------*/
.noscriptHead{
  position:relative;
  width:100%;
  background-color:#fff;
}
.noscriptHead .noscriptMessage{
  padding:40px;
  text-align:center;
  font-size:1.4rem;
  line-height:1.4;
}
@media screen and (max-width:768px){
  .noscriptHead .noscriptMessage{
    padding:5vw;
    font-size:1.2rem;
  }
}
/*nocopy_img*/
.nocopy_img{pointer-events:none}
/*img{pointer-events:none;}*/

/*--------------------------------------------------------
PageNavi
--------------------------------------------------------*/
body#page_index .navi_top_btn,body#page_about .navi_about_btn,
body#page_articles .navi_articles_btn,body#page_tags .navi_tags_btn,
body#page_index .ft_top_btn,body#page_about .ft_about_btn,
body#page_articles .ft_articles_btn,body#page_tags .ft_tags_btn{
  pointer-events:none;
}

/*--------------------------------------------------------
animation
--------------------------------------------------------*/
.animation{
	/*opacity:0;*/
}
.fadeInDown {  
	-webkit-animation-fill-mode:both;
  -webkit-animation-duration:1.2s;
  -webkit-animation-name: fadeInDown;
	-ms-animation-fill-mode:both;
  -ms-animation-duration:1.2s;
  -ms-animation-name: fadeInDown;
	animation-fill-mode:both;
	animation-duration:1.2s;
	animation-name: fadeInDown;
	visibility:visible!important;
}
.anime_delay1{
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
}
.anime_delay2{
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
}
.anime_delay3{
	-moz-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
}
.anime_delay4{
	-moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
}
.anime_delay5{
	-moz-animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(50px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*-------tags--------*/
/*thumb_tag_list*/
.thumb_tag_list{
  display:flex;
  flex-wrap:wrap;
}
.thumb_tag_list a {
  margin-bottom:8px;
}
.thumb_tag_list a{
  display:block;
  margin-right:8px;
  padding:0 15px;
  font-size:1.2rem;
  line-height:30px;
  font-feature-settings:"palt";
  color:#000;
  text-decoration:none;
  border:1px solid #e6e6e6;
  box-sizing:border-box;
  border-radius:30px;
  background-color:#fff;
}
/*index_tag_list*/
.index_tag_list{
  display:flex;
  flex-wrap:wrap;
}
.index_tag_list a{
  display:block;
  margin-bottom:15px;
  margin-right:15px;
  padding:0 15px;
  font-size:1.2rem;
  line-height:30px;
  color:#000;
  font-feature-settings:"palt";
  text-decoration:none;
  border:1px solid #e6e6e6;
  box-sizing:border-box;
  border-radius:30px;
  background-color:#fff;
}


/*-------main_cnts-------*/
#main_cnts{
  padding-top:125px;
  width:100%;
}
@media screen and (max-width:1024px){
  #main_cnts{
    width:1024px;
    overflow-x:scroll;
  }
}
@media screen and (max-width:768px){
  #main_cnts{
    padding-top:18vw;
    width:100%;
    overflow:hidden;/*add1111*/
  }
}

/*-------header-------*/
#header{
  position:fixed;
  width:100%;
  height:125px;
  background-color:#fff;
  z-index:10;
}
#header .header_innr{
  position:relative;
  margin:0 auto;
  padding:20px 0 0 0;/*20px 40px 0 40px;*/
  width:100%;
  max-width:1280px;
}
#header .hd_main{
  display:flex;
}
#header .kioxia_logo{
  margin-right:50px;
  width:147px;
}
#header .media_ttl{
  display:flex;
  align-items:center;
}
#header .media_ttl .m_logo{
  width:144px;
  height:auto;
}
#header .media_ttl span{
  font-size:1.4rem;
}
#header .hd_nav{
  position:relative;
  margin-top:38px;
  /*padding-left:40px;*/
}
#header .hd_nav .hd_nav_list{
  list-style:none;
  display:flex;
}
#header .hd_nav .hd_nav_list li{
  position:relative;
  margin-right:60px;
  padding-right:60px;
}
#header .hd_nav .hd_nav_list li:first-child{
  padding-left:60px;
}
#header .hd_nav .hd_nav_list li:first-child::before{
  content:'';
  position:absolute;
  font-size:1.8rem;
  font-weight:bold;
  width:1px;
  height:20px;
  background-color:#000;
  top:50%;
  left:0;
  transform:translate(0,-50%);
}
#header .hd_nav .hd_nav_list li:last-child{
  margin-right:0;
}
#header .hd_nav .hd_nav_list li::after{
  content:'';
  position:absolute;
  font-size:1.8rem;
  font-weight:bold;
  width:1px;
  height:20px;
  background-color:#000;
  top:50%;
  right:0;
  transform:translate(0,-50%);
}
#header .hd_nav .hd_nav_list a{
  display:block;
  font-size:1.8rem;
  font-weight:bold;
  color:#000;
}
#header .hd_menu_main{
  position:relative;
  margin:0 auto;
  padding-bottom:0;
  width:100%;
  max-width:1280px;
  height:auto;
  overflow:initial;
  transition:all .4s;
  background-color:#fff;
}
#header .hd_smenu{
  position:absolute;/*fixed;*/
  top:-70px;/*25px;*/
  right:0;/*40px;*/
}
#header .hd_smenu_list{
  list-style:none;
  display:flex;
}
#header .hd_smenu_list li{
  margin-right:40px;
}
#header .hd_smenu_list li:last-child{
  margin-right:0;
}
#header .hd_smenu_list a{
  font-size:1.6rem;
  color:#000;
}
#header .hd_smenu_list .lang_link{
  position:relative;
  padding-right:30px;
  font-size:1.6rem;
  color:#000;
  font-feature-settings:"palt";
}
#header .hd_smenu_list .lang_link::after{
  content:'';
  position:absolute;
  width:14px;
  height:8px;
  top:50%;
  right:0;
  transform:translate(0,-50%);
  background-image:url("../imgs/common/icon_lang_arw.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% auto;
  transition:all .4s;
  z-index:2;
}
/*icon_linkout*/
.link_contact{
  position:relative;
  display:flex;
}
.link_contact .icon_linkout{
  position:absolute;
  width:10px;
  height:10px;
  top:50%;
  right:-20px;
  transform:translate(0,-50%);
}
/*langselect*/
#header .langselect{
  position:absolute;
  width:196px;
  top:25px;
  right:0;/*-40px;*/
  text-align:center;
  pointer-events:none;
  background-color:#fff;
  display:none;
  z-index:2;
}
#header .langselect .langselect_list{
  padding:25px 0;
  list-style:none;
}
#header .langselect .langselect_list li{
  margin-right:0!important;
  margin-bottom:30px;
}
#header .langselect .langselect_list li:last-child{
  margin-bottom:0;
}
#header .langselect .langselect_list a{
  font-size:1.6rem;
  color:#000;
  font-feature-settings:"palt";
}
#header #LangMenuTgle {display:none;}
#header #LangMenuTgle:checked ~ .langselect{
  display:block;
  pointer-events:auto;
  box-shadow:0px 9px 8px 0px rgba(0, 0, 0, 0.20);
}
#header #LangMenuTgle:checked ~ .lang_link::after{
  -webkit-transform: translateY(-4px) rotate(180deg);
	transform: translateY(-4px) rotate(180deg);
}

/*sp_menu_btn*/
#header .sp_menu_btn{
	position:fixed;
	width:12vw;
	height:12vw;
	top:3vw;
	right:3vw;
	cursor:pointer;
	overflow:hidden;
	z-index:10;
  display:none;
}
#header .sp_menu_label{
  position:absolute;
  width:12vw;
	height:12vw;
  top:0;
  left:0;
  z-index:2;
}
#header .sp_menu_btn a{
	position:relative;
	display:block;
	width:12vw;
	height:12vw;
	opacity:1;
	top:0;
	left:0;
}
#header .sp_menu_btn a:hover{
  opacity:1;
}
#header .menu-trigger,#header .menu-trigger span {
	display:inline-block;
	transition:all .4s;
	box-sizing:border-box;
}
#header .menu-trigger {
	position:relative;
	top:50%;
  left:50%;
	width:20px;
	height:16px;
  transform:translate(-50%,-50%);
}
#header .menu-trigger.hover{
	opacity:1;
}
#header .menu-trigger span {
	position:absolute;
	left:0;
	width:20px;
	height:2px;
	background-color:#000;
	border-radius:0;
}
#header .menu-trigger span:nth-of-type(1) {top:0;}
#header .menu-trigger span:nth-of-type(2) {top:7px;}
#header .menu-trigger span:nth-of-type(3) {bottom:0;}

#header #spMenuTgle {display:none;}
#header #spMenuTgle:checked ~ .sp_menu_btn span:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
#header #spMenuTgle:checked ~ .sp_menu_btn span:nth-of-type(2) {
	opacity:0;
}
#header #spMenuTgle:checked ~ .sp_menu_btn span:nth-of-type(3) {
	-webkit-transform: translateY(-7px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
}
#header #spMenuTgle:checked ~ .hd_menu_main{
  opacity:1;
  pointer-events:auto;
}
@media screen and (max-width:1280px){
  #header .header_innr{
    padding:20px 40px 0 40px;
  }
  #header .hd_nav{
    padding-left:40px;
  }
  #header .hd_smenu{
    right:40px;
  }
}
@media screen and (max-width:1024px){
  #header .hd_smenu_list li{
    margin-right:20px;
  }
}
@media screen and (max-width:768px){
  #header{
    height:18vw;
  }
  #header .header_innr{
    padding:0;
    height:18vw;
  }
  #header .hd_main{
    padding:6.4vw 5vw 0 5vw;
  }
  #header .kioxia_logo{
    margin-right:5vw;
    width:24.4vw;/*18.22vw;*/
  }
  #header .media_ttl .m_logo{
    margin-right:0;
    width:30vw;
  }
  #header .media_ttl span{
    display:none;
  }
  #header .sp_menu_btn{
    display:block;
  }
  #header .hd_menu_main{
    padding-bottom:20vw;
    height:100vh;
    overflow-y:scroll;
    opacity:0;
    pointer-events:none;
  }
  #header .hd_nav{
    margin-top:0;
    padding:0 5vw;
  }
  #header .hd_nav .hd_nav_list{
    display:block;
  }
  #header .hd_nav .hd_nav_list li{
    margin-right:0;
    padding:5vw 0;
    border-bottom:1px solid #d4d4d4;
  }
  #header .hd_nav .hd_nav_list li:first-child{
    padding-left:0;
  }
  #header .hd_nav .hd_nav_list li:first-child::before{
    content:none;
  }
  #header .hd_nav .hd_nav_list li::after{
    content:none;
  }
  #header .hd_nav .hd_nav_list a{
    display:block;
    font-size:1.8rem;
    font-weight:bold;
    color:#000;
  }
  #header .hd_smenu{
    padding:7vw 9vw;
    position:relative;
    top:0;
    right:0;
  }
  #header .hd_smenu_list{
    display:block;
  }
  #header .hd_smenu_list li{
    margin-right:0;
    margin-bottom:6vw;
  }
  #header .hd_smenu_list li.spmenu_lang{
    margin-left:-4vw;
  }
  #header .hd_smenu_list li:last-child{
    margin-right:0;
    margin-bottom:0;
  }
  #header .hd_smenu_list .lang_link{
    font-size:1.8rem;
  }
  #header .hd_smenu_list a{
    font-size:1.5rem;
    color:#000;
  }
  .link_contact .icon_linkout{
    position:relative;
    right:-5px;
    transform: translate(0,50%);
  }
  #header .langselect{
    position:relative;
    width:90vw;
    top:0;
    right:0;
    text-align:left;
    pointer-events:auto;
  }
  #header #LangMenuTgle:checked ~ .langselect{
    box-shadow:none;
  }
}

/* -------page_top------- */
#page_top{
  position:fixed;
  bottom:40px;
  right:40px;
  z-index:9;
}
#page_top a{
  position:relative;
  display:block;
  width:50px;
  height:50px;
  box-sizing:border-box;
  border:1px solid #000;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-color:#fff;
  opacity:1;
}
#page_top a::before{
  content: "";
  position:absolute;
  width:24px;
  height:14px;
  top:50%;
  left:50%;
  margin-top:-7px;
  transform:translate(-50%,0);
  background-image:url("../imgs/common/icon_gotop_arw.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  transition:0.4s ease;
}
#page_top a:hover::before{
  margin-top:-12px;
}
@media screen and (max-width:768px){
  #page_top{
    bottom:5vw;
    right:5vw;
  }
  #page_top a::before{
    transition:unset;
  }
  #page_top a:hover::before{
    margin-top:-7px;
  }
}


/*-------icon_explanation-------*/
.icon_explanation_main{
  position:absolute;
  width:100%;
  height:50px;
  top:-50px;
  overflow:hidden;
}
.icon_explanation{
  position:relative;
  margin:0 auto;
  width:100%;
  max-width:1280px;
}

.icon_explanation .icon_exp_list{
  list-style:none;
  display:flex;
}
.icon_explanation .icon_exp_list li{
  padding-right:10px;
  display:flex;
  font-size:1.3rem;
  line-height:18px;
}
.icon_explanation .icon_exp_list li:last-child{
  padding-right:0;
}
.icon_explanation .exp_linkout_img{
  margin-right:5px;
  width:18px;
  height:18px;
}
@media screen and (max-width:1280px){
  .icon_explanation{
    padding:0 40px;
  }
}
@media screen and (max-width:768px){
  .icon_explanation_main{
    top:-10vw;
  }
  .icon_explanation{
    padding:0;
    width:90vw;
  }
  .icon_explanation .icon_exp_list li{
    padding-right:8px;
    font-size:1.2rem;
    line-height:15px;
  }
  .icon_explanation .exp_linkout_img{
    margin-right:7px;
    width:15px;
    height:15px;
  }
}

/* -------footer------- */
.optanon-toggle-display{cursor:pointer;}
#footer{
	position:relative;
	width:100%;
  min-width:1024px;
  background-color:#e6e6e6;
}
#footer .footer_innr{
  position:relative;
  margin:0 auto;
	padding:55px 0 20px 0;
  width:100%;
  max-width:1280px;
}
#footer .ft_nav{
  margin-bottom:50px;
  list-style:none;
  display:flex;
}
#footer .ft_nav li{
  margin-right:80px;
}
#footer .ft_nav li:last-child{
  margin-right:0;
}
#footer .ft_nav li a{
  font-size:1.6rem;
  font-weight:bold;
  color:#000;
}
#footer .ft_smenu{
  position:relative;
  width:100%;
  display:flex;
}
#footer .ft_smenu_list{
  list-style:none;
  display:flex;
}
#footer .ft_smenu_list li{
  margin-right:55px;
}
#footer .ft_smenu_list li:last-child{
  margin-right:0;
}
#footer .ft_smenu_list li a{
  font-size:1.4rem;
  color:#000;
}
#footer .txt_copyright{
  position:absolute;
  display:inline-block;
  text-align:right;
  font-size:1.2rem;
  color:#000;
  right:0;
}
@media screen and (max-width:1280px){
  #footer .footer_innr{
    padding:55px 40px 20px 40px;
  }
}
@media screen and (max-width:768px){
  #footer{
    min-width:initial;
    min-width:auto;
  }
  #footer .footer_innr{
    padding:10.4vw 0 6.5vw 0;
    width:90vw
  }
  #footer .ft_nav{
    margin-bottom:7.8vw;
    display:block;
  }
  #footer .ft_nav li{
    margin-right:0;
    margin-bottom:4.5vw;
    padding-bottom:4.5vw;
    border-bottom:1px solid #d4d4d4;
  }
  #footer .ft_nav li:last-child{
    margin-right:0;
    margin-bottom:0;
  }
  #footer .ft_smenu{
    display:block;
  }
  #footer .ft_smenu_list{
    display:block;
    margin-bottom:7.8vw;
  }
  #footer .ft_smenu_list li{
    margin-right:0;
    margin-bottom:6vw;
  }
  #footer .ft_smenu_list li:last-child{
    margin-right:0;
    margin-bottom:0;
  }
  #footer .txt_copyright{
    position:relative;
    text-align:left;
    right:auto;
    left:0;
  }
}