@charset "utf-8";
@import "common.css";

body {
	margin:0;
	padding:0;
	background:#000;
	font-family:"Noto Serif JP";
}
header{
	position:relative;
}
#wrap {
	width:100%;
	margin:0 auto;
	background:#fff;
}
h2 {
	font-size:38px;
	line-height:70px;
}

span {
	color:#c2831b;
}
p {
	font-size:24px;
}
li {
	font-size:18px;
}

#youtube{
	width:560px;
	aspect-ratio:16/9;
}

/*-----nav-----*/
#navbar {
	display:-wedkit-flex;
	display:flex;
	-wekit-justify-content:flex-start;
	justify-content:flex-start;
	width:100%;
	height:60px;
	background:#0f182e;
	position:fixed;
	z-index:1000;
	
}
#navbar img {
	width:80px;
}
#nav_btn {
	margin-left:auto;
}
#nav_btn a button {
	background:#cfa972;
	width:150px;
	height:50px;
	position:relative;
	top:5px;
	left:0;
	margin-right:20px;
	white-space:nowrap;
}
#nav_btn a button:hover {
	background:#500047;
	color:#cfa972;
}
/*-----ham-----*/
#hamburgerbtn {
	transition:all 1s;
	width:60px;
	height:60px;
	position:relative;
	display:none;
}
#hamburgerbtn span {
	width:50px;
	height:4px;
	background:#fff;
	position:absolute;
}
#hamburgerbtn span:nth-child(1) {
	transition:all 0.2s;
	left:5px;
	top:12px;
}
#hamburgerbtn span:nth-child(2) {
	transition:all 0.2s;
	left:5px;
	top:40px;
}
#hamburgerbtn span:nth-child(3) {
	transition:all 0.2s;
	left:5px;
	top:26px;
}

.open span:nth-child(1) {
	transform:translateY(14px) rotate(45deg);
}
.open span:nth-child(2) {
	transform:translateY(-14px) rotate(-45deg);
}
.open span:nth-child(3) {
	display:none;
}

/*通常ナビ*/
#nav_default{
	
}
#nav_default ul{
	display:flex;
	align-items:center;
	width:850px;
}
#nav_default ul li{
	list-style:none;
	margin-left:16px;
border-right: 1px solid #888;
    padding-right: 16px;
font-size:16px;
}
#nav_default ul li a{
	text-decoration:none;
	color:#fff;
}
#nav_default ul li a:hover{
	color:#cfa972;
	font-weight:bold;
}

/*ハンバーガーメニュー*/
#hamburger_nav {
	transition:all 1s;
	width:250px;
	height:200px;
	position:fixed;
	right:-250px;
	top:60px;
	background:#0f182e;
	z-index:1000;
	display:none;
}
#hamburger_nav ul {
	padding-left:10px;
}
#hamburger_nav ul li{
	list-style:none;
	padding:1em;
	border-bottom:1px solid #333;
}
#hamburger_nav ul li a{
	text-decoration:none;
	color:#fff;
}
#hamburger_nav ul li a:hover {
	color:#cfa972;
	font-weight:bold;
}
.opennav {
	transform:translateX(-250px);
}

