@charset "utf-8";
.sec_menu-area{
	width: 100%;
	height: 1.5vh;
	display: table; 
	list-style: none;
	background: rgba(51,92,183,1.00);
}

.sec_menu_box{
	width: 100%;
	position: relative;
	display: table-cell;
	vertical-align: middle;	
}

ul#nav3 {
	width: 90%;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    list-style: none;
	margin: 0 auto;
}

ul#nav3 li {
	width: calc(100%/7);
	color:#FFFFFF;
	font-weight: lighter;
	font-size: 1.2vw;
    position: relative;
	text-align: center;
	margin: 0.8% 0 1.2% 0;
	white-space: nowrap;
	letter-spacing: 0.3vw
	

}

ul#nav3 li a{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;

}

ul#nav3 li a:after{
	position: absolute;
	width:5em;
	height:10em;
	top: 1.7em;
	left: 2.6em;
	content: "";
	background:url("../images/sec_menu_arrow.png")no-repeat;
	background-size: contain; 
	background-position: center　bottom;
	pointer-events: none;	
	visibility: hidden;
	opacity: 0;
	
}

ul#nav3 li a:hover:after {
opacity: 1;
  visibility: visible;
}

ul#nav3 li#current::after {
	position: absolute;
	width:5em;
	height:10em;
	top: 1.7em;
	left: 2.6em;
	content: "";
	background:url("../images/sec_menu_arrow.png")no-repeat;
	background-size: contain; 
	background-position: center　bottom;
	pointer-events: none;	
}


.sec_title_box{
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
	margin-bottom: 2vh;

}

.sec_title02{
	border-bottom: solid 0.15vw #335CB7;
	width: 90%;
	font-size:2.5vw;	
	margin-left: 10%;
	margin-top: 1em;
	margin-bottom: 1.5em;	
	padding: 0;
	text-align: center;
	color: #335CB7;
	letter-spacing: 0.5vw;
	font-weight: bold;	
}

.sec_title02 img {
	position: absolute;
	width: 2.2em;
	top:0.05em;
	left:1em;
}

.sec_title03{
	border-bottom: solid 0.15vw #335CB7;
	width: 94%;
	font-size:2.5vw;	
	margin-left: 6%;
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding: 0;
	text-align: center;
	color: #335CB7;
	letter-spacing: 0.5vw;
}

.sec_title03 img {
	position: absolute;
	width: 1.2em;
	top:0em;
	left: 1.24em;
}

.sec_title04{
	border-bottom: solid 0.15vw #335CB7;
	width: 94%;
	font-size:2.5vw;
	margin-bottom: 1.5em;	
	margin-left: 6%;
	margin-top: 1em;
	padding: 0;
	text-align: center;
	color: #335CB7;
	letter-spacing: 0.5vw;
}

.sec_title04 img {
	position: absolute;
	width: 1.5em;
	top:0.1em;
	left: 1em;
}

.sec_title05{
	position: relative;
	border-bottom: solid 0.2vw #335CB7;
	width: 95%;
	font-size:2.2vw;	
	margin-left: 5%;
	margin-top: 3em;
	padding: 0;
	text-align: center;
	color: #335CB7;
	letter-spacing: 0.2vw;
}

.sec_title05 img {
	position: absolute;
	width: 3.5em;
	top:-0.4em;
	left: 0em;
}

.sec_title05::after{
	position: absolute;	
	width: 100%;
	height: 100%;
	content: "";
	background: url("../images/icon_img_01.png")bottom;	
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 4vw;
	right: 0;
	bottom:0;
	z-index: 1;
}
.sec_title06{
	border-bottom: solid 0.15vw #335CB7;
	width: 95%;
	font-size:2.2vw;	
	margin-left: 5%;
	margin-top: 1em;
	margin-bottom: 0.5em;	
	padding: 0;
	text-align: center;
	color: #335CB7;
	letter-spacing: 0.5vw;
	font-weight: bold;	
}



.sec_title06 img {
	position: absolute;
	width: 2.8em;
	top:0em;
	left: 1.24em;
}


.aboutus_wrapper{
	display: block;
	width: 95%;
	margin-top: 2vh;
	margin-bottom: 5%;
	margin-left: 3.5vw;


}

.aboutus_textm{
	font-size: 1.5vw;
	letter-spacing: 0.1vw;
	line-height: 1.5em;
	text-align: left;
}


ol#aboutus_textl_blu{
	color: #335CB7;
	font-size: 1.5vw;
	font-weight: bold;
	margin-left: 1.5vw;

}

ul#aboutus_textl_blu_02{
	color: #335CB7;
	font-size: 1.5vw;
	font-weight: bold;
	list-style-type:disc;
	width: 100%;
	background: #DDEEFF;
	padding: 1em 0em 1em 4em;
	margin: 1em 0 ;
}

.aboutus_plus{
	width: 10%;
	margin: 0 auto;
	text-align: center;
	margin-top: -0.1vh;	

}



/*画像1COL*/
.aboutus_imgbox{
	width: 100%;
	text-align: center;
	margin:0 auto ;
	clear: both;
	margin-top: 1vh;
	
}

div#aboutus_imgbox img{
	max-width:100%;
	text-align: center;
	margin: 0 auto;
}

div#aboutus_imgbox_01{
	max-width: 95%;
	display: inline-block;
	text-align: center;
	margin: 3vh 2vw;

}

div#aboutus_imgbox_02{
	display: inline-block;
	width: 25%;
	text-align: center;
	margin: auto 0;
	margin: 2vh 2vw;
}

div#aboutus_imgbox_02 span{
	text-align: center;
	
}

div#aboutus_imgbox_03{
	width: 85%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	margin-top: 5vh;
}


.top_area{
    position: relative;	
	display: block;
    min-height: 6rem;
  position:relative;
  display: table;
  width: 100%;
  height: auto;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("/aboutus/API/images/top_bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;    
	
}

.top_tittle_logo{
	width: 100%;
	height: 100%;
	text-align: center;
	z-index:1;
	margin-top:1rem;
}

.img-fluid2 {
  max-width: 35%;
  height: auto;
}

.iframeWrap {
     position: relative;
     padding-bottom: 100%;
     height: 100%;
     overflow: hidden;
}
.iframeWrap iframe {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}