@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Urbanist&display=swap');


/* ==========================================================================================================================================
改修 12ページ 2024.4.3
=========================================================================================================================================== */

/* ========================================================================
	override
=========================================================================== */

@media screen and (min-width:800px){
	.no-display-pc{
		display:none!important;
	}
}
@media screen and (max-width:799px){
	.no-display-sp{
		display:none!important;
	}
}

main{
	font-family: "Urbanist", "Kosugi Maru", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.linkButton a span:nth-child(1) {
	font-size:200%;
	line-height:1.2;
	letter-spacing:0.05em;
	text-indent:0.05em;
}
.linkButton a span:nth-child(2) {
	font-size:100%;
}

img {
	vertical-align:top;
}

@media screen and (max-width:799px) {
	.catalog-flex > li:nth-child(n + 5) {
	    display: none;
	}
}


/* ========================
flex
=========================== */
.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex.left {
	justify-content:flex-start;
}
.flex.right {
	justify-content:flex-end;
}
.flex.between {
	justify-content:space-between;
}
.flex.around {
	justify-content:space-around;
}
.flex.evenly {
	justify-content:space-evenly;
}

.flex.top {
	align-items:flex-start;
}
.flex.bottom {
	align-items:flex-end;
}
.flex.stretch {
	align-items:stretch;
}

.flex.column {
	flex-direction:column;
}
.flex.rev {
	flex-direction:row-reverse;
}
.flex.column.rev {
	flex-direction:column-reverse;
}

.flex.wrap {
	flex-wrap:wrap;
}

.flex.col2 > * {
	width:calc(100% / 2);
}
.flex.col3 > * {
	width:calc(100% / 3);
}

.flex > .half {
	width:50%;
}
.flex > .full {
	width:100%;
}

.height-inherit > * {
	height:100%;
}
.height-inherit-all * {
	height:100%;
}

/* =====================
caption
======================== */

.neo-caption-wrapper{
	background-color: #dcdedd;
	padding-top:3em;
}

.neo-caption{
	text-align: center;
}

.neo-caption-e,
.neo-caption-j{
	display:block;
	color: #1a130b;
}

.neo-caption-e{
	font-size: 300%;
	border-bottom: 5px solid #1a130b;
	line-height: 1.3;
}

.neo-caption-j{
	font-size: 150%;
}

@media screen and (max-width:799px) {
	.neo-caption-e{
		font-size: 270%;
		line-height:1.1;
		padding-bottom:0.2em;
	}
}

/* =====================
common
======================== */

.neo-all-center-100{
	width:100%;
	max-width:100%;
	margin:0 auto;
}

.neo-all-center-1600{
	width:1600px;
	max-width:100%;
	margin:0 auto;
}

.neo-all-center-1400{
	width:1400px;
	max-width:100%;
	margin:0 auto;
}

.neo-all-center-1200{
	width:1200px;
	max-width:100%;
	margin:0 auto;
}

.neo-waku{
	padding-top: 5em;
}

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

	.neo-waku {
		padding-top:2em;
	}
}

/* =====================
neo-fv
======================== */

.neo-fv .neo-waku{
	padding-top: 0;
}

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

/* =====================
neo-event
======================== */

/* neo-contents-all-event1 */
.neo-contents-all-event1 .neo-contents-out {
    padding-top: 1em;
}

.neo-contents-all-event1 .neo-contents-cover{
	padding: 0.3em;
}

.neo-contents-all-event1 .neo-contents,
.neo-contents-all-event1 .neo-contents2{
	color: #fff;
	padding: 0 0.5em;
	border-radius: 5px;
	white-space: nowrap;
	text-align: center;
	font-size: 70%;
}

.neo-contents-all-event1 .neo-contents{
	display: block;
	background-color: #1a130b;
	border: solid 1px #fff;
	outline: solid 1px #000;
}

.neo-contents-all-event1 .neo-contents2{
	display: block;
	background-color: #a58c78;
	border: solid 1px #fff;
	outline: solid 1px #a58c78;
}

/* neo-contents-all-event2 */
.neo-contents-all-event2 .neo-contents2-cover{
	padding-top: 3em;
}

.neo-contents-all-event2 .neo-contents2-l{
	width:50%;
	padding-right:2em;
}

.neo-contents-all-event2 .neo-contents2-r{
	width:50%;
	padding-left:2em;
}

