@charset "utf-8";
/* CSS Document */

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

	.pcNone{
		display:none;
	}

	html{
		width:100%;
		height:100%;
		font-size:14px;
	}

	body{
		width:100%;
		height:100%;
		font-size:1rem;
	}

	img {
		display: block;
		height: auto;
	}

	.left{float: left;}
	.right{float: right;}

	/* header */

	.header{
		height: 100%;
		position: relative;
	}

	.headerContent{
		height: 55%;
	}

	.header .text{
		letter-spacing: 0.2em;
		position: absolute;
		bottom: calc(12.5vw + 4.38vw + 4em);
		left: 4em;
	}

	.header .h1{
		width: 26.623%;
		left: 4em;
		bottom: calc(12.5vw + 2em);
	}
	.header .h1 img{
		width: 100%;
	}

	.header .menu{
		top: 4em;
		right: 4em;
		z-index: 99;
	}

	.header nav {
		padding: 7em 0 2em;
		position: fixed;
		top: 3em;
		right: 3em;
		z-index: 1;
	}

	.header nav {
		display: none;
		background: rgba(255,255,255,0.8);
		box-shadow: 0 0 1em rgba(0,0,0,0.16);
	}

	.header nav li a{
		display:block;
		text-align: center;
		text-decoration: none;
		padding :1em 4em;
	}

	#imageList {
		position: absolute;
		bottom: 0;
	}

	#imageList li{
		float: left;
		width: calc(100% / 8);
	}

	#imageList li img,
	#imageList02 li img{
		max-width: 100%;
		width: auto;
	}

	#imageList02 li{
		float: left;
		width: calc(100% / 2);
	}

	#intro{
		height:45%;
	}

	#mainCatch {
	    position: absolute;
	    right: 8.2465%;
	    top: 10.5%;
	    width: 26.5625%;
	}

	.news{
		position: absolute;
		bottom: 9.75rem;
		left: 50%;
		transform: translateX(-50%);
	}
	.news p{
		/*line-height: 2;*/
	}

	/* footer */

	.footer {
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.footer p {
		float: left;
	}

	.footer address {
		float: right;
	}

	/* index */

	.contents {
		margin: 0 4em 8em;
	    background-image: url(/web/20240302174404im_/http://www.cubic.laut-japan.jp/img/bg01.jpg),url(/web/20240302174404im_/http://www.cubic.laut-japan.jp/img/bg02.jpg);
	    background-position: top center,bottom 10em center;
	    background-repeat: no-repeat;
	    background-size: 100%;
	}

	#index #a{
		width: calc(100% - 8em);
		padding-top: 6em;
		margin: 0 auto 8em;
	}

	#index #a .catch img {
	    margin: 0 auto 4.5rem;
	}

	#index #a p.text{
		padding-left: .1em;
		margin: calc(-.5em + .5rem) 0 calc(-.5em + 6rem);
		font-size: 15px;
		text-align: center;
		line-height: 2;
		letter-spacing: .1em;
	}

	#index #b{
		width: 928px;
		margin: 0 auto;
	}
	#index #b > div{
		width: 408px;
	}

	#index #b table th{
		width: 35%;
	}

	#index #c h2{
		margin-bottom: 18px;
	}

	#index #c .body{
		width: calc(100% - 8em);
		padding: 2.5em 4em;
	}

	#index #c .left{
		width: calc(41.923% + 3.355em);
	}

	#index #c .right{
		width: calc(42.115% + 3.37em);
		height: 291px;
		padding-top: 4em;
		box-sizing: border-box;
	}

	#index #c h3{
		margin-bottom: 1rem;
		font-size: 15px;
	}

	#index #c p.text,
	#index #c p.link a{
		font-size: 12px;
	}

	#index #c p.link a:hover{
		text-decoration: underline;
	}

	#index #c p.link{
		font-size: 15px;
	}

	#index #d h2{
		margin-bottom: 2em;
	}

	#index #d #form{
		width: 520px;
		margin: 0 auto 13rem;
		font-size: 12px;
	}

	#index #d #form th{
		width:11em;
	}

	#form input,
	#form textarea{
		width: 390px;
	}

	#form input.btn{
		float: right;
	}

	#index #d #form tr:last-of-type th{
		padding-top: 1.75rem;
		vertical-align: top;
	}


}