@charset "utf-8";
/* ==========================================================================
   top
   ========================================================================== */
html, body{
	overflow: visible!important;
}

/*reset ================ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none;
}
table{
	border-spacing: 0;
}
fieldset,img{
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight: normal;
	font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
abbr,acronym{
	border: 0;
}
img{
	display: block;
}

/*common ================ */
#my-contents{
	width: 100vw;
	position: relative;
	overflow-x: hidden;
	box-sizing: border-box;
}
@media (min-width: 960px){
#my-contents{
	overflow-x: visible;
}
}

.pc{
	display: none;
}
@media (min-width: 960px){
.pc{
	display: block;
}
}

.sp{
	display: block;
}
@media (min-width: 960px){
.sp{
	display: none;
}
}

/*mv ================ */
#mv{
	width: 100vw;
	height: 100dvh;
	position: fixed!important;
	top: 0;
	left: 0;
	transition: 0.4s;
	position: relative;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-filter.png);
  background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
@media (min-width: 960px){
#mv{
	height: 100vh;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-filter.png);
}
}

#mv.opacity{
	opacity: 0;
}

#mv .mv-filter{
	width: 100%;
	background: linear-gradient(0deg, rgba(44,119,196,0.08) 0%, rgba(44,119,196,0) 100%);
	/*mix-blend-mode: multiply;*/
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}

/*mv-slide ================ */
#mv-slide{
	width: 100%;
	/*height: calc(100dvh - 58px);*/
	position: absolute;
	/*top: 58px;*/
	top: 0;
	left: 0;
	z-index: -2;
}
@media (min-width: 960px){
#mv-slide{
	top: 0;
}
}

#mv-slide .swiper-container{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
@media (min-width: 960px){
#mv-slide .swiper-container{
  width: 100%;
	height: 100%;
}
}

#mv-slide .swiper-slide{
	overflow: hidden;
}

.slide-1{
	width: 100%;
	height: 100%;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-1-sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (min-width: 960px){
.slide-1{
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-1.jpg);
}
}

.slide-2{
	width: 100%;
	height: 100%;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-2-sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (min-width: 960px){
.slide-2{
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-2.jpg);
}
}

.slide-3{
	width: 100%;
	height: 100%;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-3-sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (min-width: 960px){
.slide-3{
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-3.jpg);
}
}

.slide-4{
	width: 100%;
	height: 100%;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-4-sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (min-width: 960px){
.slide-4{
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-4.jpg);
}
}

.slide-5{
	width: 100%;
	height: 100%;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-5b-sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (min-width: 960px){
.slide-5{
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-5.jpg);
}
}

.slide-6{
	width: 100%;
	height: 100%;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-6b-sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (min-width: 960px){
.slide-6{
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-6.jpg);
}
}

.slide-7{
	width: 100%;
	height: 100%;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-7b-sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (min-width: 960px){
.slide-7{
	background-image: url(https://gigaplus.makeshop.jp/neobri01/mv-7.jpg);
}
}

/*catch ================ */
#catch{
	color: #2C77C4;
	width: calc(100vw - 18vw);
  height: auto;
	margin: 46vh 0 0 8vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
@media (min-width: 960px){
#catch{
	width: calc(100vw - 35.0vw);
	margin: 46vh 0 0 9.0vw;
}
}

#catch .m_catch{
	color: #FFF;
	color: #2C77C4;
	font-size: 22.5px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	letter-spacing: 0.32em;
	line-height: 1;
	margin: 0 0 5.2vh 0;
	mix-blend-mode: overlay;
	mix-blend-mode: difference;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 0);
}
@media (min-width: 960px){
#catch .m_catch{
	font-size: clamp(17px, 1.9vw, 44px);
	font-weight: 500;
	letter-spacing: 0.48em;
	margin: 0 0 8.2vh 0;
	text-shadow: 0px 0px 8px rgba(255, 255, 255, 0);
}
}

