@charset "UTF-8";

#about {
	position: relative;
	top: -200px;
}
#instagram {
	position: relative;
	top: -100px;
}
#news1 {
	position: relative;
	top: 350px;
}
#showroom {
	position: relative;
}

@media only screen and (orientation:landscape) {
	#instagram {
		top: -10px;
	}
	#news1 {
		top: 550px;
	}
	#showroom {
		top: 200px;
	}
}

@media only screen and (min-width: 577px) and (orientation:portrait)  {
	#news1 {
		top: 100px;
	}
}

@media only screen and (min-width: 577px) and (orientation:landscape) {
	#news1 {
		top: 200px;
	}

	#showroom {
		top: 200px;
	}
}

@media only screen and (min-width: 769px) and (orientation:portrait) {
	#about {
		top: -200px;
	}

	#showroom {
		top: 150px;
	}
}

@media only screen and (min-width: 769px) and (orientation:landscape) {
	#showroom {
		top: 250px;
	}
}

@media only screen and (min-width: 1024px) and (orientation:landscape) {

	#showroom {
		top: 250px;
	}
}
@media only screen and (min-width: 1300px) and (orientation:landscape) {
	#showroom {
		top: 300px;
	}
}

@media only screen and (min-width: 1500px) and (orientation:landscape) {
	#showroom {
		top: 500px;
	}
}



.visible-pc {
	display: none !important;
}
.visible-tb {
	display: none !important;
}
.visible-sp {
	display: block !important;
}

@media only screen and (min-width: 577px) {
	.visible-pc {
		display: none !important;
	}
	.visible-tb {
		display: block !important;
	}
	.visible-sp {
		display: none !important;
	}
}
@media only screen and (min-width: 921px) {
	.visible-pc {
		display: block !important;
	}
	.visible-tb {
		display: block !important;
	}
	.visible-sp {
		display: none !important;
	}
}


header,footer,div,section{
	box-sizing: border-box;
}
body{
	font-size: 16px;
	color: #fff;
	background: #35444b;
	font-family: 'Noto Sans Japanese','游ゴシック','ヒラギノ角ゴ Pro W3','メイリオ', 'Noto Sans', sans-serif;
}

a{
	color: #fff;
	text-decoration: none;
}
a:link {
	color:#fff;
	text-decoration: none;
}
a:visited {
	color:#fff;
	text-decoration: none;
}
a:hover {
	color:#fff;
	text-decoration: none;
}
a:active {
	color:#fff;
	text-decoration: none;
}
img{
	width: 100%;
	display: block;
}
h2,h3,h4,h5,p,li,dt,dd,form{
	font-size: 0.75em;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 576px)  {
	h2,h3,h4,h5,p,li,dt,dd,form{
		font-size: 0.625em;
		letter-spacing: 0.2em;
	}
}
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;
}
input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*header*/
header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 2% 5%;
	z-index: 100;
}
header .logo{
	width: 5.375em;
	height: 2.625em;
}
header .menu{
	margin: auto 0;
}
header .menu ul{
	display: flex;
  justify-content: flex-end;
	width: 100%;
}
header .menu ul li{
	/*margin-right: 5%;*/
	padding-right: 5%;
	box-sizing: border-box;
	width: 100%;
}
header .menu ul li:last-child{
	padding-right: 0;
}
/*header*/

/*section sec_top*/
.sec_top .text_wrap01{
	margin: auto;
	text-align: center;
}

.sec_top .text_wrap01 h2{
	text-align: left;
	display: inline-block;
	transform: translate(0,-20%);
	line-height: 3;
}
.sec_top .text_wrap02{
	margin: auto;
	text-align: center;
}
.sec_top .text_wrap02 p{
	text-align: left;
	display: inline-block;
	line-height: 3;
	letter-spacing: 0.12em;
}

.sec_top .text_wrap01,
.sec_top .text_wrap02 {
	margin: auto;
	width: 400px;
	text-align: left;
}
@media screen and (max-width: 576px)  {
	.sec_top .text_wrap01,
	.sec_top .text_wrap02 {
		width: 90%;
	}
}
/*section sec_top*/
/*section sec_instagram*/
.sec_instagram{
	padding: 10% 0;
}
.sec_instagram .inner01{
	width: 40%;
	margin: auto;
	position: relative;
}

.sec_instagram .inner01 .text_wrap03{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-55px,-50%);
}
.sec_instagram .inner01 .text_wrap03 h3{
	border-bottom: 1px solid #fff;
}
@media screen and (max-width: 576px)  {
	.sec_instagram .inner01{
		width: 70%;
	}
	.sec_instagram .inner01 .text_wrap03 {
		left: 50%;
		transform: translate(-50%,-50%);
	}
}
/*section sec_instagram*/

/*section sec_news*/
.sec_news{
	position: relative;
	padding: 10% 0;
	z-index: 2;
}
@media screen and (max-width: 576px)  {
	.sec_news {
		margin-bottom: 25vh;
	}
}
.sec_news .wrap_news {
	width: 50%;
}
@media screen and (max-width: 576px)  {
	.sec_news .wrap_news {
		width: 300px;
		height: auto;
	}
}
.sec_news .wrap_news img{
	/*width: 55%;*/
}
.sec_news .text_wrap04{
	position: absolute;
	top: 50%;
	left: 46%;
	transform: translate(0,-50%);
	right: 10%;
}
.sec_news .text_wrap04 ul li:last-child {
	width: 70%;
}
.sec_news .text_wrap04 a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 576px)  {
	.sec_news .text_wrap04{
		left: 10%;
		top: 90%;
	}
	.sec_news .text_wrap04 h3,
	.sec_news .text_wrap04 li {
		font-size: 0.625em;
		line-height: 2em;
	}
	.sec_news .text_wrap04 ul li:last-child {
		width: auto;
		margin-left: 0!important;
	}
}
.sec_news .text_wrap04 h3{
	margin-bottom: 3%;
}
.sec_news .text_wrap04 ul{
	display: flex;
	line-height: 3;
	margin-bottom: 3%;
}
.sec_news .text_wrap04 ul li{
	margin-right: 3%;
}
.sec_news .text_wrap04 ul li:last-child{
	margin-right: 0;
	margin-left: 3%;
}
.sec_news .text_wrap04 p{
	text-align: right;
}
.sec_news .text_wrap04 p a{
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
}