/*-----header-----*/
header {
	margin:auto;
	padding:auto;
}
header video {
	//width:100%;
	width:1350px;
	display:block;
	margin:0 auto;
	padding:0;
}
#video_text {
	position:absolute;
	top:400px;
	left:155px;
	margin-bottom:-200px;
	width:800px;
}
.main {
	font-size:48px;
	color:#fff;
	text-shadow:5px 5px 10px #000,-5px 5px 10px #000,5px -5px 10px #000,-5px -5px 10px #000;
	
}
.sub {
	font-size:24px;
	color:#fff;
	margin-top:-50px;
	text-shadow:3px 3px 10px #000,-3px 3px 10px #000,3px -3px 10px #000,-3px -3px 10px #000;
}
/*-----top-----*/
#top {
	text-align:center;
	background:#2a5e7e;
	color:#fff;
	margin:auto;
	padding-top:50px;
	/*padding-top:131px;*/
	padding-bottom:150px;
}
#top h2 {
	margin-bottom:70px;
}
#about span {
	color:#FFC20E;
}
#about a,#tsukaimichi a {
	display:block;
	margin:0 auto;
	text-decoration:none;
	color:#fff;
	border:2px solid #fff;
	width:360px;
	height:65px;
	font-size:18px;
	line-height:65px;
}
#about video {
	width:620px;
	height:420px;
	margin-bottom:100px;
}
#about a:hover {
	background:#fff;
	color:#1f465d;
	transition:all 0.3s;
}
#about p {
	margin-bottom:100px;
	font-size:24px;
	line-height:43px;
}
#about h2.top2 {
	//margin-top:85px;
	margin-bottom:72px;
}
#nayami {
	background:#2a5e7e;
	margin-top:100px;
	margin-bottom:-130px;
}
#nayami p {
	font-size:38px;
	//margin-bottom:112px;
}
.list {
	text-align:center;
}
#nayami ul {
	margin-top:20px;
	list-style:none;
	text-align:left;
	display:inline-block;
}
#nayami ul li {
	font-size:28px;
	font-weight:bold;
	margin-bottom:11px;
	height:70px;
	padding:0 200px;
	color:#000;
	background:#fff;
	background-size:950px;
	line-height:70px;
}
#nayami ul li span{
	color:#c2831b;
	font-size:28px;
}
#nayami ul li img {
	position:relative;
	top:13px;
}