#catch .s_catch{
	width: 70vw;
	color: rgba(255,255,255,0.8);
	font-size: 59px;
	font-family: "Literata", serif;
	font-weight: 300;
	transform: scaleX(1.18);
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin-left: 0.35em;
}
@media (min-width: 960px){
#catch .s_catch{
	width: 55vw;
	font-size: clamp(18px, 12.5vw, 300px);
	line-height: 1.06;
	margin-left: 0.35em;
}
}

/*line-fix-btn ================ */
.line-fix-btn{
	position: fixed;
	top: 67px;
	right: 2vw;
	transition: 0.4s;
	z-index: 100;
}
@media (min-width: 960px){
.line-fix-btn{
	top: 100px;
	right: 36px;
}
}

.line-fix-btn.opacity{
	opacity: 0;
}

.line-fix-btn a{
	width: 28vw;
	height: auto;
	display: block;
	border-radius: 50%;
	background: #06c755;
	filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.12));
	transition: all 0.2s ease;
}
@media (min-width: 960px){
.line-fix-btn a{
	width: 9vw;
}
}

.line-fix-btn a img{
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.2s ease;
}

.line-fix-btn a:hover{
	opacity: 1!important;
}

@media (min-width: 960px){
.line-fix-btn a:hover img{
	filter: brightness(110%);
	opacity: 1;
}
}


/*top-info ================ */
.top-info{
	width: calc(100vw - 8px);
	width: 100vw;
	height: 58px;
	background-color: #2C77C4;
	border-radius: 6px;
	border-radius: 0;
	box-sizing: border-box;
	padding: 0 4px;
	transition: 0.4s;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 4px;
	left: 4px;
	bottom: 0;
	left: 0;
	z-index: 100;
	display: none;
}
@media (min-width: 960px){
.top-info{
	width: auto;
	height: auto;
	border-radius: 0;
	background-color: #FFF;
	bottom: 0;
	left: 0;
	padding: 24px 40px;
	display: block;
}
}

.top-info.opacity{
	opacity: 0;
}

.top-info a{
	color: #FFF;
	font-size: 13px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	text-decoration: underline;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s ease;
}
@media (min-width: 960px){
.top-info a{
	color: #2C77C4;
	font-size: 14px;
	line-height: 1.5;
}
}

@media (min-width: 960px){
.top-info a:hover{
	color: rgba(44,119,196,0.5);
}
}

.top-info a img{
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 6px;
}
@media (min-width: 960px){
.top-info a img{
	width: 23px;
	height: 23px;
	margin-right: 10px;
}
}

/*top-info-sp ================ */
.top-info-sp{
	width: calc(100vw - 8px);
	width: 100vw;
	height: 58px;
	background-color: #2C77C4;
	border-radius: 6px;
	border-radius: 0;
	box-sizing: border-box;
	padding: 0 4px;
	transition: 0.4s;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 4px;
	left: 4px;
	bottom: 0;
	left: 0;
	z-index: 100;
}
@media (min-width: 960px){
.top-info-sp{
	display: none!important;
}
}

.top-info-sp.opacity{
	opacity: 0;
}

.top-info-sp a{
	color: #FFF;
	font-size: 13px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	text-decoration: underline;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s ease;
}
@media (min-width: 960px){
.top-info-sp a{
	color: #2C77C4;
	font-size: 14px;
	line-height: 1.5;
}
}

@media (min-width: 960px){
.top-info-sp a:hover{
	color: rgba(44,119,196,0.5);
}
}

.top-info-sp a img{
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 6px;
}
@media (min-width: 960px){
.top-info-sp a img{
	width: 23px;
	height: 23px;
	margin-right: 10px;
}
}


/*scrolldown ================ */
@keyframes scrolldown {
  0% {
      transform: translate3d(0, -100%, 0)
  }
	80% {
      transform: translate3d(0, 0, 0)
  }
  85% {
      transform: translate3d(0, 0, 0)
  }
  to {
      transform: translate3d(0, 100%, 0)
  }
}