.neo-contents-all-event2 .neo-contents2-l .neo-img-cover{
	text-align: center;
}

.neo-contents-all-event2 .neo-contents2-r .neo-img-cover img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.neo-contents-all-event2 .neo-text-cover{
	padding: 3em 0.5em 0;
}

.neo-contents-all-event2 .neo-text{
	font-size: 130%;
}

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

	.neo-contents-all-event2 .neo-contents2 {
		flex-direction: column;
	}

	.neo-contents-all-event2 .neo-contents2-l {
		width: 100%;
		padding-right: 0;
	}
	
	.neo-contents-all-event2 .neo-contents2-r {
		width: 100%;
		padding-left: 0;
	}

	.neo-contents-all-event2 .neo-contents2-l .neo-img-cover {
		width: 420px;
		margin: 0 auto;
	}

	.neo-contents-all-event2 .neo-contents2-r .neo-img-cover{
		padding: 1.5em 1em 0;
	}

	.neo-contents-all-event2 .neo-text-cover {
		padding: 2em 1em 0;
	}
}

/* =====================
neo-production
======================== */

.neo-production .neo-waku {
	padding-bottom: 3em;
}

.neo-contents-all-production1 .neo-contents-cover{
	padding-top: 2em;
}

.neo-contents-all-production1 .img-cover{
	padding: 0 0.5em;
}

.neo-contents-all-production1 .neo-text-cover{
	padding:1em 1em 0;
}

.neo-contents-all-production1 .neo-text{
	font-size: 125%;
}

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

	.neo-contents-all-production1 {
		display: flex;
		flex-direction: column-reverse;
	}

	.neo-production .neo-waku {
		padding-bottom:0;
	}

	.neo-contents-all-production1 .neo-contents-cover{
		flex-wrap: wrap;
		padding: 2em 0.3em 0;
	}

	.neo-contents-all-production1 .neo-contents {
		width: calc(100% / 3);
	}

	.neo-contents-all-production1 .img-cover {
		padding: 0 0.3em 0.6em;
	}
}

/* =====================
neo-order
======================== */

.neo-padding-zero{
	padding: 0 !important;
}

.neo-padding-t1{
	padding-top: 1em;
}

.neo-padding-t2{
	padding-top: 2em;
}

.neo-padding-t3{
	padding-top: 3em;
}

.neo-padding-t4{
	padding-top: 4em;
}

.neo-padding-t5{
	padding-top: 5em;
}

.neo-padding-r1{
	padding-right: 1em;
}

.neo-padding-r2{
	padding-right: 2em;
}

.neo-padding-r3{
	padding-right: 3em;
}

.neo-padding-r4{
	padding-right: 4em;
}

.neo-padding-l1{
	padding-left: 1em;
}

.neo-padding-l2{
	padding-left: 2em;
}

.neo-padding-l3{
	padding-left:3em;
}

.neo-padding-l4{
	padding-left: 4em;
}

.neo-padding-b1{
	padding-bottom: 1em;
}

.neo-padding-b2{
	padding-bottom: 2em;
}

.neo-padding-b3{
	padding-bottom: 3em;
}

.neo-padding-b4{
	padding-bottom: 4em;
}

.neo-padding-b5{
	padding-bottom: 5em;
}

.neo-padding-b6{
	padding-bottom: 6em;
}

.neo-padding-b7{
	padding-bottom: 7em;
}

.neo-padding-b8{
	padding-bottom: 8em;
}

.neo-padding-b9{
	padding-bottom: 9em;
}

.neo-padding-b10{
	padding-bottom: 10em;
}

.neo-margin-top1{
	margin-top: -1px;
}

.neo-z1{
	z-index: 1;
}

.neo-z2{
	z-index: 2;
}
.neo-padding-z2{
	padding:3em 0 6em;
}

.neo-z3{
	z-index: 3;
}

.neo-bg-color1{
	background-color: #dcdedd;
}

.neo-bg-color2{
	background-color: #fff;
}

.neo-bg-color3{
	background-color: #d1c8c3;
}

.neo-bg-color4{
	background-color: #e1e3de;
}

.neo-w100{
	width: 100%;
}

.neo-contents1-cover {
	position: relative;
}

.neo-contents1-cover:nth-child(1)::after,
.neo-contents1-cover:nth-child(2)::after {
	content: "";
	display: block;
	position: absolute;
	left: calc(50% - 50px);
	bottom: -70px;
	background-image: url(images/neo-event/neo-arrow01.webp);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: contain;
	width: 100px;
	height: 165px;
	margin:0 auto;
}