#gra {
	width:100%;
	height:110px;
	background:linear-gradient(to bottom,#2a5e7e 0%,#fff 100%);
}
/*-----コンサルティング-----*/
#main {
	width:100%;
	text-align:center;
	margin:0 auto;
	padding-top:45px;
}
#main h2 {
	color:#000;
	font-size:44px;
	margin-bottom:42px;
}
#main p {
	line-height:40px;
}
.consul_midashi {
	color:#cfa972;
}
.consul_fadeArea{
	/*width:1350px;*/
	margin:0 auto;
}
.consul1 {
	display:flex;
	margin-top:110px;
	margin-right:100px;
	margin-bottom:107px;
	background:#1f465d;
	color:#fff;
	text-align:left;
	/*width:1300px;*/
	height:320px;
}
.text1 {
	margin-top:27px;
	margin-left:200px;	
}
.consul1 img{
	display:block;
	justify-content:left;
	width:450px;
	height:300px;
	position:relative;
	top:-20px;
	left:120px;
}
.consul2 {
	display:flex;
	justify-content:right;
	margin-left:50px;
	background:#0f182e;
	color:#fff;
	text-align:left;
	margin-bottom:108px;
	//width:1300px;
	height:320px;
}
.text2 {
	margin-top:16px;
	margin-right:170px;
}
.consul2 img {
	display:block;
	width:450px;
	height:300px;
	position:relative;
	top:-20px;
	left:-120px;
}
.consul3 {
	display:flex;
	margin-right:100px;
	margin-bottom:42px;
	background:#1f465d;
	color:#fff;
	text-align:left;
	//width:1300px;
	height:320px
}
.text3 {
	margin-top:30px;
	margin-left:200px;	
}
.consul3 img{
	display:block;
	justify-content:left;
	width:445px;
	height:300px;
	position:relative;
	top:-20px;
	left:120px;
}
#consul h3 {    
	margin-left:20px;
}
.consul_midashi {
	padding-top:8px;
	margin-bottom:-15px;
	font-family:"Javanese Text";
	font-size:24px;
}
.consul_naiyou {
	margin-left:33px;
	font-size:24px;
}
#main h3 {
	font-size:30px;
}
/*--使い道---*/
#tsukaimichi {
	text-align:center;
	padding-top:100px;
}
.tsukaimichi_btn {
	display:flex;
	justify-content:center;
}
.tsukaimichi_btn p {
	margin:0 50px;
}
#tsukaimichi1_btn,#tsukaimichi2_btn {
	width:180px;
	height:180px;
	border-radius:90px;
	margin-top:-85px;
	margin-bottom:35px;
	background:#fff;
	font-size:36px;
}
#tsukaimichi1_btn:hover,#tsukaimichi2_btn:hover {
	background:#04004d;
	color:#fff;
}
#tsukaimichi1_naiyou,#tsukaimichi2_naiyou {
	display:none;

}
#tsukaimichi1_naiyou ul,#tsukaimichi2_naiyou ul{
	margin-top:40px;
	padding:0;
	text-align:left;
	display:inline-block;
	line-height:42px;
	list-style:none;
}
#tsukaimichi1_naiyou ul li,#tsukaimichi2_naiyou ul li {
	color:#fff;
	background:#2a5e7e;
	margin-bottom:11px;
	padding:0 200px;
	font-size:28px;
	font-weight:bold;
	height:70px;
	line-height:70px;
}
#tsukaimichi1_btn.active,#tsukaimichi2_btn.active {
	color:#fff;
	background:#04004d;
}
#tsukaimichi1_naiyou.active,#tsukaimichi2_naiyou.active {
	display:block;
}
#tsukaimichi a {
	display:block;
	margin:0 auto;
	text-decoration:none;
	color:#000;
	border:2px solid #000;
	width:360px;
	height:65px;
	font-size:18px;
	line-height:65px;
}
#tsukaimichi a:hover {
	background:#2a5e7e;
	color:#fff;
	border:2px solid #fff;
}
/*---link---*/
.link_midashi {
	margin-top:80px;
	/*margin-bottom:-70px;*/
	text-align:center;
}
.link {
	display:flex;
	margin-top:50px;
	justify-content:center;
	align-items:flex-end;
	padding-bottom:100px;
}
.link a {
	margin:10px;	
}
.link p {
	margin-top:0px;
	line-height:50px;	
}
.link p span {
	color:#000;
	font-weight:bold;
	line-height:48px;
}
.link a img {
	width:280px;
	height:195px;
	background:#000;
	/*margin-right:-10px;*/
	object-fit:cover;
	margin-bottom:10px;
}
.link_btn{
    text-decoration:none;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    /*height: 50px;*/
    position: relative;
    transition: all 0.3s ease-out;
	line-height:50px;
	border:solid 1px #333;
}
/*
.link_btn::before,
.link_btn::after{
    content: "";
    box-sizing: border-box;
    border: 1px solid #000;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 17px;
    transition: all 0.3s ease-out;
}
*/
.link_btn:hover{
    background-color: transparent;
    color: #000;
}
.link_btn:hover::before,
.link_btn:hover::after{
    border-color: #000;
}
.link_btn:hover::before{
    transform: translate(-5px, -5px) skewX(7deg)
}
.link_btn:hover::after{
    transform: translate(5px, 5px) skewX(7deg)
}/*
.jirei p {
	margin-top:20px;
	margin-bottom:5px;
}*/
.jirei, .omoi, .kyujin, .keisyo{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
/*
.jirei img {
	margin-top:18px;
}
.omoi img {
	margin-top:-22px;
}*/
/*-----よくある質問と回答-----*/
#faq h2 {
	font-size:36px;
	text-align:center;
	color:#31004a;
	margin-top:28px;
}
#faq_main {
	margin:47px auto;
	text-align:center;
	width:1210px;
	padding-top:25px;
	padding-bottom:25px;
	background:#e7eaef;
}
#q1_btn,#q2_btn,#q3_btn{
	width:340px;
	height:55px;
	margin:10px 9px 0 9px;
	padding:7px 20px;
	background-color:#fff;
	border:none;
	font-size:18px;
}
#q1_btn:hover,#q2_btn:hover,#q3_btn:hover{
	background:#04004d;
	color:#fff;
}
#q1,#q2,#q3 {
	margin-left:70px;
	background:#fff;
	width:1070px;
	height:280px;
	display:none;	
}
dt {
	text-align:left;
	font-weight:bold;
	font-size:30px;
	margin-top:30px;
	padding-top:60px;
	padding-left:55px;
}
dd {
	text-align:left;
	font-size:18px;
	margin-top:9px;
	line-height:32px;
	padding-top:25px;
	padding-left:30px;
	padding-right:30px;
}