.scrolldown-content{
  width: 2px;
  position: absolute;
	bottom: 80px;
	right: 5vw;
  box-sizing: border-box;
}
@media (min-width: 415px){
.scrolldown-content{
	display: block;
	bottom: 30px;
	right: 40px;
}
}
@media (min-width: 960px){
.scrolldown-content{
	bottom: 30px;
	right: 45px;
	left: auto;
}
}

.scrolldown-wrap::after{
	color: #FFF;
  content: "SCROLL";
	font-size: 12px;
	font-family: "Lexend Giga", sans-serif;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.18em;
	transform: rotate(-90deg);
  position: absolute;
	top: -56px;
	left: -34px;
	z-index: 10;
}
@media (min-width: 960px){
.scrolldown-wrap::after{
	font-size: 12px;
	letter-spacing: 0.2em;
	top: -60px;
	left: -35px;
}
}

.scrolldown-wrap{
  width: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
  z-index: 10;
  background-color: rgba(255, 255, 255, 0);
}

.scrolldown{
  position: relative;
  width: 1px;
	height: 10vh;
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 1.8s;
  transform: translateY(0);
}
@media (min-width: 415px){
.scrolldown{
	height: 9vh;
}
}

.scrolldown_bar{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 1px;
	height: 9vh;
  margin: 0 auto;
}
@media (min-width: 415px){
.scrolldown_bar{
	height: 9vh;
}
}

.scrolldown_bar-item{
  position: absolute;
  width: 1px;
	height: 9vh;
  margin: 0 auto;
  animation: scrolldown 2s infinite;
  opacity: 1;
	background-color: #fff;
}
@media (min-width: 415px){
.scrolldown_bar-item{
	height: 9vh;
}
}

/*section-title ================ */
#page-top .section-title-block{
	color: #2C77C4;
	width: 100%;
}

#page-top .section-title-block .section-title-en{
	font-size: 38px;
	font-family: "Literata", serif;
	font-weight: 300;
	transform: scaleX(1.18);
	letter-spacing: 0.05em;
	line-height: 1;
	overflow: hidden;
}
@media (min-width: 960px){
#page-top .section-title-block .section-title-en{
	font-size: 106px;
}
}

#page-top .section-title-block .section-title-en span{
  display: inline-block;
}

#page-top .section-title-block h3.section-title{
	font-size: 15px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	letter-spacing: 0.24em;
	line-height: 1;
	margin-top: 15px;
	margin-left: 0.06em;
}
@media (min-width: 960px){
#page-top .section-title-block h3.section-title{
	font-size: 21px;
	margin-top: 24px;
}
}

/*more-btn ================ */
#page-top .more-btn{
	width: 220px;
	height: 54px;
	margin: 0 auto;
	box-sizing: border-box;
}
@media (min-width: 960px){
#page-top .more-btn{
	width: auto;
	height: 60px;
}
}

#page-top .more-btn a{
	color: #2C77C4;
	width: 100%;
	height: 100%;
  font-size: 16px;
	font-family: "Lexend Giga", sans-serif;
  font-weight: 300;
	line-height: 1;
	letter-spacing: 0.06em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 1px;
  border: 1px solid rgba(44,119,196,0.7);
	position: relative;
	transition: all 0.3s ease;
}
@media (min-width: 960px){
#page-top .more-btn a{
	font-size: 16px;
}
}

@media (min-width: 960px){
#page-top .more-btn a:hover{
  color: #FFF;
	border: 1px solid #2C77C4;
	background-color: #2C77C4;
}
}

#page-top .more-btn a::after{
	content: "";
	width: 33px;
	height: 10px;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/icon-arrow-rb.svg);
  background-size: 33px 10px;
	background-position: center;
	background-repeat: no-repeat;
  position: absolute;
	top: 50%;
	right: -17px;
	margin: -5px 0 0 0;
}
@media (min-width: 960px){
#page-top .more-btn a::after{
	right: -17px;
	margin: -5px 0 0 0;
}
}

