@charset "UTF-8";



/*--------------------------------------------------------------
font-family: "Rubik", sans-serif;
font-family: "Zen Kaku Gothic Antique", sans-serif;
--------------------------------------------------------------*/

/*--------------------------------------------------------------
html, body
--------------------------------------------------------------*/

html, body{
	margin: 0;
    padding: 0;
	color: #1D201F;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: justify;
	text-justify: inter-ideograph;
	font-feature-settings: "pkna" 1;
	word-break: break-all;
}

/*--------------------------------------------------------------
background: url("../image/ground.jpg") top center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
--------------------------------------------------------------*/

/*--------------------------------------------------------------
h1,h2,h3,h4,h5,h6
ul
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

ul {
	list-style-type: none;
}


/*--------------------------------------------------------------
img
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
a
--------------------------------------------------------------*/

a:link {
	color: #1D201F;
	text-decoration: none;
}

a:visited {
	color: #1D201F;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}





/*--------------------------------------------------------------
#container
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#container {
		margin: 0;
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	
	
}

/*--------------------------------------------------------------
#header
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#header {
		margin: 0;
		height: 90px;
		background: #FFF;
		position: relative;
	}
	
	#header .visually-hidden {
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}
	
	#header .logo {
		width: 110px;
		padding: 25px 0 0 25px;
	}
	
	.gnavi{
		display: none;
	}

	
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#header {
		margin: 0;
		height: 8.333vw;
		background: #FFF;
		position: relative;
	}
	
	#header .visually-hidden {
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}
	
	#header .logo {
		width: 8.854vw;
		position: absolute;
		top: 1.823vw;
		left: 2.344vw;
		margin: 0;
		padding: 0;
	}
	

	.gnavi{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		margin: 3.385vw 1.562vw 0 0;
		list-style: none;
	}

	.gnavi li a{
		display: block;
		padding: 0.26vw 1.562vw;
		text-decoration: none;
		font-size: 1.042vw;
		font-weight: 800;
	}

	.gnavi li{
		margin-bottom: 1.042vw;
	}


	.gnavi li a{
		position: relative;
	}

	.gnavi li.current a,
	.gnavi li a:hover{
		
	}

	.gnavi li a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 10%;
		width: 80%;
		height: 2px;
		background: #1D201F;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: left top;
	}

	.gnavi li.current a::after,
	.gnavi li a:hover::after {
		transform: scale(1, 1);
	}
	
	.gnavi li.has-child{
		position: relative;
	}

	.gnavi li.has-child ul{
		position: absolute;
		left: 0;
		top: 2.1vw;
		z-index: 4;
		background: #FFF;
		width: 10.417vw;
		box-sizing: border-box;
		visibility: hidden;
		opacity: 0;
		transition: all .3s;
		padding-top: 20px;
	}

	.gnavi li.has-child:hover > ul,
	.gnavi li.has-child ul li:hover > ul,
	.gnavi li.has-child:active > ul,
	.gnavi li.has-child ul li:active > ul{
		visibility: visible;
		opacity: 1;
	}

	.gnavi li.has-child ul li a{
		color: #1D201F;
		padding: 0.26vw 1.562vw 0.26vw 1.262vw;
		font-size: 0.938vw;
	}

	.gnavi li.has-child ul li{
		margin-bottom: 0.781vw;
	}

	
}

/*--------------------------------------------------------------
h3
p
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	h3 {
		font-size: 22px;
		font-weight: 800;
	}
	
	h3 span {
		font-family: "Rubik", sans-serif;
		font-size: 12px;
		font-weight: 700;
	}
	
	h5 {
		text-align: center;
		margin-bottom: 20px;
	}
	
	h5 span {
		background: #1D201F;
		border-radius: 50px;
		color: #FFF;
		padding: 5px 30px;
		text-align: center;
	}
	
	h5 span.jpn {
		font-size: 13px;
		font-weight: 600;
		padding-bottom: 7px;
	}
	
	h5 span.en {
		font-family: "Rubik", sans-serif;
		font-size: 13px;
		font-weight: 500;
	}
	
	p {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.8;
		text-align: justify;
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	h3 {
		font-size: 2.083vw;
		font-weight: 800;
	}
	
	h3 span {
		font-family: "Rubik", sans-serif;
		font-size: 0.781vw;
		font-weight: 700;
	}
	
	h5 {
		text-align: center;
		margin-bottom: 1.042vw;
	}
	
	h5 span {
		background: #1D201F;
		border-radius: 2.604vw;
		color: #FFF;
		padding: 0.26vw 1.562vw;
		text-align: center;
	}
	
	h5 span.jpn {
		font-size: 1.042vw;
		font-weight: 600;
		padding-bottom: 0.365vw;
	}
	
	h5 span.en {
		font-family: "Rubik", sans-serif;
		font-size: 1.042vw;
		font-weight: 500;
	}
	
	p {
		font-size: 1.042vw;
		font-weight: 600;
		line-height: 1.8;
	}
	
}


/*--------------------------------------------------------------
#categorie-top-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#categorie-top-area {
	}
	
	#categorie-top-area .bg-area {
		height: 200px;
	}
	
	#categorie-top-area h2 {
		background: #FFF;
		font-size: 20px;
		font-weight: 800;
		text-align: center;
		margin-top: -60px;
		margin-left: 0;
		padding: 20px 40px 0 40px;
		display: inline-block;
	}
	
	#categorie-top-area h2 span {
		display: block;
		font-size: 11px;
		font-weight: 700;
		font-family: "Rubik", sans-serif;
		margin-top: 5px;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#categorie-top-area {
	}
	
	#categorie-top-area .bg-area {
		height: 18.22vw;
	}
	
	#categorie-top-area h2 {
		background: #FFF;
		font-size: 2.083vw;
		font-weight: 800;
		text-align: center;
		margin-top: -3.125vw;
		margin-left: 10%;
		padding: 1.042vw 4.688vw 0 4.688vw;
		display: inline-block;
	}
	
	#categorie-top-area h2 span {
		display: block;
		font-size: 0.781vw;
		font-weight: 700;
		font-family: "Rubik", sans-serif;
		margin-top: 0.26vw;
	}
	
}

/*--------------------------------------------------------------
.breadcrumbs
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.breadcrumbs {
		padding-right: 3%;
		margin-bottom: 50px;
	}
	
	.breadcrumbs ul {
		font-size: 11px;
		font-weight: 600;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	
	.breadcrumbs ul li {
		margin: 0 5px;
	}
	
	.breadcrumbs ul li a {
		text-decoration: underline;
	}
	
	.breadcrumbs ul li:last-child{
		max-width: 80px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.breadcrumbs {
		padding-right: 10%;
		margin-bottom: 3.646vw;
	}
	
	.breadcrumbs ul {
		font-size: 0.781vw;
		font-weight: 600;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	
	.breadcrumbs ul li {
		margin: 0 0.26vw;
	}
	
	.breadcrumbs ul li a {
		text-decoration: underline;
	}
	
	.breadcrumbs ul li:last-child{
		max-width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
}

/*--------------------------------------------------------------
#slidetext-area
--------------------------------------------------------------*/

/* mobile */
@media screen and (min-width: 300px) {
	
	#slidetext-area {
		padding: 0 0 20px 0;
	}

	.marquee {
		overflow: hidden;
	}

	.track {
		display: flex;
		width: max-content;
		will-change: transform;
		animation: marquee 50s linear infinite;
		color: #F4F4F4;
		font-family: "Rubik", sans-serif;
	}

	.track span{
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 100px;
		font-weight: 700;
		line-height: 1;
		padding-right: 100px;
	}
	
	.track {
		will-change: transform;
	}

	.track {
		animation-timing-function: linear;
	}
	
}

