@charset "utf-8";

section{
	positoin:relative;
	width:100%;
}

#top_title img{
	width:100%;
}

#top_title .pc-top{
	display:block;
}

#top_title .sp-top{
	display:none;
}

#company h2{
	position:relative;
	text-align:center;
	padding:80px 0 40px 0;
	font-size:30px;
	font-weight:bold;
	color:#15428b;
}

#company h2:after{
	content:"";
	position:absolute;
	bottom:20px;
	left:50%;
	transform: translateX(-50%);
	background-color:#2fa6c5;
	height:2px;
	width:100px;
}

#introduction{
	width:100%;
}

.introduction_top{
	display:flex;
	justify-content:center;
	width:85%;
	margin:0 auto;
}

.introduction_headtext{
	line-height:3em;
	font-size:2.5vw;
	width:60%;
	margin-top:100px;
	letter-spacing:0.1em;
	transform:translateX(8%);
}

.introduction_headtext p{
	border-bottom:2px solid #c0d2f4;
	font-weight:bold;
	display: inline-block;
	text-align:left;
}

.introduction_img img{
	max-width:50vw;
	width:90%;
	display: block;
	transform:translateX(-3%);
}

.introduction_text{
	line-height:2em;
	font-size:18px;
	color:white;
	width:87%;
	padding:50px 120px;
	margin-bottom:120px;
	filter:drop-shadow(60px 50px #d1e9fa);	
	background:linear-gradient(.25turn,#0251b2,#2da8da)
}

.table_sheet{
	width:90%;
	margin:50px auto 0 auto;
	padding:30px 0 60px 0;
	background-color:#e1e8f6;
	position:relative;
}

.table_graph{
	text-align:right;
	z-index:-5;
	position:absolute;
	top:0;
	right:6vw;
	transform: translateY(-90%);
}
.table_graph img{
	width:60%;
}

#overview table{
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
}

#overview table tr.normal{
	border-bottom:1px solid #5e7eb9;
}

#overview table tr.bold{
	border-bottom:2px solid #5e7eb9;
}

#overview table th{
	padding:20px 2px 20px 20px;
	font-weight:normal;
	text-align:left;
	width:25%;
	vertical-align: baseline;
}
#overview table td{
	padding:20px 0;
}

.margin_content{
	padding:80px 0 0 0;
	margin:0 auto;
	display: grid;
   grid-template-columns: max-content;
   justify-content: center;
}

.margin_content a{
	transition:all 0.1s;
}

.margin_content a:hover{
	opacity:0.6;
}

.margin_text{
	color:#1156bd;
	font-size:1vw;
}

.margin_text a{
	text-decoration:none;
	color:#1156bd;
}

.pdf_text1{
	padding-bottom:10px;
}



/* =============== レスポンシブ ===============*/

@media screen and (max-width: 1024px){

.introduction_headtext{
	font-size:22px;
	line-height:2.5em;
	margin-top:40px;
	letter-spacing:0.3em;
	padding:0;
	transform: none;
}

.introduction_img img{
	margin-left:0;
	width:90%;
}

.introduction_text{
	padding:50px;
}

}
@media screen and (max-width: 760px){

#top_title .pc-top{
	display:none;
}
#top_title .sp-top{
	display:block;
}

#company h2{
	padding:50px 0 40px 0;
}

.introduction_top{
	display:flex;
	flex-direction:column;
}

.introduction_headtext{
	order:2;
	line-height:2em;
	width:100%;
	padding:20px 0;
	font-size:5vw;
	margin:0 auto;
	letter-spacing:0.3em;
	transform: none;
}

.introduction_img{
	order:1;
}

.introduction_img img{
	margin:0 auto;
	max-width:100vw;
	width:90%;
	transform: none;
}

.introduction_text{
	padding:20px;
	font-size:16px;
	width:100%;
	filter:drop-shadow(0 0 #fff);
	margin-bottom:50px;
}

#overview h2{
	padding-top:0;
}

.table_graph img{
	width:40%;
}

.table_sheet{
	margin:40px auto;	
	padding:20px 0 40px 0;
}

.table_sheet tr{
	flex-direction:column;
}

th,td{
	display:block;
	text-align:center;
}

#overview table th{
	padding:20px 0 0 0;
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#1156bd;
}

#overview table td{
	padding:20px 0;
}

.margin_content{
	width:100%;
	padding-top:10px;
}

.margin_text{	
	margin:0 auto;
	font-size:2vw;
}

.pdf_text1{
	padding-bottom:10px;
}

}