/*top-concept ================ */
#top-concept{
	color: #2C77C4;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	margin-top: 80px;
}
@media (min-width: 960px){
#top-concept{
	max-width: 1920px;
	padding: 0 0 80px 0;
	margin-top: 340px;
	margin-top: 160px;
	margin-left: auto;
	margin-right: auto;
}
}

#top-concept .section-title-block .section-title-en{
	font-size: 38px;
	margin-left: 0.75em;
}
@media (min-width: 960px){
#top-concept .section-title-block .section-title-en{
	font-size: 110px;
	margin-left: 0.75em;
}
}

#top-concept .head-block h4.head{
	color: #2C77C4;
 font-size: 24px;
 font-family: "Zen Old Mincho", serif;
 font-weight: 500;
 line-height: 1.6;
 letter-spacing: 0.1em;
}
@media (min-width: 960px){
#top-concept .head-block h4.head{
 font-size: 32px;
 letter-spacing: 0.18em;
 /*padding-left: 46px;*/
}
}

#top-concept .head-block .head-en{
	color: rgba(44,119,196,0.6);
	font-size: 12.5px;
	font-family: "Lexend Giga", sans-serif;
	font-weight: 200;
	letter-spacing: 0.04em;
	line-height: 1.4;
	margin-top: 10px;
}
@media (min-width: 960px){
#top-concept .head-block .head-en{
	font-size: 14px;
	margin-top: 20px;
	line-height: 1;
}
}

#top-concept .article{
	color: #2C77C4;
	width: 100%;
	font-size: 14.5px;
	font-family: "Zen Old Mincho", serif;
	letter-spacing: 0.06em;
	line-height: 2.0;
	text-align: justify;
}
@media (min-width: 960px){
#top-concept .article{
	font-size: 18px;
	letter-spacing: 0.10em;
	line-height: 2.3;
	text-align: left;
}
}

#top-concept .btn-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: flex-start;
}
@media (min-width: 960px){
#top-concept .btn-wrap{
	justify-content: flex-start;
}
}

#top-concept .more-btn{
	width: 310px;
	margin: 0 0 0 0;
}
@media (min-width: 960px){
#top-concept .more-btn{
	width: 270px;
}
}

#top-concept .img-1{
	width: calc(100vw - 25vw);
	height: auto;
	margin-right: 25vw;
	margin-left: 0;
	margin-top: 40px;
	z-index: -1;
}
@media (min-width: 960px){
#top-concept .img-1{
	width: 720px;
	height: auto;
	position: absolute;
	top: 280px;
	right: 0;
	margin: 0;
}
}

#top-concept .bubble-1{
	width: 34vw;
	height: auto;
	opacity: 0.4!important;
	position: absolute;
	top: 0;
	right: -4vw;
	margin-top: -40vw;
	z-index: 1;
}
@media (min-width: 960px){
#top-concept .bubble-1{
	width: 300px;
	top: 0;
	right: 50px;
	margin-top: -220px;
}
}

#top-concept .bubble-2{
	width: 34vw;
	height: auto;
	opacity: 0.3!important;
	position: absolute;
	top: 12vw;
	right: -4vw;
	margin-top: -40vw;
	z-index: 2;
}
@media (min-width: 960px){
#top-concept .bubble-2{
	width: 300px;
	top: 20px;
	right: 50px;
	margin-top: -220px;
}
}

.image img,
.bubble img{
	width: 100%;
	height: auto;
	display: block;
}

/*top-product ================ */
#top-product{
	color: #FFF;
	width: 100%;
	box-sizing: border-box;
}
@media (min-width: 960px){
#top-product{
	max-width: 1920px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
}

#top-product .section-title-block{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#top-product section-title-block .section-title-en{
	font-size: 38px;
}
@media (min-width: 960px){
#top-product .section-title-block .section-title-en{
	font-size: 110px;
}
}

#top-product .product-list{
	width: 100%;
  position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0 6vw;
	margin: 0 auto;
}
@media (min-width: 960px){
#top-product .product-list{
	flex-direction: row;
	justify-content: space-between;
	padding: 0 3vw;
}
}

