@charset "UTF-8";

html,body {
	margin:0 auto;
	padding:0;
	-webkit-text-size-adjust: 100%;
}


body {
	margin:0 auto;
	font-size: 28px;
	color: #000;
	line-height: 1.8;
	font-family: "Noto Sans JP";
	background-color: #FFFFFF;
	word-wrap: break-word;
}

table {border-collapse: collapse;}

p {font-size: 15px;}

h1, h2, h3, h4, h5, h6, img,
p, div, ul, li, dl, dt, dd, figure {
  margin: 0;
  padding: 0;
  line-height:1;
}

h1, h2, h3, h4, h5, h6 {font-weight: 600;}

ul, li {list-style: none;}

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
}

a {text-decoration: none;}


.hidden {overflow:hidden;}

.wrap {position:relative;margin-left:auto;margin-right:auto;width:88%;}

.pc_elem{
  display: none;
}


/******************************************************

ヘッダー

******************************************************/

header {
	overflow:hidden;
	position:fixed;;
	top:0;
	width:100%;
	background:#051a35;
    z-index: 10;
}


	header .logo {
		display:inline-block;
		margin:0;
		padding: 16px 0 0 4%;
		width: 50%;
		box-sizing: border-box;
	}
		header .logo img{vertical-align: top;}


	header .btn {
		display:inline-block;
		float:right;
		position:relative;
		right:0;
		top:0;
		width:50px;
		height:50px;
		
	}
		header .btn span {
			display:inline-block;
			position:absolute;
			left:0;
			width:36px;
			height:4px;
			background:#FFF;
			-webkit-transition: .35s ease-in-out;
			-moz-transition: .35s ease-in-out;
			transition: .35s ease-in-out;
		}
		
		header .btn span:nth-child(1) {top:26px;}
		header .btn span:nth-child(2) {top:36px;opacity:1;}
		header .btn span:nth-child(3) {top:46px;}
		
		header .btn.active span:nth-child(1) {top:34px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
		header .btn.active span:nth-child(2) {opacity:0;}
		header .btn.active span:nth-child(3) {top:34px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
	
	
	
	
nav#gnav {
	display:none;
	position:fixed;
	left:0;
	top:72px;
	padding:20px 0 50px 0;
	width:100%;
	height:100%;
	background:#051D4D url(../img/mv_bg.jpg) center center no-repeat;
	z-index:1;
}
	nav#gnav a {
		display:block;
		padding:20px 16px;
		font-size:18px;
		color:#FFF;
		text-align:left;
	}




