/*
 * HOME PC base css 
 * pc width 1240px fixed
 */



/* ---------------------------------------- common */

#wrapper { min-width: 1240px; }
#drawer-menu,
.sp { display: none !important; }

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

header { }
header .inner { 
	width: 1024px;
	margin: 0 auto;
}

header .logo {
	display: flex;
	align-items: center;
	padding: 10px 0;
}
header .logo a {
	display: block;
}
header .logo a img {
	width: 145px;
	height: 59px;
}
header h1 {
	font-size: 20px;
	margin: 0 auto;
}

/* globalnav */
header .globalnav {
	background: #000;
	padding: 5px;
}
header .globalnav ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
header .globalnav ul li {
	border-right: 1px #fff solid;
}
header .globalnav ul li:first-child {
	border-left: 1px #fff solid;
}
header .globalnav ul li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 4em;
	color: #fff;
	font-family: 'Noto Sans JP';
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	padding: 0 2.5em;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
header .globalnav ul li a small {
	font-size: 11px;
	margin: 2px 0 0;
}
header .globalnav ul li a:hover {
	color: #999;
}

/* ---------------------------------------- visual */

#visual {
	background-image: url( ../images/home/pc/fv-img.png ),
		url( ../images/home/pc/fv-backtxt.png );
	background-repeat: no-repeat;
	background-position: center top, center bottom;
	text-align: center;
	padding: 0 0 30px;
}
#visual .inner {
	width: 1236px;
	margin: 0 auto;
}
#visual .inner figure {
	margin: 0 0 40px;
}

/* ---------------------------------------- cont01 reason */

#cont01 { 
	background-image: url( ../images/home/pc/cont01-backtxt.png ),
		url( ../images/home/pc/cont01-back.jpg );
	background-repeat: no-repeat;
	background-position: center top -35%, center top;
	background-size: auto, cover;
	padding: 30px 0 60px;
}
#cont01 .inner {
	width: 1070px;
	margin: 0 auto;
}
#cont01 h2 {
	font-size: 60px;
	margin: 0 0 50px;
}

#cont01 ul { width: 75%; }
#cont01 ul li:not(:last-child) { margin: 0 0 16px; }
#cont01 ul li p {
	font-size: 28px;
	padding: 10px 1em 10px 130px;
}

/* ---------------------------------------- cont02 about */

#cont02 {
	background-image: url( ../images/home/pc/cont02-backtxt.png ),
		url( ../images/home/pc/cont02-back.jpg );
	background-repeat: no-repeat;
	background-position: center top -10px, center top;
	background-size: auto, cover;
	padding: 120px 0 70px;
}
#cont02 .inner {
	width: 1080px;
	margin: 0 auto;
}

#cont02 h2 {
	font-size: 60px;
	margin: 0 0 50px;
}
#cont02 h2 small {
	display: block;
	font-size: 40px;
	margin: 0 0 10px;
}
#cont02 p {
	font-size: 24px;
	margin: 0 0 60px;
}

#mov { margin: 0 0 60px; }

/* ---------------------------------------- cont03 company */

#cont03 {
	background: #1b1b1b url( ../images/home/pc/cont03-backtxt.png ) center top -10px no-repeat;
	padding: 120px 0 80px;
}
#cont03 .inner {
	width: 1070px;
	margin: 0 auto;
}
#cont03 h2 {
	font-size: 60px;
	margin: 0 0 90px;
}
#cont03 p {
	font-size: 24px;
	margin: 0 0 60px;
}

/* ---------------------------------------- cont04 suitability */

#cont04 {
	background-image: url( ../images/home/pc/cont04-backtxt.png ),
		url( ../images/home/pc/cont04-back.jpg );
	background-repeat: no-repeat;
	background-position: center top -10px, center top;
	background-size: auto, cover;
	padding: 120px 0 70px;
}
#cont04 .inner {
	max-width: 1397px;
	margin: 0 auto;
}
#cont04 h2 {
	font-size: 60px;
	text-align: center;
	margin: 0 0 90px;
}
#cont04 figure { margin: 0 0 70px; }

/* ---------------------------------------- cont05 charm */

#cont05 {
	background: #d0d0d0 url( ../images/home/pc/cont05-backtxt.png ) center top -10px no-repeat;
	padding: 0 0 80px;
}
#cont05 .inner {
	width: 1120px;
	background: url( ../images/home/pc/cont05-img.png ) right top no-repeat;
	padding: 120px 0 0;
	margin: 0 auto;
}
#cont05 h2 {
	font-size: 60px;
	margin: 0 0 90px;
}

#cont05 .inside {
	display: flex;
	justify-content: space-between;
	margin: 0 0 70px;
}
#cont05 .inside > figure { width: 220px; }
#cont05 .inside > figure figcaption {
	font-size: 24px;
	text-align: center;
	margin: 4px 0 0;
}
#cont05 .inside > div { width: 860px; }