/*section sec_news*/


/*section sec_profile*/
.sec_profile{
	padding-top: 10%;
	z-index: 3;
}
.sec_profile .inner01{
	width: 90%;
	margin: 0 0 0 auto;
	padding-top: 25%;
	/*transform: translate(0,-50%);*/
	letter-spacing: 0.1em;
}
.sec_profile .inner01 .profile_list.showroom{
	margin-bottom: 6%;
}
.sec_profile .inner01 .profile_list dt{
	margin-bottom: 3%;
}
.sec_profile .inner01 .profile_list dd{
	margin-bottom: 2%;
}
.sec_profile .inner01 .profile_list dd.map a{
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
}
@media screen and (max-width: 576px)  {
	.sec_profile .inner01 .profile_list dt,
	.sec_profile .inner01 .profile_list dd {
		line-height: 1.5em;
	}
}






/*section sec_profile*/

/*section sec_contact*/
:placeholder-shown {
    color: #fff; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #fff; }

/* Firefox 18- */
:-moz-placeholder {
    color: #fff; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #fff; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #fff; }

.sec_contact .inner01{
	width: 70%;
	margin: auto;
}
.sec_contact h3{
	margin-bottom: 3%;
}
.sec_contact form .radio_box{
	margin-bottom: 2%;
}
.sec_contact .radio_box label{
	margin-right: 0.2em;
	font-size: 0.7em;
}
.sec_contact form .radio_box label:last-child{
	margin-right: 0;
}
.sec_contact form .radio_box label input[type="radio"]{
	width: 1.25em;
	height: 1.25em;
	border-radius: 1.25em;
	background: #fff;
	position: relative;
	top: 0.4166666666666667em;
	margin-right: 0.625em;
}
.sec_contact form .radio_box label input[type="radio"]:checked:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #000;
	width: 0.625em;
	height: 0.625em;
	border-radius: 0.625em;
}
.sec_contact form .box{
	margin-bottom: 2%;
	/*display: flex;
	justify-content: space-between;*/
}
@media (min-width: 576px) {
	.sec_contact .box .col-sm-6 {
		margin-right: 2%;
		flex: 0 0 48%;
		max-width: 48%;
	}
	.sec_contact .radio_box label {
		margin-right: 0.9375em;
	}
}

.contact_wrap {
	background-color: rgba(53,68,75,0.8);
	padding-top: 15vh;
}

@media (min-width: 576px) {
	.contact_wrap {
		padding-top: 7vh;
	}
}

.sec_contact form .box .box_inner{
	/*width: 48%;*/
	/*border-bottom: 1px solid #fff;*/
}
.sec_contact form .box .box_inner label {
	height: 2.5em;
}
.sec_contact form .box .box_inner input[type="text"]{
	height: 2.5em;
	color: #fff;
	border-bottom: 1px solid #fff;
	width: 100%;
}
.sec_contact form .message_box p{
	margin-bottom: 1%;
	font-size: 1em;
}

.sec_contact form input::-webkit-input-placeholder {
	color: #35444b;
}
@media screen and (max-width: 576px) {
	.sec_contact form input {
		line-height: 2;
	}
	.sec_contact form input::-webkit-input-placeholder {
		color: #fff;
	}
	.sec_contact form .box .box_inner label,
	.sec_contact form .box .box_inner input[type="text"]{
		height: 4.5em;
	}
	.sec_contact {
		margin-top: -10vh;
	}
}

.sec_contact form .message_box textarea{
	border-bottom: 1px solid #fff;
	width: 100%;
	color: #fff;
	letter-spacing: 0.1em;
	height: 12em;
}
.sec_contact form .message_box label {
	height: 11em;
}
.sec_contact form .submit_box{
	text-align: right;
	margin-top: 3%;
	padding: 0 15px;
}
.sec_contact form .submit_box .button-box {
	border: 1px solid #fff;
	text-align: center;
}
.sec_contact form .submit_box input{
	color: #fff;
	/*border-bottom: 1px solid #fff;*/
	padding-bottom: 3px;
  cursor: pointer;
}
.sec_contact form .submit_box #goback_button {
	visibility: hidden;
}
.sec_contact form #thanks_block {
	display: none;
}
@media screen and (max-width: 576px) {
	.sec_contact form #thanks_block {
		text-align: left;
	}
}
footer{
	margin: auto;
	text-align: center;
	padding: 5% 0 2%;
}
@media screen and (max-width: 576px) {
	footer {
		margin: 10vh auto auto;
	}
}
footer .instagram{
	width: 1.25em;
	height: 1.25em;
	margin: auto auto 1% auto;
}

/*section sec_contact*/

/* jarallax */

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.jarallax-keep-img {

    position: relative;

    z-index: 0;

}

.jarallax-keep-img > .jarallax-img {

    position: relative;

    display: block;

    max-width: 100%;

    height: auto;

    z-index: -100;

}

/* jarallax */