.mvArea {
	position:relative;
	padding-top:100px;
	/*width:750px;
	height:1623px;*/
	color:#FFF;
	text-align:center;
	background:#051D4D url(../img/mv_bg.jpg) center center no-repeat;
	box-sizing:border-box;
}
	.mvArea .txt {
		margin:0 0 20px 0;
		font-size:20px;
		line-height:1.8;
	}
	
	.mvArea h2 {
		margin:0 0 30px 0;
		font-size:38px;
	}
		.mvArea h2 span {
			display:block;
			padding-top:15px;
			font-size:14px;
		}
		
	.mvArea ul {
		margin:0 auto 30px auto;
		width:94%;
		font-size:12px;
		color:#FFF;
	}
		.mvArea li {
			margin-bottom:10px;
			padding-left:40px;
			height:34px;
			line-height:34px;
			text-align:left;
			background:url(../img/mv_list_bg.png) 0 0 no-repeat;
			background-size: cover;
			font-size: 3.2vw;
		}
		
	.mvArea .btn {
		margin:0 auto 17px auto;
		width:90%;
	}
	
		.mvArea .btn1 a {background:#FC5663;}
		.mvArea .btn2 a {background:#2B5FAC;}
		.mvArea .btn a {
			display:inline-block;
			width:100%;
			font-size:20px;
			color:#FFF;
			border-radius:60px;
			box-shadow:0px 5px 0px -1px #030f27;
			padding: 16px 0;
		}
	
	.mvArea .animation {position: relative; bottom: 0; margin: 10px 0 0;}





/******************************************************

メイン

******************************************************/

main {}


	#strongArea {
		padding:30px 0 30px 0;
		width:100%;
		color:#051d4d;
		text-align:center;
		background:#FFF;
	}
		#strongArea .txt1 {
			margin:0 0 15px 0;
			font-size:18px;
			line-height:1.8;
		}
		
		#strongArea h3 {
			margin:0 0 40px 0;
			font-size:38px;
		}
		
		#strongArea .txt2 {
			margin:0 auto 40px auto;
			font-size:14px;
			color:#FFF;
			text-align:center;
		}
			#strongArea .txt2 li {
				margin-bottom:20px;
				padding:10px 0;
				line-height:1.5;
				vertical-align:middle;
				background:#051D4D;
			}
				#strongArea .txt2 li strong {color:#FDBE3B;}
	
		#strongArea .bnr {
			text-align:center;
			letter-spacing: -1em;
		}
			#strongArea .bnr li {
				display: inline-block;
				padding: 0 8px;
				width: 33.3%;
				box-sizing: border-box;
				letter-spacing: normal;
			}
				#strongArea .bnr li img{
					max-height: 60px;
				}
		


	#recordArea {
		padding:30px 0 30px 0;
		width:100%;
		text-align:center;
		background:#E3F9FF;
	}
		#recordArea h3 {
			margin:0 auto 30px auto;
			font-size:24px;
			color:#051d4d;
		}
		
		#recordArea ul {}
			#recordArea li {
				margin-bottom:16px;
			}
			#recordArea li:last-child {
				margin-bottom:0;
			}
		


	#commentaryArea {
		padding:30px 0 30px 0;
		width:100%;
		text-align:center;
		background:#FFF;
	}
		#commentaryArea h3 {
			margin:0 auto 30px auto;
			font-size:24px;
			color:#051d4d;
			line-height:1.8;
		}
		
		#commentaryArea h4 {
			margin:0 auto 10px auto;
			font-size:15px;
			color:#051d4d;
			line-height:1.5;
			font-weight:bold;
			text-align:left;
		}
		
		#commentaryArea p {
			font-size:14px;
			color:#051d4d;
			line-height:1.5;
			text-align:left;
		}
			#commentaryArea p strong {color:#fc5663;}
		
		#commentaryArea .block {
			overflow:hidden;
			text-align:center;
		}
			#commentaryArea .block img {margin-bottom:20px;}
		
		
		#commentaryArea .block1 {margin-bottom:35px;}
		#commentaryArea .block2 {margin-bottom:35px;}
		#commentaryArea .block3 {}
		


	#toolArea {
		padding:30px 0 30px 0;
		width:100%;
		text-align:center;
		background:#FDBE3B;
	}
		#toolArea h3 {
			margin:0 auto 25px auto;
			font-size:24px;
			color:#FFF;
		}
		
		#toolArea ul {
			padding:20px 0 15px 0;
			background:#FFF;
		}
			#toolArea li {
				display:inline-block;
				margin:0 5px;
			}
				#toolArea li img{
					max-height: 46px;
				}
		


	#reportArea {
		padding:30px 0 40px 0;
		width:100%;
		text-align:center;
		background:#051d4d;
	}
		#reportArea h3 {
			margin:0 auto 25px auto;
			font-size:24px;
			color:#FFF;
		}
		
		#reportArea ul {
			display:flex;
			flex-wrap:wrap;
		}
			#reportArea li {
				display:block;
				width:50%;
			}
				#reportArea li img{
					width: 80%;
				}
			#reportArea li:last-child {margin-right:0;}
				#reportArea li p {
					padding:10px 0 30px 0;
					font-size:12px;
					color:#FFF;
					line-height:1.5;
				}
		
		#reportArea p.txt {
			margin-bottom:20px;
			font-size:15px;
			color:#fdbe3b;
			line-height:1.8;
		}
		
		
		#reportArea .btn a {
			display:block;
			position:relative;
			margin:0 auto;
			width:100%;
			height:52px;
			font-size:20px;
			color:#051D4D;
			line-height:50px;
			font-weight:bold;
			background:#FDBE3B;
			border-radius:26px;
			box-shadow:0px 5px 0px -1px #030f27;
		}
			#reportArea .btn a:before {
				display:inline-block;
				position:absolute;
				right:12px;
				top:14px;
				width:22px;
				height:22px;
				background:#051D4D;
				border-radius:50%;
				z-index:1;
				content:'';
			}
			#reportArea .btn a:after {
				display:inline-block;
				position:absolute;
				right:19px;
				top:20px;
				width: 8px;
				height: 8px;
				border-top: 3px solid #FDBE3B;
				border-right: 3px solid #FDBE3B;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				z-index:2;
				content:'';
			}


