@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	font-size: 20px;
	color: #fff;
	line-height:1.6;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	cursor: none;
}

h2{
  font-size: 48px;
  text-align: center;
  margin-bottom: 100px;
}
h2 .green{
  font-size: 48px;
  color:#08B308;
}
h2 .orange{
  font-size: 48px;
  color:#FE4D00;
}

.h3-orange{
  color: #FE4D00;
  font-size: 39px;
  margin-bottom: 2rem;
}

main img{max-width: 100%;}

#mainvisual-page{
  max-width: 100%;
}

.mainv-box {position: relative;margin-bottom: -10px;}

.mainv-box h1{
  position: absolute;
  width: fit-content;
  min-width: 200px;
  font-size: 70px;
  font-weight: 700;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center{
  text-align: center; 
  margin: 0 auto;
}

.flex{display: flex;}

.item-l{
  flex: 50%;
  width: 100%;
  max-width: 100%;
  align-self: center;
}
.item-r{
  flex: 50%;
  width: 100%;
  max-width: 100%;
  align-self: center;
}
.item-l p{
  margin-left: 10%;
  width: 540px;
  max-width: 100%;
}
.item-r p{ 
  margin-right: 10%;
  width: 540px;
  max-width: 100%;
  float: right;
  clear: both;
}

.flexbox-02{display: flex;}

.flexbox-02 .item{width: 50%;}

.flexbox-02 .shadowbox{
  justify-content: space-evenly;
  background-color: #09090B;
  border: 1px solid #fff;
  width: 460px;
  max-width: 100%;
  height: 260px;
  text-align: center;
}

.shadowbox{
  margin: 0 auto;
  display: flex;
  align-items: center;
  background-color: #09090B;
  border: 1px solid #fff;
  width: 1000px;
  max-width: 90%;
  height: 260px;
  text-align: left;
}
.shadowbox p{  padding: 0 30px;}

section{
  padding: 200px 0;
}
section:first-child{
  padding: 0;
}
section:nth-child(2){
  padding: 100px 0 50px;
}
section:last-child{
  padding:200px 0 0;
  padding-bottom: 200px;
}

section:nth-child(2){
  background-color: #161619;
}
section:nth-child(3){
  background-color: #161619;
}
section:nth-child(4){
  background-color: #1D1D21;
}
section:nth-child(5){
  background-color: #161619;
}
section:nth-child(6){
  background-color: #1D1D21;
}
section:nth-child(7){
  background-color: #161619;
}

section:nth-child(2n) .subtitle{
  width: 1000px;
  max-width: 90%;
  margin: 0 auto;
}

.mt60{margin-top: 60px;}
.mt150{margin-top: 150px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mb150{margin-bottom: 150px;}

.sp-content{display: none;}
.sp-none{display: contents;}