.neo-contents1-l,
.neo-contents1-r{
	width: 50%;
}

.neo-w45{
	width: 45% !important;
}

.neo-w55{
	width: 55% !important;
}

.neo-text-cover2{
	padding-bottom: 3em;
}

.neo-text-cover-in1{
	padding-top:3em;
}

.neo-text-cover2-in2 {
    padding-top: 2em;
}

.neo-text-cover-in1,
.neo-text-cover2-in2{
	padding-left: 0.5em;
}

.neo-contents1-l .neo-img-cover {
	width: 120px;
}
.neo-img-cover.neo-order2-img {
	text-align:center;
}
.neo-img-cover.neo-order2-img img {
	height:32em;
}
.neo-text-cover-w1{
	width:calc(100% - 120px);
}

.neo-text1-1{
	font-size: 270%;
}

.neo-text1-2{
	font-size: 150%;
	padding: 0 0.2em;
}

.neo-text2-1{
	font-size: 120%;
}

.neo-text-wrapper{
	width: 520px;
}

.neo-text3 {
    font-size: 200%;
    text-align: center;
    border-bottom: solid 3px #000;
    line-height: 1.2;
    width: 90%;
    margin: 0 auto;
}

.neo-img-cover2{
	z-index: 10;
	position: absolute;
	top: 7%;
	bottom: 0;
    left: 0;
    right: 0;
	padding-left: 50%;
}

.neo-option-woman{
	height: 1000px;
	width: auto;
}

.neo-works-lastest{
	padding:1em 0;
	text-align:center;
}
.neo-works-lastest h3{
	font-size:160%;
	font-weight:bold;
	background:#dcdedd;
}
.neo-works-lastest .image{
	padding:2em 0.5em 0;
}
.neo-works-lastest .image img{
	box-shadow:0 0 0.5em #999;
}

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

	.neo-z3 {
		padding:2em 0 5em;
	}
	.neo-z2 {
		padding:4em 0 5em;
	}
	.neo-z1 {
		padding:4em 0 0;
	}

	.neo-padding-zero-sp{
		padding: 0;
	}

	.neo-text-align-l-sp{
		text-align: left;
	}

	.neo-text-align-c-sp{
		text-align: center;
	}

	.neo-padding-l25-sp{
		padding-left: 2.5em;
	}

	.neo-padding-r25-sp{
		padding-right: 2.5em;
	}

	.neo-font-s300-sp{
		font-size: 300%;
	}

	.neo-font-s350-sp{
		font-size: 300%;
	}

	.neo-font-s320-sp{
		font-size: 300%;
	}

	.neo-padding-b30vh-sp{
		padding-bottom: 30vh !important;
	}

	.neo-img-cover.neo-order2-img img {
		height:26em;
	}

	.neo-text-cover2 {
		padding-top: 30vh;
	}

	.neo-padding-r1-sp{
		padding-right: 1em;
	}

	.neo-contents1-cover:nth-child(1)::after,
	.neo-contents1-cover:nth-child(2)::after {
		bottom: -4em;
		height:8em;
	}

	.neo-text-cover-in1,
	.neo-text-cover2-in2{
		padding-left: 0;
	}

	.neo-contents1 {
		flex-direction: column !important;
	}

	.neo-contents1-cover .neo-contents1-l,
	.neo-contents1-cover .neo-contents1-r {
		width: 100% !important;
	}

	.neo-contents1-r {
		padding-top: 1em;
	}

	 .neo-contents1-l .neo-img-cover {
		width: 120px;
		line-height: 2.2;
	}

	.neo-img-cover2{
		z-index: 10;
		position: absolute;
		top: 7%;
		bottom: 0;
		left: 0;
		right: 0;
		padding-left: 0;
	}

	 .neo-text-cover {
		padding:0 0.5em 0;
		width:100%;
	}

	.neo-text1-2{
		font-size: 140%;
		padding: 0;
	}

	.neo-text2-1{
		font-size: 110%;
	}

	.neo-text-wrapper {
		width: 410px;
		margin: auto;
	}

	.neo-img-cover2 {
		top: auto;
		bottom: 590px;
		text-align: center;
	}

	.neo-option-woman {
		height: 60vh;
	}
}