@charset "utf-8";
/*
theme Name: lineajapan
*/
		* {
			margin: 0;
			padding: 0;
		}
		body {
			font-family: 'Lato', sans-serif;
			background: #eee;
		}
		article {
			height: 1000px;
			margin: 100px auto;
			text-align: center;
			line-height: 1.9;
		}
		article p {
			margin-bottom: 1em;
		}
		a {
			color: #0b8793;
		}
		#main-visual {
			background: #1d76a6;
			background: -webkit-linear-gradient(90deg, #360033 10%, #0b8793 90%);
			background:    -moz-linear-gradient(90deg, #360033 10%, #0b8793 90%);
			background:     -ms-linear-gradient(90deg, #360033 10%, #0b8793 90%);
			background:      -o-linear-gradient(90deg, #360033 10%, #0b8793 90%);
			background:         linear-gradient(90deg, #360033 10%, #0b8793 90%);
			height: 900px;
		}

		footer {
			padding: 30px;
			text-align: center;
			border-top: solid 1px #bbb;
		}
		footer a {
			color: #666;
			text-decoration: none;
		}

		/* header */
		.inner {
			width: 80%;
			margin: 0 auto;
		}
		.inner:after {
			content: "";
			clear: both;
			display: block;
		}


		#top-head {
			position: fixed;
			width: 100%;
			margin: 0 auto;
			padding: 30px 0 0;
			line-height: 1;
			z-index: 999;
		}
		#top-head:after {
			content: "";
			display: block;
			height: 1px;
			background: #fff;
			width: 100%;
			margin: 30px auto 0;
		}

		#top-head a,
		#top-head {
			color: #fff;
			text-decoration: none;
		}

		#top-head .inner {
			position: relative;

		}
		#top-head .logo {
			float: left;
			font-size: 32px;
			margin-left: 25px;
		}
		#global-nav ul {
			list-style: none;
			position: absolute;
			right: 0;
			bottom: 0;
			font-size: 14px;
		}
		#global-nav ul li {
			float: left;
			position: relative;

		}
		#global-nav ul li a {
			padding: 0 30px;
		}

		/* Btn Hover */
		#global-nav ul li:after {
			position: absolute;
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: -5px;
			transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3 ease;
			-o-transition: all 0.3 ease;
		}
		#global-nav ul li:hover:after {
			background: #fff;
			bottom: -13px;
		}

		/* Fixed */
		#top-head.fixed {
			padding-top: 15px;
			background: #fff;
			background: rgba(255,255,255,1);
		}
		#top-head.fixed .logo {
			font-size: 24px;
			color: #333;
			margin-left: 10px;
		}

		#top-head.fixed:after {
			width: 100%;
			margin-top: 20px;
		}
		#top-head.fixed #global-nav ul li a {
			color: #333;
			padding: 0 20px;
		}

		/* Fixed Btn Hover */
		#top-head.fixed #global-nav ul li:after {
			bottom: -5px;
		}
		#top-head.fixed #global-nav ul li:hover:after {
			background: #0b8793;
			bottom: -13px;
		}

		/* transition */
		#top-head,
		#top-head:after,
		#top-head .logo,
		#global-nav ul li,
		#global-nav ul li a {
			transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
		}




.box{	align-items: center;
	background: url(https://www.lineajapan.com/img/1.jpg)  no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	display: flex;
    height: 100vh;
	justify-content: center;
}

.box_centered{
	left: 50%;
	position: absolute;
	top: 50%;
}

.box_contents{
	text-align: center;
	transform: translate(-50%,-50%);
}

.box_title{
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}

.box_text{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.sec{
	margin-bottom: 120px;
}

.page-title__title{
	color: #333;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;	
}