#top-product .product-list li{
	width: 100%;
}
@media (min-width: 960px){
#top-product .product-list li{
	width: 50%;
}
}

#top-product .product-list li.last{
	width: 100%;
}

#top-product .product-list li a{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

#top-product .product-list li a .shoulder{
	color: #4A4A4D;
	color: #FFF;
	width: 86px;
	height: 30px;
	font-size: 13px;
	font-family: "Lexend Giga", sans-serif;
	font-weight: 300;
	letter-spacing: 0.12em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fafafa;
	background: rgba(44,119,196,0.6);
  position: absolute;
	top: 0;
  left: 0;
	z-index: 10;
}
@media (min-width: 960px){
#top-product .product-list li a .shoulder{
	width: 138px;
	height: 46px;
	font-size: 19px;
}
}

#top-product .product-list li a .product-logo{
	width: 100%;
	height: 82%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
  left: 0;
	z-index: 10;
}
@media (min-width: 960px){
#top-product .product-list li a .product-logo{
	height: 94%;
}
}

#top-product .product-list .product-logo.corigris img{
	width: 156px;
	height: auto;
}
@media (min-width: 960px){
#top-product .product-list .product-logo.corigris img{
	width: 210px;
}
}

#top-product .product-list .product-logo.mimikaki img{
	width: 160px;
	height: auto;
}
@media (min-width: 960px){
#top-product .product-list .product-logo.mimikaki img{
	width: 218px;
}
}

#top-product .product-list .product-logo.mariana img{
	width: 130px;
	height: auto;
}
@media (min-width: 960px){
#top-product .product-list .product-logo.mariana img{
	width: 210px;
}
}

#top-product .product-list li a .text-block{
	color: #FFF;
	width: 100%;
	box-sizing: border-box;
	padding: 4px 17px 17px 17px;
  position: absolute;
	bottom: 0;
  left: 0;
	z-index: 10;
}
@media (min-width: 960px){
#top-product .product-list li a .text-block{
	padding: 0 28px 24px 28px;
}
}

#top-product .product-list li a .product-badge{
	color: #2C77C4;
	width: 55px;
	height: 55px;
	font-size: 14px;
	font-family: "Literata", "Zen Old Mincho", serif;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #2C77C4;
	border-radius: 50%;
	box-sizing: border-box;
}
@media (min-width: 960px){
#top-product .product-list li a .product-badge{
	color: #2C77C4;
	width: 110px;
	height: 110px;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 1;
}
}

/*@media (max-width: 959px){
#top-product .product-list li a .product-badge{
	position: absolute;
	top: 6px;
	right: 20px;
}
}*/

#top-product .product-list li a .product-catch{
	font-size: 14px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.6;
}
@media (min-width: 960px){
#top-product .product-list li a .product-catch{
	font-size: 16.5px;
	letter-spacing: 0.08em;
	line-height: 1.6;
}
}

#top-product .product-list li a .lineup-btn{
	font-size: 18px;
	font-family: "Lexend Giga", sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	display: flex;
	flex-direction: row;
	align-items: center;
	transition: all 0.2s ease;
	margin: 10px 0 0 0;
}
@media (min-width: 960px){
#top-product .product-list li a .lineup-btn{
	font-size: 25px;
	margin: 12px 0 0 0;
}
}

#top-product .product-list li a .lineup-btn img{
	width: 25px;
	height: 10px;
	margin-left: 12px;
}
@media (min-width: 960px){
#top-product .product-list li a .lineup-btn img{
	margin-left: 13px;
}
}

#top-product .product-list li a .thumb{
	width: 100%;
	height: auto;
	background-color: #DFE1F0;
	overflow: hidden;
	position: relative;
}

#top-product .product-list li a .thumb::after{
	content: "";
	width: 100%;
	height: 160px;
	background: linear-gradient(rgba(0, 3, 67, 0) 0%, rgba(0, 3, 67, 0.4) 100%);
	position: absolute;
	bottom: 0;
  left: 0;
	z-index: 1;
}

#top-product .product-list li a .thumb img{
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.3s ease;
}