#q1_btn.hyouji,#q2_btn.hyouji,#q3_btn.hyouji {
	background:#04004d;
	color:#fff;
	cursor:pointer;
}
#q1.hyouji,#q2.hyouji,#q3.hyouji {
	display:block;
}
/*-----クロージング-----*/
#closing img{
	width:240px;
	height:240px;
	object-fit:cover;
}
#closing_img1, #closing_img2{
	display:flex;
	justify-content:space-around;
}
.closing_naiyou{
	text-align:center;
}
/*
#closing {
	margin-top:100px;
}
#close img {
	display:block;
	width:240px;
	height:240px;
}
#closing_img1 img.closing1 {
	display:block;
	position:relative;
	top:0;
	left:0;
}
#closing_img1 img.closing2 {
	display:block;
	position:relative;
	top:-240px;
	left:1108px;
}
.closing_naiyou {
	text-align:center;
}
.closing_naiyou  h2 {
	margin-top:-390px;
	margin-left:60px;
}
.closing_naiyou p {
	text-align:left;
	display:inline-block;
	margin-top:37px;
	margin-left:95px;
	line-height:42px;
}
.closing_naiyou span {
	font-size:48px;
}
#closing_img2 {
	display:flex;
	margin-top:80px;
}
#close img.closing3 {
	display:block;
	position:relative;
	top:0;
	left:10%;
}
#close img.closing4 {
	display:block;
	position:relative;
	top:0;
	left:55%;
}
*/
/*-----問い合わせ-----*/
#contact {
	width:100%;
	height:420px;
	margin-top:100px;
	background-image:url("../images/contact_bg.jpg");
	background-position:center left;
	text-align:center;
transition: all 0.3s ease;
}
#contact h2 {
	color:#fff;
	font-size:36px;
	padding-top:62px;
}
.a_contact {
	display:block;	
	text-decoration:none;
}
#contact p {
	color:#fff;
	font-size:18px;
	margin-top:-18px;
}
.contacts img {
	display:block;
	margin-top:70px;
	margin:auto;
	margin-top:80px;
}
#contact:hover {
	background-image:url("../images/contact_bg_h.jpg");
	cursor:pointer;
}
/*-----フッター-----*/
footer {
	display:flex;
	margin:30px 0 0px 175px;
	padding-bottom:150px;
}
footer img {
	display:block;
	width:225px;
}
footer span {
	font-size:24px;
	color:#000;
	line-height:58px;
}
footer p {
	font-size:18px;
	line-height:20px;
}
.footer {
	padding-top:10px;
	margin-left:50px;
}
/*-----scroll-----*/
.fadeInY{
	opacity:0;
	visibility:hidden;
	transform:translateY(100px);
	transition:opacity 1s,visibility 1s,transform 1s;
}

.fadeInY.animated{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}

.fadeInX{
	opacity:0;
	visibility:hidden;
	transform:translateX(100px);
	transition:opacity 1s,visibility 1s,transform 1s;
}

.fadeInX.animated{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}

.fadeIn-X{
	opacity:0;
	visibility:hidden;
	transform:translateX(-100px);
	transition:opacity 1s,visibility 1s,transform 1s;
}

.fadeIn-X.animated{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
/*-----求人・継承ページ-----*/
/*サブページ(資料9)*/
h2.center {
	text-align:center;
}
#sub,#sub2 {
	display:flex;
	margin-left:40px;
}

.example,.example2 {
     text-align:right;
     margin: 10px 40px 40px 100px;
}

/*動き*/
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
/*-----font-----*/
.noto-serif jp-regular {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
}

.noto-serif jp-medium {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
}

.noto-serif jp-semibold {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-style: normal;
}

.noto-serif jp-bold {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-style: normal;
}

.noto-serif jp-black {
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
  font-style: normal;
}

.noto-serif jp-light {
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-style: normal;
}