@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
html{font-size: 62.5%;
}
body {
	font-family:Arial, sans-serif,font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
    font-size:14px;
    font-size:1.8rem;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-decoration: none;
}
*{margin:0px;padding:0px;}
img {
	border:0;
}
a{ text-decoration: none;}
a:link{ text-decoration: none;}
/**/
nav ul li { margin-bottom:30px; font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
ul li { list-style:none; color:#333;}
#copy{ font-size:0.8em;font-family: 'Roboto Condensed', sans-serif;}

.type2 .type2-menu a {
  position: relative;
  border-bottom: 2px solid #b2b2b2;
  color:#333;
}
.type2 .type2-menu a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #12308f;
  transform: scaleX(0);
  transform-origin: right top;
  transition: transform 0.3s;
}
.type2 .type2-menu .pc a:hover::after{ transform: scaleX(0);}
.type2 .type2-menu a:hover::after {
  transform: scaleX(1);
  transform-origin: left top;
}

.flex{display: flex;
	justify-content: center;
}
.bg-slider__title{
	opacity:0.8;
	position:absolute;
	bottom:30px;
	right:50px;
}
@media (max-width:767px) {/*sp用css*/
	.pc{ display:none;}
	.sp{ display: inline;}
.type2{ display:none;}
/*====================================================================*/
.bg-slider {
	margin-left: auto;
   	width: 100vw;
  	height: 100vh;
   	background-position:center center;
   	background-size: cover;
   	display: flex;
   	align-items: center;
   	justify-content: center;
}
.bg-slider {
	height: 70vh;
   	background-position:center center;
   	background-size: cover;
}
#copy{ font-size:0.6em; padding-top:10px;}
.logo { margin:auto;}
.flex{ margin:auto; margin-top:3%; width:70%; z-index:2;}
.type2 .type2-menu a { font-size:0.8em; padding-top:10px;}
.bg-slider{ position:relative;}
.splogo{
	position:absolute;
	bottom:10px;
	right:-10px;
filter: drop-shadow(0px 0px 10px #000000);
-webkit-filter: drop-shadow(0px 0px 10px #000000);
-moz-filter: drop-shadow(0px 0px 10px #000000);
	opacity:0.8;
}
}

@media (min-width:768px) {/*PC用css*/
#copy{padding-top:10px;}
header{ display:none;}
	.pc{ display:inline;}
	.sp{ display:none;}
.logo {
	position:absolute;
	left:5%;
	top:3%;
	z-index:2;
}
nav{
	height:100%;
	width:15%;
	padding-top:100px;
	position:fixed;
	display:flex;
	justify-content: space-between;
	text-align:left;
	padding-left:5%;
	background:#fff;
}
.bg-slider {
	margin-left:25%;
   	width: 75%;
  	height: 100vh;
   	background-position:center center;
   	background-size: cover;
   	display: flex;
   	align-items: center;
   	justify-content: center;
}
.type2 .type2-menu .pc img{ margin-bottom:30px;}
.type2-menu{ margin-top:30px;}
}
/*==================================================*/

.bg-slider .bg-slider__title {
	filter: drop-shadow(0px 0px 10px #000000);
-webkit-filter: drop-shadow(0px 0px 10px #000000);
-moz-filter: drop-shadow(0px 0px 10px #000000);
}
.mvisual {
	width: 720px;
	height: 600px;
	float: right;
	background-color: #FFFFFF;
}

.menuList {
	margin-top: 35px;
}

.menuList li {
	list-style: none;
	margin-top: 15px;
}

.menuList li a {
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	font-family: 'Fjalla One', sans-serif;
}

.mvisual table {
	border: 2px solid #e0dfdf;
	margin: 100px 50px;
	width: 540px;
	border-collapse: collapse;
	line-height: 1.4em;
}

.mvisual th {
	border: 1px solid #e0dfdf;
	width: 25%;
	text-align: left;
	padding: 10px;
	background: #f3f2f2;
}

.mvisual td {
	border: 1px solid #e0dfdf;
	padding: 10px;
}