@media (min-width: 960px){
#top-product a:hover{
	opacity: 1!important;
}
}

@media (min-width: 960px){
#top-product .product-list li a:hover .thumb img{
	transform: scale(1.04, 1.04);
	opacity: 1!important;
}
}

@media (min-width: 960px){
#top-product .product-list li a:hover .lineup-btn{
	opacity: 0.7!important;
}
}


/*top-feature ================ */
#top-feature{
	color: #2C77C4;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
@media (min-width: 960px){
#top-feature{
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
}

#top-feature .section-title-block{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
@media (min-width: 960px){
#top-feature .section-title-block{
	align-items: flex-end;
}
}

#top-feature .section-title-block .section-title-en{
	font-size: 38px;
	margin-left: 0.45em;
}
@media (min-width: 960px){
#top-feature .section-title-block .section-title-en{
	font-size: 110px;
	margin-left: auto;
	margin-right: 0.35em;
}
}

#top-feature .text-head-block{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
@media (min-width: 960px){
#top-feature .text-head-block{
	align-items: flex-end;
}
}

#top-feature .text-head-block h3.head{
	font-size: 20px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.08em;
	text-align: left;
}
@media (min-width: 960px){
#top-feature .text-head-block h3.head{
	font-size: 32px;
	letter-spacing: 0.14em;
	margin-right: -0.1em;
	text-align: right;
}
}

#top-feature .text-head-block sup{
	font-size: 10px;
	letter-spacing: 0;
	margin: 0 3px 0 0;
	vertical-align: 1.1em;
}
@media (min-width: 960px){
#top-feature .text-head-block sup{
	font-size: 12px;
	letter-spacing: 0;
	margin: 0 3px 0 -3px;
	vertical-align: 1.5em;
}
}

#top-feature .article{
	font-size: 14.5px;
	font-family: "Zen Old Mincho", serif;
	letter-spacing: 0.06em;
	line-height: 1.8;
	text-align: justify;
}
@media (min-width: 960px){
#top-feature .article{
	font-size: 16.5px;
	letter-spacing: 0.08em;
	line-height: 2.0;
	text-align: center;
}
}

#top-feature .note{
	font-size: 10px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.02em;
}
@media (min-width: 960px){
#top-feature .note{
	text-align: right;
	margin-right: 0.6em;
}
}

#top-feature .feature-list .card{
	border: 1px solid rgba(44,119,196,0.5);
}

#top-feature .img-1{
	width: calc(100vw - 35vw);
	height: auto;
	margin-right: 0;
	margin-left: 35vw;
	margin-top: 40px;
	z-index: -3;
}
@media (min-width: 960px){
#top-feature .img-1{
	width: 450px;
	height: auto;
	position: absolute;
	top: 120px;
	left: 130px;
	margin: 0;
	z-index: -3;
}
}

#top-feature .bubble-3{
	width: 34vw;
	height: auto;
	opacity: 0.4!important;
	position: absolute;
	top: 0;
	left: -4vw;
	margin-top: 55vw;
	z-index: -1;
}
@media (min-width: 960px){
#top-feature .bubble-3{
	width: 300px;
	top: 0;
	left: 20px;
	margin-top: 200px;
	z-index: -1;
}
}

#top-feature .bubble-4{
	width: 34vw;
	height: auto;
	opacity: 0.3!important;
	position: absolute;
	top: 20px;
	left: -4vw;
	margin-top: 55vw;
	z-index: -2;
}
@media (min-width: 960px){
#top-feature .bubble-4{
	width: 300px;
	top: 20px;
	left: 20px;
	margin-top: 200px;
	z-index: -2;
}
}

/*top-image-photo ================ */
#top-image-photo{
	width: 100vw;
	height: 400px;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/top-image-photo-sp.jpg);
	background-size: cover;
  background-repeat: no-repeat;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
@media (min-width: 960px){
#top-image-photo{
	width: 100vw;
	height: 66vh;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/top-image-photo.jpg);
}
}

#top-image-photo .wrap{
	color: #FFF;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}