#cont05 .inside > div h3 {
	font-size: 28px;
	margin: 0 0 16px;
}
#cont05 .inside > div p + h3 {
	margin: 24px 0;
}
#cont05 .inside > div h3 span {
	border-bottom: 1px #000 solid;
}
#cont05 .inside > div p {
	font-size: 24px;
}


/* ---------------------------------------- cont06 point */

#cont06 {
	background: #1b1b1b url( ../images/home/pc/cont06-backtxt.png ) center top -10px no-repeat;
	padding: 120px 0 80px;
}
#cont06 .inner {
	width: 1170px;
	margin: 0 auto;
}
#cont06 h2 {
	font-size: 60px;
	text-align: center;
	margin: 0 0 90px;
}
#cont06 h3 {
	margin: 0 0 36px;
}
#cont06 p {
	font-size: 24px;
	line-height: 1.8;
}

#cont06 .inside {
	width: 90%;
	height: 370px;
	border: 1px #fff solid;
	padding: 40px 32px;
}
#cont06 .insidewrap .inside:nth-child(odd){
	margin: 0 0 50px;
}
#cont06 .insidewrap .inside:nth-child(even){
	margin: 0 0 50px 10%;
}

#cont06 .point01 {
	background: url( ../images/home/pc/cont06-01-img.png ) right center no-repeat;
	background-size: auto 100%;
}
#cont06 .point02 {
	background: url( ../images/home/pc/cont06-02-img.png ) right center no-repeat;
	background-size: auto 100%;
}
#cont06 .point03 {
	background: url( ../images/home/pc/cont06-03-img.png ) right center no-repeat;
	background-size: auto 100%;
}
#cont06 .point04 {
	background: url( ../images/home/pc/cont06-04-img.png ) right center no-repeat;
	background-size: auto 100%;
}
#cont06 .point05 {
	background: url( ../images/home/pc/cont06-05-img.png ) right center no-repeat;
	background-size: auto 100%;
}
#cont06 .point06 {
	background: url( ../images/home/pc/cont06-06-img.png ) right center no-repeat;
	background-size: auto 100%;
}

#cont06 .pagelink { margin: 80px 0 0; }

/* ---------------------------------------- cont07 faq */

#cont07 {
	background-image: url( ../images/home/pc/cont07-backtxt.png ),
		url( ../images/home/pc/cont07-back.jpg );
	background-repeat: no-repeat;
	background-position: center top -10px, center top;
	background-size: auto, cover;
	padding: 120px 0 70px;
}
#cont07 .inner {
	width: 1070px;
	margin: 0 auto;
}
#cont07 h2 {
	font-size: 60px;
	text-align: center;
	margin: 0 0 60px;
}

#cont07 .inside {
	padding: 40px;
	margin: 0 0 28px;
}
#cont07 h3 {
	font-size: 28px;
	margin: 0 0 16px;
}
#cont07 p {
	font-size: 23px;
	line-height: 1.6;
}

/* ---------------------------------------- cont08 flow */

#cont08 {
	background: #1b1b1b url( ../images/home/pc/cont08-backtxt.png ) center top -10px no-repeat;
	padding: 120px 0 70px;
}
#cont08 .inner {
	width: 1070px;
	margin: 0 auto;
}
#cont08 h2 {
	font-size: 60px;
	margin: 0 0 90px;
}
#cont08 h3 {
	font-size: 60px;
	margin: 0 0 60px;
}
#cont08 p {
	font-size: 18px;
	line-height: 1.6;
}

#cont08 ul {
	display: flex;
	justify-content: space-between;
	margin: 0 0 60px;
}
#cont08 ul li {
	width: 22.5%;
	padding: 28px 20px 24px;
	position: relative;
}
#cont08 ul li:not(:last-child)::after {
	content: "";
	display: block;
	width: 10px;
	height: 22px;
	background: url( ../images/home/pc/cont08-arrow.png );
	position: absolute;
	top: 50%;
	left: 106%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#cont08 .flow1 {
	background: url( ../images/home/pc/cont08-img01.png ) top center no-repeat;
	background-size: 100% auto;
}
#cont08 .flow2 {
	background: url( ../images/home/pc/cont08-img02.png ) top center no-repeat;
	background-size: 100% auto;
}
#cont08 .flow3 {
	background: url( ../images/home/pc/cont08-img03.png ) top center no-repeat;
	background-size: 100% auto;
}
#cont08 .flow4 {
	background: url( ../images/home/pc/cont08-img04.png ) top center no-repeat;
	background-size: 100% auto;
}

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

footer { padding: 50px 0 70px; }
footer .inner {
	display: flex;
	justify-content: center;
	width: 1070px;
	font-size: 20px;
	line-height: 2;
	margin: 0 auto;
}
footer .inner .leftside {
	display: flex;
	margin: 0 16em 0 0;
}
footer .inner .leftside ul:first-child { margin: 0 3em 0 0; }

/* ---------------------------------------- credit */

#credit { padding: 16px 0; }
#credit .inner {
	width: 1070px;
	text-align: center;
	font-size: 20px;
	margin: 0 auto;
}