/* ************************
    共通
************************ */
.top_content{
    padding-top: 72px;
}
.page_ttl{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}
.page_content a{
  color: #082955;
  text-decoration: none;
}
.page_content a:hover{
  text-decoration: underline;
}

.ol_parentheses{
  padding-left: 1.6em;
}
.ol_parentheses li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: cnt;
  position: relative;
}
.ol_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
  position: absolute;
  top: 0;
  left: -1.6em;
}

/* ************************
    会社概要
************************ */
#company_table{
    border: 0;
    width: 100%;
    margin: 0 auto 100px;
    font-size: 14px;
    line-height: 1.4;
}
#company_table th{
    width: 25%;
    background: #fafafa;
    border: none;
    border-top: 1px solid;
    text-align: center;
    padding: 16px 0;
}
#company_table td{
  background:#ffffff;
  border:none;
  border-top:1px solid;
  padding:12px 16px;
}
#company_table tr:first-child th,
#company_table tr:first-child td{
  border-top:0;
}
#company_table a{
  word-break: break-all;
}

/* ************************
    プライバシーポリシー
************************ */
.privacyBox{
}
#policy_wrap .page_content{
    padding: 16px 0 30px;
    margin-bottom: 30px;
    position: relative;
    font-size: 14px;
}
#policy_wrap .page_content p,
#policy_wrap .page_content div,
#policy_wrap .page_content li{
    line-height: 1.4;
}
#policy_wrap h3{
    font-size: 16px;
    margin-top: 3em;
    font-weight: bold;
}
#policy_wrap h3:first-child{
    margin:0 0 1em;
}
#policy_wrap h4{
    font-size: 16px;
    margin: 2em 0 .5em;
    font-weight: bold;
    line-height: 1.4;
}
#policy_wrap .text-center{ text-align:center;}
#policy_wrap .text-right{ text-align:right;}
#policy_wrap ol{ padding:0;}
#policy_wrap ul{
    padding: 0 0 0 20px;
    list-style: none;
    margin-top: 10px;
}
#policy_wrap ul > li{ position:relative;}
#policy_wrap ul > li:before{
    content: "";
    width: 2px;
    height: 2px;
    background-color: #000000;
    position: absolute;
    top: 10px;
    left: -10px;
}
#policy_wrap .ol_parentheses{
    padding-left:1.6em;
}


/******************************************************

フッター

******************************************************/

footer {
  margin: 0 auto;
  width: 100%;
  background:#e3f9ff url(../img/footer_bg.jpg) center 520px no-repeat;
}
	footer .wrap {
		padding:30px 0 16px 0;
		color:#051d4d;
		text-align:center;
	}
			
		footer .txt1 {
			margin:0 0 10px 0;
			font-size:18px;
			line-height:1.8;
		}
		
		footer h3 {
			margin:0 0 35px 0;
			font-size:36px;
		}
			footer h3 span {
				display:block;
				padding-top:15px;
				font-size:15px;
			}
			
			
		footer .txt2 {
			margin:0 0 0 0;
			font-size:20px;
			color:#333;
			line-height:1.8;
			vertical-align:middle;
		}
			footer .txt2 a {
				display:inline-block;
				font-size:30px;
				color:#0036ff;
				text-decoration:underline;
			}
			
			
		footer .txt3 {
			margin:0 0 20px 0;
			font-size:14px;
			color:#333;
			line-height:1.8;
			vertical-align:middle;
		}
			footer .txt3 span {font-weight:bold;}
		
			
		footer ul {
			margin-bottom:30px;
		}
			
			footer li {
				display:block;
			}
				
			footer .btn {
				margin:0 auto 22px auto;
			}
			
				footer .btn1 a {background:#FC5663;}
				footer .btn2 a {background:#2B5FAC;}
				footer .btn a {
					display:block;
					width:100%;
					height:52px;
					font-size:20px;
					color:#FFF;
					line-height:50px;
					border-radius:26px;
					box-shadow:0px 4px 0px -1px #6c787b;
				}
				footer .btn a:hover {opacity:0.7;}
		
	
	footer .copyright {
		padding:20px 0;
		font-size:10px;
		color:#FFF;
		text-align:center;
		background:#051d4d;
	}