@media (min-width: 960px){
#top-image-photo .wrap{
	justify-content: flex-end;
}
}

#top-image-photo .text-head-block{
	color: #FFF;
	padding-left: 1.0em;
}
@media (min-width: 960px){
#top-image-photo .text-head-block{
	padding-left: 0;
}
}

#top-image-photo .text-head-block h3.head{
	font-size: 36px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}
@media (min-width: 960px){
#top-image-photo .text-head-block h3.head{
	font-size: 70px;
	letter-spacing: 0.12em;
	margin-right: -0.1em;
	text-align: left;
}
}

#top-image-photo .text-head-block .article{
	font-size: 18px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.18em;
	text-align: center;
}
@media (min-width: 960px){
#top-image-photo .text-head-block .article{
	font-size: 28px;
	letter-spacing: 0.20em;
	text-align: left;
}
}


/*top-insta ================ */
#top-insta{
	color: #2C77C4;
	position: relative;
	box-sizing: border-box;
	padding: 0 0 60px 0;
}
@media (min-width: 960px){
#top-insta{
	max-width: 1920px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 120px 0;
}
}

#top-insta .section-title-block{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#top-insta .section-title-block .section-title-en{
	font-size: 30px;
	margin-right: 0.35em;
}
@media (min-width: 960px){
#top-insta .section-title-block .section-title-en{
	font-size: 90px;
	margin-right: 0.35em;
}
}

#top-insta .article{
	color: #2C77C4;
	font-size: 14.5px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.8;
	text-align: center;
}
@media (min-width: 960px){
#top-insta .article{
	font-size: 17px;
	letter-spacing: 0.08em;
	line-height: 1;
	text-align: center;
}
}

#top-insta .article span{
}
@media (min-width: 960px){
#top-insta .article span{
	margin-left: 1em;
}
}

ul.insta-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

ul.insta-list li{
	width: 48.7%;
	display: block;
	box-sizing: border-box;
}
@media (min-width: 960px){
ul.insta-list li{
	width: 31%;
}
}

ul.insta-list li a{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	display: block;
}

ul.insta-list li a:hover{
	opacity: 1!important;
}

ul.insta-list li a .thumb{
	height: auto;
	aspect-ratio: 1 / 1;
	background-color: #DFE1F0;
	overflow: hidden;
}

ul.insta-list li a .thumb img{
	width: auto;
	height: 100%;
	display: block;
	transition: all 0.3s ease;
}

@media (min-width: 960px){
ul.insta-list li a:hover .thumb img{
	transform: scale(1.05, 1.05);
}
}

#top-insta .btn-wrap{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#top-insta .more-btn{
	width: 310px;
	margin: 0 0 0 -10px;
}
@media (min-width: 960px){
#top-insta .more-btn{
	width: 300px;
	margin: 0 0 0 -10px;
}
}

#top-insta .more-btn a svg{
	fill: #2C77C4;
	width: 20px;
	height: auto;
	display: block;
	margin: 0 12px 0 -14px;
}

#top-insta .more-btn a:hover svg{
	fill: #FFF;
}

#top-insta .bubble-5{
	width: 34vw;
	height: auto;
	opacity: 0.4!important;
	position: absolute;
	top: 0;
	right: -4vw;
	margin-top: -40vw;
	z-index: 1;
}
@media (min-width: 960px){
#top-insta .bubble-5{
	width: 300px;
	top: 0;
	right: 20px;
	margin-top: -180px;
}
}

#top-insta .bubble-6{
	width: 34vw;
	height: auto;
	opacity: 0.3!important;
	position: absolute;
	top: 0px;
	right: -5vw;
	margin-top: -40vw;
	z-index: 2;
}
@media (min-width: 960px){
#top-insta .bubble-6{
	width: 300px;
	top: 0px;
	right: 20px;
	margin-top: -180px;
}
}


/*top-news ================ */
#top-news{
	color: #2C77C4;
	padding: 140px 0 0 0;
}
@media (min-width: 960px){
#top-news{
	padding: 220px 0 0 0;
}
}

