/*----------------------------------------------------
	　　    ◆concept
----------------------------------------------------*/
/*	sub_header
--------------------------*/
.sub_header .h2_mv#concept_page{
	position: relative;
	background:#ffffff;
	margin-bottom:20px;
	
}
.sub_nav.fixed_nav {
    position: fixed;
    top: 69px;
    left: 0;
    width: 100%;
    z-index: 1000;
}
footer {
    margin-top: 70px;
    border-top: 1px solid #ccc;
}


.company01_in{
	padding: 0px 10px 10px 10px;
}
.company{position: relative;}
.company .top_sidebtn {
    position: absolute;
    right: 0;
    top: 115px;
    z-index: 100;
}
.company01_in h3{
    font-weight: bold;
	font-size: 25px;
	position: relative;
	padding-left: 5px;
	margin-top: 4px;
	border-left: solid 5px #0b419b;
	margin-bottom:10px;
}

.company01_in ul {
    width:100%;

	
}


.company01_in ul li.img{
    width: 20%;
	float:left;
	position: relative;
	
}

.company01_in ul li.txt{
    width: 55%;
	float:left;
	margin-right:3%;
	position: relative;
	font-size: 18px;
	
}

.company01_in ul li.txt h4{
    font-size: 22px;
	font-weight: bold;
	color:#0b419b;
}


.company01_in ul li.img2{
    width: 19%;
    margin-left:1%;
	float:left;
	position: relative;
	
}


.api{
	width:100%;
	float:left;
	margin-top:5%;
	margin-bottom:5%;
	position:relative;
	padding:3px 10px 10px 5px;
	border-color:#dcdcdc;
	 background: #fafad2;
	border-width: 1px 1px 1px 1px;
	}	

.api img{
    float:left;
    margin:10px 10px 0 5px;
	}

.api div.txt {
    width:52%;
    float:left;
text-align:left;
	
   
	}	

.api div.txt h2{
 font-size:155%;
   text-align:left;
	line-height:1.6;
	margin:35px 10px 20px 10px;
	margin-left:10%;
    color:#2f4f4f;
   
	}	

.api div.txt p{
    font-size:100%;
   text-align:left;
	margin-left:10%;
  
	}	



	
.api div.play{
    width:17%;
    float:left;
	margin-left:1%;

	}		

.index_list{overflow: hidden;}
.index_list li{
	width: 32%;
	float: left;
	margin: 0 2% 2% 0;
	border: 1px solid #0e439c;
	box-sizing: border-box;
	text-align: center;
}
.index_list li a{display: block; color: #fff; text-decoration: none;}
.index_list li span{display: block; background: #0e439c; font-size: 20px; font-weight: bold; position: relative;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
     padding: 10px 0;
}
.index_list li span::after{
	content: " ";
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
}
.index_list li a:hover span{background: #000;}
.index_list li:nth-child(3n){margin-right: 0;}
.index_list li img{
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

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

}/*media screen 絞め*/

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


.sub_header .h2_mv {
    background: #fffffff;
    background-size: cover;
    margin-bottom:0;
	
}

.sub_header .h2_mv#concept_page{
	position: relative;
	background:#ffffff;
	margin-bottom:10px;
	
}


.company01_in {
    padding: 0px 10px 10px 10px;
}

.company01_in h3{
    font-weight: bold;
	font-size: 20px;
	position: relative;
	margin-left: 20px;
	margin-top: 2px;
	border-left: solid 5px #0b419b;
	margin-bottom:10px;
}

.company01_in ul {
    width:100%;

	
}

.company01_in ul li.img2{
    width: 50%;
	position: relative;
   top: 25%;
   left: 25%;
	
}


.company01_in ul li.txt{
    width: 95%;
	float:left;
	position: relative;
	font-size: 15px;
	margin:2%;
	padding-top:3%;
	
}

.company01_in ul li.txt2{
    width: 100%;
	font-size: 20px;
	margin:0,auto;
	text-align: center;

	
}


.company01_in ul li.txt h4{
    font-size: 18px;
	font-weight: bold;
	color:#ffffff;
	background:#0b419b;/*背景色*/
   padding: 0.2em;/*文字まわり（上下左右）の余白*/
   margin-bottom:2%;

}




.api{
	width:94%;
	float:left;
	margin-top:5%;
	margin-bottom:5%;
	position:relative;
	padding:3%;
	border-color:#dcdcdc;
	 background: #fafad2;
	border-width: 1px 1px 1px 1px;
	}	

.api img {
    float:left;
	width:15%;
    margin:0;
	}

.api div.txt {
    width:82%;
    float:left;
text-align:left;
	
   
	}	

.api div.txt h2{
 font-size:110%;
   text-align:left;
	line-height:1.3;
	margin:0px 0px 0px 10px;
	color:#2f4f4f;
   
	}	

.api div.txt p{
    font-size:110%;
   text-align:left;
	margin:0;
  
	}	

	
.api div.play{
    width:48%;
    float:left;
	margin-left:1%;

	}	


.api div.play img{
    width:100%;
    float:left;
	margin-left:1%;

	}




.index_list li:nth-child(3n),
.index_list li {
    width: 49%;
    float: left;
    margin: 0 2% 2% 0;
}
.index_list li:nth-child(2n){
	margin-right: 0;
}
.index_list li span {
    font-size: 14px;
    padding: 5px 3px;
}
.index_list li span::after {
    right: 5px;
}
footer {
    margin-top: 30px;
}
}/*media screen 絞め*/