/* Small than tablet */
@media screen and (min-width: 771px) {
	
	
	
}


/* Larger than tablet */
@media screen and (min-width: 1161px) {
	
	#slidetext-area {
		padding: 0 0 2.604vw 0;
	}

	.marquee {
		overflow: hidden;
	}

	.track {
		display: flex;
		width: max-content;
		will-change: transform;
		animation: marquee 50s linear infinite;
		color: #F4F4F4;
		font-family: "Rubik", sans-serif;
	}

	.track span{
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 7.812vw;
		font-weight: 700;
		line-height: 1;
		padding-right: 7.552vw;
	}
	
	.track {
		will-change: transform;
	}

	.track {
		animation-timing-function: linear;
	}

}

@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/*--------------------------------------------------------------
.btn
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.bt-area {
		text-align: center;
	}
	
	.btn{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		border: 2px solid #1D201F;
		background: #1D201F;
		padding: 10px 0 12px 0;
		width: 230px;
		text-align: center;
		outline: none;
		transition: ease .2s;
		font-size: 14px;
		font-weight: 600;
	}
	
	.btn2{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		border: 2px solid #1D201F;
		background: #1D201F;
		padding: 10px 0 12px 0;
		width: 100%;
		text-align: center;
		outline: none;
		transition: ease .2s;
		font-size: 14px;
		font-weight: 600;
	}

	.btn span,
	.btn2 span {
		position: relative;
		z-index: 3;
		color:#FFF;
	}

	.btn:hover span,
	.btn2:hover span,
	.btn:hover .material-symbols-outlined,
	.btn2:hover .material-symbols-outlined {
		color: #1D201F;
	}

	.bgleft:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #FFF;
		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
		transform: scale(0, 1);
		transform-origin: right top;
	}

	.bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
	
	.btn .material-symbols-outlined,
	.btn2 .material-symbols-outlined {
		font-size: 15px;
		position: absolute;
		right: 10px;
		top: 50%;
		z-index: 3;
		color:#FFF;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24
	}

}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.bt-area {
		text-align: center;
	}
	
	.btn{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		border: 2px solid #1D201F;
		background: #1D201F;
		padding: 0.781vw 0 0.938vw 0;
		width: 13.02vw;
		text-align: center;
		outline: none;
		transition: ease .2s;
		font-size: 1.042vw;
		font-weight: 600;
	}
	
	.btn2{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		border: 2px solid #1D201F;
		background: #1D201F;
		padding: 1.042vw 0 1.2vw 0;
		width: 100%;
		text-align: center;
		outline: none;
		transition: ease .2s;
		font-size: 1.042vw;
		font-weight: 600;
	}

	.btn .material-symbols-outlined,
	.btn2 .material-symbols-outlined {
		font-size: 0.781vw;
		position: absolute;
		right: 1.042vw;
		top: 50%;
		z-index: 3;
		color:#FFF;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24
	}
	
}


/*--------------------------------------------------------------
.openbtn
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.openbtn{
		position: fixed;
		z-index: 9990;
		top: 10px;
		right: 10px;
		cursor: pointer;
		width: 50px;
		height: 50px;
		background: #FFF;
		border-radius: 50px;
	}
	
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 2px;
		background-color: #000;
		width: 45%;
  }

	.openbtn span:nth-of-type(1) {
		top: 15px;	
	}

	.openbtn span:nth-of-type(2) {
		top: 23px;
	}

	.openbtn span:nth-of-type(3) {
		top: 31px;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}

	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	.openbtn.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.openbtn{
		display: none;
	}
	
}


/*--------------------------------------------------------------
#g-nav
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#g-nav{
		position: fixed;
		z-index: 999;
		top: 0;
		right: -120%;
		width: 60%;
		height: 100vh;
		background: #FFF;
		transition: all 0.6s;
	}

	#g-nav.panelactive{
		right: 0;
	}

	#g-nav.panelactive #g-nav-list{
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	#g-nav ul {
		z-index: 999;
		padding: 80px 50px 0 5%;
	}

	#g-nav li{
		list-style: none;
	}

	#g-nav li a{
		color: #1D201F;
		text-decoration: none;
		padding: 20px 0;
		display: block;
		text-transform: uppercase;
		font-weight: 800;
		font-size: 17px;
	}
	
	#g-nav li:nth-child(5) a{
		padding: 20px 0 15px 0;
	}
	
	#g-nav li:nth-child(6){
		margin-bottom: 10px;
	}
	
	#g-nav li:nth-child(6) a{
		color: #1D201F;
		text-decoration: none;
		padding: 10px 0 10px 20px;
		display: block;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 15px;
	}
	
	#g-nav .material-symbols-outlined {
		margin-right: 10px;
		font-size: 12px;
		vertical-align: 1px;
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24
	}
	
	.sp_cv_area {
		z-index: 999;
		padding: 70px 50px 150px 10%;
	}
	
	.sp_cv_area h6 {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 20px;
	}

	.sp_cv_area h6 span {
		font-family: "Rubik", sans-serif;
		font-size: 22px;
		font-weight: 700;
		margin-bottom: 5px;
		display: block;
	}
	
	.sp_cv_area dl {
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	
	.sp_cv_area dt:first-child {
		padding-right: 20px;
		padding-top: 7px;
		padding-bottom: 7px;
		border-right: 1px solid #E3E3E3;
	}
	
	.sp_cv_area dt:last-child {
		padding-left: 23px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.sp_cv_area dl img {
		width: 35px;
		height: auto;
	}
}

@media screen and (min-width: 771px) {
	

	
}


@media screen and (min-width: 1161px) {
	
	

}


/*--------------------------------------------------------------
#footer
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#footer {
		padding: 80px 0 0 0;
	}
	

}

@media screen and (min-width: 771px) {
	

	
}


@media screen and (min-width: 1161px) {
	
	#footer {
		padding: 6.25vw 0 0 0;
	}

}





/*--------------------------------------------------------------
#cv-contact-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#cv-contact-area {
		padding-bottom: 50px;
	}
	
	#cv-contact-area h5 {
		text-align: center;
		font-family: "Rubik", sans-serif;
		font-size: 30px;
		font-weight: 700;
		margin-bottom: 20px;
	}
	
	.cv_inner {
		padding-left: 8%;
		padding-right: 8%;
	}
	
	.cv_inner p {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.cv_inner ul {
		padding-left: 0;
	}
	
	.cv_inner ul li {
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.cvbtn {
		display:flex;
		align-items:center;
		justify-content:space-between;
		width: 100%;
		height: 80px;
		padding: 0 40px;
		box-sizing:border-box;
		text-decoration:none;
		font-size: 18px;
		font-weight: 700;
	}

	.cvbtn .left{
		display:flex;
		align-items:center;
		gap: 10px;
		transition: opacity .3s ease;
	}
	
	.cvbtn:hover .left{
		opacity: .6;
	}

	.cvbtn .line{
		width: 50px;
		height:1px;
		background:currentColor;
		transition: width .4s ease;
	}
	
	.cvbtn:hover .line{
		width:80px;
	}

	.btn-outline{
		background: #fff;
		color: #111;
		border: 2px solid #111;
	}

	.cv_inner ul li:last-child a.btn-fill{
		background: #111;
		color: #fff;
	}

}

@media screen and (min-width: 771px) {
	

	
}


@media screen and (min-width: 1161px) {
	
	#cv-contact-area {
		padding-bottom: 8.333vw;
	}
	
	#cv-contact-area h5 {
		text-align: center;
		font-family: "Rubik", sans-serif;
		font-size: 2.083vw;
		font-weight: 700;
		margin-bottom: 2.083vw;
	}
	
	.cv_inner {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		padding-left: 0;
		padding-right: 0;
	}
	
	.cv_inner p {
		text-align: left;
		margin-bottom: 0;
	}
	
	.cv_inner ul {
		display: -webkit-flex;
		display: flex;
		padding-left: 3.385vw;
	}
	
	.cv_inner ul li {
		margin-right: 0.781vw;
		margin-bottom: 0;
	}
	
	.cvbtn {
		display:flex;
		align-items:center;
		justify-content:space-between;
		width: 20.83vw;
		height: 4.948vw;
		padding: 0 2.083vw;
		box-sizing:border-box;
		text-decoration:none;
		font-size: 1.146vw;
		font-weight: 700;
	}

	.cvbtn .left{
		display:flex;
		align-items:center;
		gap: 0.938vw;
		transition: opacity .3s ease;
	}
	
	.cvbtn:hover .left{
		opacity: .6;
	}

	.cvbtn .line{
		width: 2.604vw;
		height: 1px;
		background:currentColor;
		transition: width .4s ease;
	}
	
	.cvbtn:hover .line{
		width: 4.167vw;
	}

	.btn-outline{
		background: #fff;
		color: #111;
		border: 2px solid #111;
	}

	.cv_inner ul li:last-child a.btn-fill{
		background: #111;
		color: #fff;
	}

}


/*--------------------------------------------------------------
#info-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#info-area {
		padding: 50px 0 20px 0;
		background: #DEDEDC;
	}
	
	.info_inner{
		margin: 0 8% 100px 8%;
	}
	
	.info_inner div:nth-child(1){
		width: auto;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.info_inner div:nth-child(1) img{
		width: 150px;
	}
	
	.info_inner div:nth-child(2){
		font-size: 16px;
		font-weight: 700;
	}
	
	.info_inner div:nth-child(2) a{
		text-decoration: underline;
	}
	
	.info_inner div:nth-child(2) img{
		width: 25px;
		transition: opacity .3s ease;
	}
	
	.info_inner div:nth-child(2) img:hover{
		opacity: 0.5;
	}
	
	.info_inner div:nth-child(2) dd{
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	
	.info_inner div:nth-child(2) dt{
		margin-bottom: 35px;
	}
	
	.info_inner div:nth-child(2) dd span:first-child{
		font-family: "Rubik", sans-serif;
		font-size: 16px;
		font-weight: 500;
		margin-right: 20px;
	}
	
	.info_inner div:nth-child(3) ul{
		display: none;
	}
	
	
	.copyright {
		margin: 0;
		text-align: center;
		font-family: "Rubik", sans-serif;
		font-size: 12px;
		font-weight: 500;
	}

}

@media screen and (min-width: 771px) {
	

	
}


@media screen and (min-width: 1161px) {
	
	#info-area {
		padding: 5.208vw 0 2.604vw 0;
		background: #DEDEDC;
	}
	
	.info_inner{
		margin: 0 12.5vw 12.5vw 12.5vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.info_inner div:nth-child(1){
		width: 15.62vw;
		text-align: left;
		margin-bottom: 0;
	}
	
	.info_inner div:nth-child(1) img{
		width: 12.5vw;
	}
	
	.info_inner div:nth-child(2){
		font-size: 0.938vw;
		font-weight: 700;
	}
	
	.info_inner div:nth-child(2) a{
		text-decoration: underline;
	}
	
	.info_inner div:nth-child(2) img{
		width: 1.302vw;
		transition: opacity .3s ease;
	}
	
	.info_inner div:nth-child(2) img:hover{
		opacity: 0.5;
	}
	
	.info_inner div:nth-child(2) dd{
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	
	.info_inner div:nth-child(2) dt{
		margin-bottom: 1.823vw;
	}
	
	.info_inner div:nth-child(2) dd span:first-child{
		font-family: "Rubik", sans-serif;
		font-size: 0.938vw;
		font-weight: 500;
		margin-right: 1.042vw;
	}
	
	.info_inner div:nth-child(3) ul{
		display: -webkit-flex;
		display: flex;
		font-family: "Rubik", sans-serif;
		font-size: 1.042vw;
		font-weight: 500;
	}
	
	.info_inner div:nth-child(3) ul li{
		margin-left: 2.865vw;
	}
	
	.info_inner div:nth-child(3) ul li a{
		margin-bottom: 1.042vw;
		display: block;
		transition: opacity .3s ease;
	}
	
	.info_inner div:nth-child(3) ul li a:hover{
		opacity: 0.5;
	}
	
	.copyright {
		margin: 0 5%;
		text-align: right;
		font-family: "Rubik", sans-serif;
		font-size: 0.781vw;
		font-weight: 500;
	}

}


/*--------------------------------------------------------------
.side_cv_navi
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.side_cv_navi {
		display: none;
	}
	

}

@media screen and (min-width: 771px) {
	

	
}


@media screen and (min-width: 1161px) {
	
	.side_cv_navi {
		position: fixed;
		right: 0;
		top: 21vw;
		display: inherit;
		background: #FFF;
		border-top: solid 3px #000;
	}
	
	.cv_item {
		position: absolute;
		left: 50%;
		top: -0.208vw;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 0.417vw;
		line-height: 0;
	}
	
	.side_cv_navi ul {
		padding: 1.302vw 0.521vw 0.781vw 0.521vw;
	}
	
	.side_cv_navi li {
		text-align: center;
	}
	
	.side_cv_navi li a {
		display: inline-block;
		transition: opacity 0.3s ease;
	}

	.side_cv_navi li a:hover {
		opacity: 0.5;
	}
	
	.side_cv_navi li img {
		width: 1.562vw;
		height: auto;
	}
	
	.side_cv_navi li:nth-child(1) {
		font-family: "Rubik", sans-serif;
		font-size: 0.729vw;
		font-weight: 600;
		display: flex;
		justify-content: center;
	}
	
	.side_cv_navi li:nth-child(1) div {
		writing-mode: vertical-rl;
	}
	
	.side_cv_navi li:nth-child(2) {
		padding: 1.562vw 0.26vw 0.781vw 0.26vw;
	}
	
	.side_cv_navi li:nth-child(3) {
		padding: 1.042vw 0.26vw;
		border-top: 1px solid #C4C4C4;
	}

}


/*--------------------------------------------------------------
#contact-header
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#contact-header {
		margin: 0 8% 50px 8%;
	}
	
	#contact-header h3 {
		text-align: center;
		margin-bottom: 20px;
	}
	
	#contact-header h3 span {
		display: block;
		margin-top: 10px;
	}
	
	#contact-header p {
		text-align: left;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#contact-header {
		margin: 0 0 3.646vw 0;
	}
	
	#contact-header h3 {
		text-align: center;
		margin-bottom: 2.604vw;
	}
	
	#contact-header h3 span {
		display: block;
		margin-top: 0.521vw;
	}
	
	#contact-header p {
		text-align: center;
	}
	
}





/*--------------------------------------------------------------
@media
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.pc {
		display: none;
	}
	

}

@media screen and (min-width: 771px) {
	

	
}


@media screen and (min-width: 1161px) {
	
	.pc {
		display: inline;
	}
	
	.sp {
		display: none;
	}

}