#top-news .section-head-block{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}

#top-news .section-head-block .head-en{
	color: #2C77C4;
	font-size: 26px;
	font-family: "Literata", serif;
	font-weight: 300;
	transform: scaleX(1.18);
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: center;
	margin-left: 0.25em;
}
@media (min-width: 960px){
#top-news .section-head-block .head-en{
	font-size: 38px;
	letter-spacing: 0.1em;
}
}

#top-news .view-btn a{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

#top-news .view-btn a p{
	color: #2C77C4;
	font-size: 13px;
	font-family: "Lexend Giga", sans-serif;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	transition: all 0.3s ease;
}
@media (min-width: 960px){
#top-news .view-btn a p{
	font-size: 14px;
	line-height: 1;
}
}

@media (min-width: 960px){
#top-news .view-btn a:hover p{
	opacity: 0.5;
}
}

#top-news .view-btn a img{
	width: 25px;
	height: 10px;
	margin-left: 8px;
}
@media (min-width: 960px){
#top-news .view-btn a img{
	margin-left: 14px;
}
}

#top-news ul.top-news-list{
	width: 100%;
	border-top: 1px solid rgba(44,119,196,0.15);
}

#top-news ul.top-news-list li{
	width: 100%;
	border-bottom: 1px solid rgba(44,119,196,0.15);
}

#top-news ul.top-news-list li a{
	color: #2C77C4;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	box-sizing: border-box;
	padding: 14px 40px 10px 2px;
}
@media (min-width: 960px){
#top-news ul.top-news-list li a{
	flex-direction: row;
	align-items: center;
	padding: 24px 60px 24px 2px;
}
}

#top-news ul.top-news-list li a:hover{
	opacity: 1!important;
}

#top-news ul.top-news-list li a::after{
	content: "";
	width: 25px;
	height: 10px;
	background-image: url(https://gigaplus.makeshop.jp/neobri01/icon-arrow-rb.svg);
	background-size: 25px 10px;
	background-position: center;
	background-repeat: no-repeat;
  position: absolute;
	top: 50%;
	right: 0;
	margin: -5px 0 0 0;
}
@media (min-width: 960px){
#top-news ul.top-news-list li a::after{
	right: 0;
	margin: -5px 0 0 0;
}
}

#top-news ul.top-news-list li .data_block{
	display: flex;
  flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 6px 0;
}
@media (min-width: 960px){
#top-news ul.top-news-list li .data_block{
  flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin: 0 90px 0 0;
}
}

#top-news ul.top-news-list li .data{
	font-size: 11px;
	font-family: "Lexend Giga", sans-serif;
	font-weight: 300;
	letter-spacing: 0.04em;
	line-height: 1;
	transition: all 0.3s ease;
}
@media (min-width: 960px){
#top-news ul.top-news-list li .data{
	font-size: 14px;
}
}

#top-news ul.top-news-list li .head{
	font-size: 13.5px;
	font-family: "Zen Old Mincho", serif;
	letter-spacing: 0.06em;
	transition: all 0.3s ease;
}
@media (min-width: 960px){
#top-news ul.top-news-list li .head{
	font-size: 16px;
	letter-spacing: 0.08em;
}
}

@media (min-width: 960px){
#top-news ul.top-news-list li a:hover .head{
	opacity: 0.6;
}
}


/*top-bnr ================ */
#top-bnr{
	padding: 50px 0 0 0;
}
@media (min-width: 960px){
#top-bnr{
	padding: 60px 0 0 0;
}
}

#top-bnr a{
	width: 100%;
	height: auto;
	display: block;
	border: 0px solid #eee;
	box-sizing: border-box;
	margin: 0 auto;
}
@media (min-width: 960px){
#top-bnr a{
	width: 750px;
	transition: all 0.3s ease;
}
}

@media (min-width: 960px){
#top-bnr a:hover{
	opacity: 0.8;
}
}

#top-bnr a img{
	width: 100%;
	height: auto;
	display: block;
}