/* =========================================================
		common
========================================================= */
body {

	font-family:"Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:14px;
	line-height:1.6;
	color:#333;
	-webkit-text-size-adjust:none;
	margin:0;
	padding:0;
	min-width:100%;
	letter-spacing:0.8px;
}


.hd_style span {
	display: none;
}


.pc_br {
	display:block;
}


.pc_br2 {
	display: inline-block;
}


.sp_br {
	display: none;
}


.sp_br1 {
	display: none;
}


#arrow {
	position: fixed;
	bottom: 13%;
	right: 2%;
	cursor: pointer;
	z-index: 990;
}


.nomargin {
	margin-right:0 !important;
}

/* =========================================================
	common 2層
========================================================= */
.mainmg {
	padding: 87px 0 0 0 !important;
}


.maincatch2 {
	height: 184px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.maincatch2 h2 {
    text-align: center;
    padding-top: 62px;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 3px;
}

/* =========================================================
		Header
========================================================= */
@media screen and (min-width:1024px) and (max-width:1350px) {

	/* ヘッダーの選択された文字色を変更 */
	#philosophy #menu1 a {
		color: #0068b7;
	}


	#business #menu2 a {
		color: #0068b7;
	}


	#company #menu3 a {
		color: #0068b7;
	}


	#certification #menu4 a {
		color: #0068b7;
	}


	#marginrate #menu4 a {
		color: #0068b7;
	}


	#development #menu5 a {
		color: #0068b7;
	}


	#recruit #menu6 a {
		color: #0068b7;
	}


	#privacy #menu7 a {
		color: #0068b7;
	}


	#privacy2 #menu7 a {
		color: #0068b7;
	}


	#globalNavi{
		position: fixed;
		background: #fff;
		width: 100%;
		z-index: 999;
		opacity: 0.9;
	}
		

	#headerin{
		width:90%; /*1024 90%*/
		margin:0 auto 0;
		position:relative;
	}
		
		
	#headerin h1{
		padding:28px 0 16px 0;
		float:left;
	}


	#headerin h1 img{
		width:90px;
	}


	#headerin .h_btn1{
		float:right;
		margin-right: 76px;
	}
		
		
	#header .gnavi{	
		margin:30px -100px 0px 0px;
	}


	#header .gnavi li{
		float:left;
		width: auto;
		padding:0 8px 0 8px;
		font-size:12px; /*1024 10px*/
	}
			
		
	#header .gnavi li a{
		color: #333;
		text-decoration: none;	
	}
		
		
	#header .gnavi li a:hover{
		color: #0068b7;
		text-decoration: none;	
	}


	#header .gnavi li.contact{
		width: 110px;
		padding-right: 20px;
		margin-top: -6px;
	}


	#header .gnavi li.contact a {
		background-position-x: 22px;
		display: block;
		padding: 5px 10px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 3px;
		background-color: #0068b7;
		background-size: 15px;
		font-size:10px; /*1024 10px*/
	}
		
		
	#header .gnavi li.contact a:hover {
		opacity			: 0.7;
		filter			: alpha(opacity=70);	
	}
}

@media screen and (min-width:1351px) {
	/* ヘッダーの選択された文字色を変更 */
	#philosophy #menu1 a {
		color: #0068b7;
	}


	#business #menu2 a {
		color: #0068b7;
	}


	#company #menu3 a {
		color: #0068b7;
	}


	#certification #menu4 a {
		color: #0068b7;
	}


	#marginrate #menu4 a {
		color: #0068b7;
	}


	#development #menu5 a {
		color: #0068b7;
	}


	#recruit #menu6 a {
		color: #0068b7;
	}


	#privacy #menu7 a {
		color: #0068b7;
	}


	#privacy2 #menu7 a {
		color: #0068b7;
	}


	#globalNavi{
		position: fixed;
		background: #fff;
		width: 100%;
		z-index: 999;
		opacity: 0.9;
	}
	

	#headerin{
		width:85%; /*1024 90%*/
		margin:0 auto 0;
		position:relative;
	}
	
	
	#headerin h1{
		padding:28px 0 16px 0;
		float:left;
	}


	#headerin h1 img{
		width:90px;
	}


	#headerin .h_btn1{
		float:right;
		margin-right: 76px;
	}
	
	
	#header .gnavi{
		margin:30px -110px 0px 0px;
	}


	#header .gnavi li{
		float:left;
		width: auto;
		padding:0 0px 0 20px;	
		font-size:13px; /*1024 10px*/
	}
	
	
	#header .gnavi li a{
		color: #333;
		text-decoration: none;
	}


	#header .gnavi li .last{
		color: #333;
		text-decoration: none;
		margin-right: 20px;	
	}
	
	
	#header .gnavi li a:hover{
		color: #0068b7;
		text-decoration: none;
	}


	#header .gnavi li.contact{
		width: 120px;
		/* padding: 10 5 0 0; */
		margin-top: -6px;
	}
	

	#header .gnavi li.contact a {
		background-position-x: 22px;
		display: block;
		padding: 5px 10px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 3px;
		background-color: #0068b7;
		background-size: 15px;
		font-size:12px; /*1024 10px*/
	}
	
	
	#header .gnavi li.contact a:hover {
		opacity			: 0.7;
		filter			: alpha(opacity=70);
	}
}

@media screen and (min-width:1500px) {
	#globalNavi{
		position: fixed;
		background: #fff;
		width: 100%;
		z-index: 999;
		opacity: 0.9;
	}
	
	
	#headerin{
		width:1300px; /*1024 90%*/
		margin:0 auto 0;
		position:relative;
	}
	
	
	#headerin h1{
		padding:28px 0 16px 0;
		float:left;
	}


	#headerin h1 img{
		width:90px;
	}


	#headerin .h_btn1{
		float:right;
		margin-right: 76px;
	}
	
	
	#header .gnavi{
		margin:30px -110px 0px 0px;
	}
	
	#header .gnavi li{
		float:left;
		width: auto;
		padding-right: 0%;	
		font-size:13px; /*1024 10px*/
	}
	
	
	#header .gnavi li a{
		color: #333;
		text-decoration: none;
	}
	
	
	#header .gnavi li a:hover{
		color: #0068b7;
		text-decoration: none;
	}
	

	#header .gnavi li.contact{
		width: 120px;
		padding-right: 30px;
		margin-top: -6px;	
	}


	#header .gnavi li.contact a {
		background-position-x: 22px;
		display: block;
		padding: 5px 10px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 3px;
		background-color: #0068b7;
		background-size: 15px;
		font-size:12px; /*1024 10px*/
	}
	
	
	#header .gnavi li.contact a:hover {
		opacity			: 0.7;
		filter			: alpha(opacity=70);
	}
}

@media screen and (max-width:1023px) {
	#globalNavi{
		position: fixed;
		background: #fff;
		width: 100%;
		z-index: 999;
		opacity: 0.9;
	}



#headerin{
	width:80%; /*1024 90%*/

	margin:0 auto 0;
	position:relative;



	}


#headerin h1{
	padding:28px 0 16px 0;
	float:left;




	}

#headerin h1 img{
	width:80px;
}

#headerin .h_btn1{
	float:right;
margin-right: 76px;
	}


#header .gnavi{

	margin:30px -100px 0px 0px;

	}

	#header .gnavi li{
		float:left;
		width: auto;
		padding:0 13px 0 15px;


		font-size:13px; /*1024 10px*/
	}




#header .gnavi li a{
    color: #333;
    text-decoration: none;


}



#header .gnavi li a:hover{
    color: #0068b7;
    text-decoration: none;


}

#header .gnavi li.contact{
	width: 120px;
	padding: 10 5 0 0;
	margin-top: -6px;

	}

#header .gnavi li.contact a {
background-position-x: 22px;
display: block;
padding: 5px 10px;
color: #fff;
text-decoration: none;

text-align: center;
border-radius: 3px;
background-color: #0068b7;
background-size: 15px;
font-size:12px; /*1024 10px*/
}


#header .gnavi li.contact a:hover {
	opacity			: 0.7;
	filter			: alpha(opacity=70);


}
}

/* =========================================================
		main
========================================================= */
.flexslider {

    padding: 82px 0 0 0 !important;

}

.slides li{
	background-size: cover;
	}

.slides .container {
    margin: 0 auto;

		width: 960px;
    position: relative;

    height: 491px;



}

.slider_pc1{

	background: url(../img/sample1.001.png) no-repeat center;
  /* width: 3000px!important;
 height:auto;
	margin-right: auto!important;
		position: relative;
	display: list-item;
	margin-left: auto!important; */
height: auto;

	}

.slider_pc2{

	background: url(../img/sample1.002.png) no-repeat center;
  /* width: 1400px!important;

	margin-right: auto!important;
	position: relative;
	display: list-item;
	margin-left: auto!important; */
	/* margin-left: auto;
	 margin-right: auto; */
	 height: auto;

	}

.slider_pc3{

	background: url(../img/sample1.003.png) no-repeat center;
	/* width: 1400px!important;

	margin-right: auto!important;
		position: relative;
	display: list-item;
	margin-left: auto!important; */
	/* margin-left: auto;
	 margin-right: auto; */
	 height: auto;
	}
.slider_pc4{

	background: url(../img/sample1.004.png) no-repeat center;
	/* width: 1400px!important;

	margin-right: auto!important;
		position: relative;
	display: list-item;
	margin-left: auto!important; */
	/* margin-left: auto;
	 margin-right: auto;
	 */
	 height: auto;
}
.slider_pc5{

	background: url(../img/sample1.005.png) no-repeat center;
	/* width: 1400px!important;

	margin-right: auto!important;
		position: relative;
	display: list-item;
	margin-left: auto!important; */
	/* margin-left: auto;
	 margin-right: auto;
	 */
	 height: auto;
}
.slides p{
	font-weight: 700;
	font-size: 34px;
	letter-spacing: 2.5px;
	line-height: 1.6;
	color: #fff;
}
.slides .slider_copy1 {
	position:absolute;
	left:2%;
	top:18%;
	
}



.slides .slider_copy2-1 {
	position:absolute;
	left:-5%;
	top:70%;
	width: 120px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #5564E1;
	text-decoration: none;
	border: 4px solid;
	border-color: #5564E1;
	padding: 15px 40px;
	border-radius: 8px;
	letter-spacing: 1.8px;
	line-height: 1.5;
}

.slides .slider_copy2-2 {
	position:absolute;
	left:20%;
	top:70%;
	width: 120px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: white;
	text-decoration: none;
	border: 4px solid;
	background-color: #5564E1;
	border-color: #5564E1;
	padding: 15px 40px;
	border-radius: 8px;
	letter-spacing: 1.8px;
	line-height: 1.5;
}

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

	.s_button {/*親div*/
		position: relative;/*相対配置*/
		}
	  
	  .s_button p {
		position: absolute;/*絶対配置*/
		color: white;/*文字は白に*/
		top: 0;
		left: 0;
		}
	  
	  .s_button img {
		width: 100%;
		}

		.slider_button2-1 {
			position:absolute;
			left:2%;
			top:77.5%;
			width: 120px;
			height: 14px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: #5564E1;
			text-decoration: none;
			border: 3px solid;
			border-color: #5564E1;
			padding:  10px 20px;
			border-radius: 8px;
		}

		.slider_button2-2 {
			position:absolute;
			left:16%;
			top:77.5%;
			width: 120px;
			height: 14px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: white;
			text-decoration: none;
			border: 3px solid;
			background-color: #5564E1;
			border-color: #5564E1;
			padding:  10px 20px;
			border-radius: 8px;
		}

		.slider_button3-1 {
			position:absolute;
			left:2%;
			top:77.5%;
			width: 120px;
			height: 14px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: #004D80;
			text-decoration: none;
			border: 3px solid;
			border-color: #004D80;
			padding:  10px 20px;
			border-radius: 8px;
		}

		.slider_button3-2 {
			position:absolute;
			left:16%;
			top:77.5%;
			width: 120px;
			height: 14px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: white;
			text-decoration: none;
			border: 3px solid;
			background-color: #004D80;
			border-color: #004D80;
			padding:  10px 20px;
			border-radius: 8px;
		}

}

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

	.s_button {/*親div*/
		position: relative;/*相対配置*/
		}
	  
	  .s_button p {
		position: absolute;/*絶対配置*/
		color: white;/*文字は白に*/
		top: 0;
		left: 0;
		}
	  
	  .s_button img {
		width: 100%;
		}

		.slider_button2-1 {
			position:absolute;
			left:1%;
			top:77.5%;
			width: 120px;
			height: 14px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: #5564E1;
			text-decoration: none;
			border: 3px solid;
			border-color: #5564E1;
			padding:  8px 20px;
			border-radius: 8px;
		}

		.slider_button2-2 {
			position:absolute;
			left:14%;
			top:77.5%;
			width: 120px;
			height: 14px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: white;
			text-decoration: none;
			border: 3px solid;
			background-color: #5564E1;
			border-color: #5564E1;
			padding:  8px 20px;
			border-radius: 8px;
		}

		.slider_button3-1 {
			position:absolute;
			left:1%;
			top:77.5%;
			width: 120px;
			height: 12px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: #004D80;
			text-decoration: none;
			border: 3px solid;
			border-color: #004D80;
			padding:  8px 20px;
			border-radius: 8px;
		}

		.slider_button3-2 {
			position:absolute;
			left:14%;
			top:77.5%;
			width: 120px;
			height: 12px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: white;
			text-decoration: none;
			border: 3px solid;
			background-color: #004D80;
			border-color: #004D80;
			padding:  8px 20px;
			border-radius: 8px;
		}

}

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

	.s_button {/*親div*/
		position: relative;/*相対配置*/
		}
	  
	  .s_button p {
		position: absolute;/*絶対配置*/
		color: white;/*文字は白に*/
		top: 0;
		left: 0;
		}
	  
	  .s_button img {
		width: 100%;
		}

		.slider_button2-1 {
			position:absolute;
			left:1%;
			top:77.5%;
			width: 80px;
			height: 8px;
			text-align: center;
			font-size: 10px;
			font-weight: 700;
			color: #5564E1;
			text-decoration: none;
			border: 3px solid;
			border-color: #5564E1;
			padding:  5px 20px 9px 20px;
			border-radius: 8px;
		}

		.slider_button2-2 {
			position:absolute;
			left:13%;
			top:77.5%;
			width: 80px;
			height: 8px;
			text-align: center;
			font-size: 10px;
			font-weight: 700;
			color: white;
			text-decoration: none;
			border: 3px solid;
			background-color: #5564E1;
			border-color: #5564E1;
			padding:  5px 20px 9px 20px;
			border-radius: 8px;
		}

		.slider_button3-1 {
			position:absolute;
			left:1%;
			top:77.5%;
			width: 80px;
			height: 8px;
			text-align: center;
			font-size: 10px;
			font-weight: 700;
			color: #004D80;
			text-decoration: none;
			border: 3px solid;
			border-color: #004D80;
			padding:  5px 20px 9px 20px;
			border-radius: 8px;
		}

		.slider_button3-2 {
			position:absolute;
			left:13%;
			top:77.5%;
			width: 80px;
			height: 8px;
			text-align: center;
			font-size: 10px;
			font-weight: 700;
			color: white;
			text-decoration: none;
			border: 3px solid;
			background-color: #004D80;
			border-color: #004D80;
			padding:  5px 20px 9px 20px;
			border-radius: 8px;
		}

}



.slides .slider_copy3-1 {
	position:absolute;
	left:56%;
	top:64%;
	width: 120px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #004D80;
	text-decoration: none;
	border: 4px solid;
	border-color: #004D80;
	padding: 15px 40px;
	border-radius: 8px;
	letter-spacing: 1.8px;
	line-height: 1.5;
}

.slides .slider_copy3-2 {
	position:absolute;
	left:81%;
	top:64%;
	width: 120px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: white;
	text-decoration: none;
	border: 4px solid;
	background-color: #004D80;
	border-color: #004D80;
	padding: 15px 40px;
	border-radius: 8px;
	letter-spacing: 1.8px;
	line-height: 1.5;
}

.slides .slider_copy4-1 {
	position:absolute;
	left:44%;
	top:68%;
	width: 140px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #5564E1;
	text-decoration: none;
	border: 4px solid;
	border-color: #5564E1;
	padding: 15px 30px;
	border-radius: 8px;
}

.slides .slider_copy4-2 {
	position:absolute;
	left:69%;
	top:68%;
	width: 140px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: white;
	text-decoration: none;
	border: 4px solid;
	background-color: #5564E1;
	border-color: #5564E1;
	padding: 15px 30px;
	border-radius: 8px;
}

.slides .slider_copy4 {
	position:absolute;
	right:0;
	top:20%;
	font-size: 33px;


}

.slides .top_btn a{

	}

.slides .top_btn a:hover, .slide4btn a:hover{

	opacity			: 0.7;
	filter			: alpha(opacity=70);


	}

.slider_pc4 .slider_icon{
	position:absolute;
	top:0;
	right:0

	}

.slide4btn{
	position:absolute;
	bottom:10%;
	left:36%;
	text-align:center;

	}


/* =========================================================
		topcon
========================================================= */
#topcon1{
	background: url(../img/global_bg_page.png) repeat;
/*width:1400px;*/
	margin-left: auto;
  margin-right: auto;
    display: block;


	}

#topcon1 ul.clearfix{
	margin-left: auto;
    margin-right: auto;
    display: block;


}

#topcon1 .topcon1in {
    width: 1250px;
    margin: 0 auto 0;
    padding:  50px 30px 50px 0px;
	margin: 0 auto;

}

#topcon1 li{
	float: left;
	margin-right: 1%;
  	margin-left: 1%;

}
#topcon1 li:last-child{
	margin-right: 0;




}

#topcon1 li dl{
	width: 290px;




}

#topcon1 li dt img{
	width: 100%;




}


#topcon1 li dd{
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-size: 18px;

	background: url(../img/arrow.png) no-repeat 268px center #0068b7;

display: block;
	font-weight: 300;
	background-size: 24px;
}

#topcon1 li a{
	text-decoration: none;


}

#topcon1 li a:hover dt, #topcon1 li a:hover dd{
		opacity			: 0.7;
	filter			: alpha(opacity=70);


}

.topcon2{
	background: url(../img/recurut.png) center no-repeat;
width: 1400px;
margin-left: auto;
	 margin-right: auto;

}

@media screen and (max-width: 420px) {
	.topcon2{
		background-size:contain;                 /* 画像のサイズを指定    */
    	width:420px;                              /* 横幅のサイズを指定    */
    	height:auto;
	}
}

@media screen and (max-width: 378px) {
	.topcon2{
		background-size:contain;                 /* 画像のサイズを指定    */
    	width:378px;                              /* 横幅のサイズを指定    */
    	height:auto;
	}
}
@media screen and (max-width: 320px) {
	.topcon2{
		background-size:contain;                 /* 画像のサイズを指定    */
    	width:320px;                              /* 横幅のサイズを指定    */
    	height:auto;
	}
}

.topcon2a{
	/* background: url(../img/recurut.jpg) center no-repeat; */
	width: 1400px;
	height: 263px;
	position: relative;
	/* vertical-align: middle; */
	/* margin-left: 14%; */

}
.topcon2a .recruitcon{
	margin:  200px -100px 46px 30px;
  /* margin-left: 13%; */
	padding: 3px;
	width: 170px;
	background-color: #004D80;
	border-radius: 8px;
	color: #fff;
	opacity: 0.75;
	line-height: 1.4;
	position: absolute;
	right: 8%;
}
	.topcon2a .recruitcon h2{
		font-size: 14px;
		text-align: center;
		padding: 10px;
		font-weight: 300;


	}

	.topcon2 a{

		text-decoration:none;


		}





	

/* ---newscon-- */
#newscon{
	background-color: #f4f2f2;


	}


#newscon .newsconin{
	width:880px;
	margin:0 auto;
	padding:45px 0 55px;


	}


#newscon h3{
	text-align:center;
	font-size:20px;
	color: #0068b7;

	padding-bottom:40px;
	letter-spacing: 2px;


	}


#newscon .newsarea{
	padding:0 0 25px 0;
	margin-bottom: 25px;
	border-bottom: 1px dotted #ccc;
	font-weight: 300;

	}



#newscon .newsarea:after {
	display: block;
	clear: both;
	content: "";
}
#newscon .newsarea {
	*zoom: 1;
}







#newscon .newsarea .date{
	float: left;
	padding:0 20px 0 15px;
	font-size: 13px;
	color: #0068b7;
	width: 85px;



	}

#newscon .newsarea .text{
	float: left;
	width: 700px;

	}


#newscon .newsarea .arrow1{
	float: right;
	padding-right: 10px;


	}

#newscon .newsarea a{
	text-decoration: none;
	color: #333;



}

#newscon .newsarea a:hover{
	text-decoration: underline;
	color: #0068b7;


}


#newscon .newsmore{
	margin: 0 auto 0;

	padding-top: 15px;


}



#newscon .newsmore a{

	 background: url(../img/arrow3.png) no-repeat 153px center;

display: block;
padding: 10px 42px 10px 35px;
text-decoration: none;

text-align: center;
border-radius: 4px;
	border: 2px solid #0068b7;
	color: #0068b7;
background-size: 18px;
font-size:15px;
font-weight:200;
width:100px;
	margin: 0 auto 0;

}


#newscon .newsmore a:hover{
	text-decoration:none;

	opacity			: 0.7;
	filter			: alpha(opacity=70);


}
.main_fv2 .main_ph {
  radial-gradient:#0068b7;
}

@media screen and (max-width: 320px){/*iphone5/SE*/
.topcon2a .recruitcon{
	margin:  0px 0 46px 0;
	padding: 0px;
	width: 11%;
	background-color: #107acc;
	color: #fff;
	opacity: 0.75;
	line-height: 1.4;
	position: absolute;
	left:150px;
	bottom: 2.5%;
}

.topcon2a .recruitcon h2{
	font-size: 5px;
	text-align: center;
	padding-bottom: 7px;
	font-weight: 300;
	letter-spacing: 3px;
}
}

@media screen and (min-width: 321px) and (max-width: 378px){/*iphone6/7/8*/
	.topcon2a .recruitcon{
		margin:  25px 0 36px 0;
		padding: 0px;
		width: 12%;
		background-color: #0068b7;
		color: #fff;
		opacity: 0.75;
		line-height: 1.4;
		position: absolute;
		right: 0;
		left:180px;
		bottom: -7%;
	}

	.topcon2a .recruitcon h2{
		font-size: 8px;
		text-align: center;
		padding-bottom: 10px;
		font-weight: 300;
		letter-spacing: 3px;
	}
}

@media screen and (min-width: 379px) and (max-width: 414px){/*iphone6/7/8plus*/
.topcon2a .recruitcon{
	margin:  30px 0 46px 0;
	padding: 18px 18px 18px 18px;
	width: 27%;
	background-color: #0068b7;
	color: #fff;
	opacity: 0.75;
	line-height: 1.4;
	position: absolute;
	right: 0;
	left:0;
	bottom: -19%;
}

.topcon2a .recruitcon h2{
	font-size: 19px;
	text-align: center;
	padding-bottom: 10px;
	font-weight: 300;
	letter-spacing: 3px;
}
}

@media screen and (min-width: 415px) and (max-width: 420px){/*iphone6/7/8plus*/
	.topcon2a .recruitcon{
		margin:  25px 0 36px 0;
		padding: 0px;
		width: 12%;
		background-color: #0068b7;
		color: #fff;
		opacity: 0.75;
		line-height: 1.4;
		position: absolute;
		right: 0;
		left:210px;
		bottom: -17%;
	}

	.topcon2a .recruitcon h2{
		font-size: 8px;
		text-align: center;
		padding-bottom: 10px;
		font-weight: 300;
		letter-spacing: 3px;
	}
}



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

	#topcon1{
		background: white;
	width:1400px;
		margin-left: auto;
	  margin-right: auto;
	    display: block;


		}
}

@media screen and (min-width: 1024px){
/* レスポンシブ　*/
.home-image {
	width   : 50%;
	padding : 0px 200px;
}

.home-image2 {
	text-align: center;
}

.home-image2 li{
	display : inline-block;
	width   : 19%;
	
}

.home-image3 {
	text-align: center;
}

.home-image3 li{
	display : inline-block;
	width   : 40%;
	margin: 10px;
	
}

.home-image4 {
	text-align: center;
}

.home-image4 li{
	display : inline-block;
	width   : 30%;
	margin: 10px;
	
}

/* =========================================================
		スクロールでフェードイン
========================================================= */

.fadein {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 200ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein2 {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 400ms;
}

/* 画面内に入った状態 */
.fadein2.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein3 {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 600ms;
}

/* 画面内に入った状態 */
.fadein3.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein4 {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 800ms;
}

/* 画面内に入った状態 */
.fadein4.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein5 {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 1000ms;
}

/* 画面内に入った状態 */
.fadein5.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

/* 画面サイズによって画像の切り替え */
.pc-top { 
	display : block !important; 
}

.sp-top { 
	display : none !important; 
}

}

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

	.home-image2 li{
		margin: 20px;
		padding: 20px;
		width   : 80%;
	}

	.pc-top { 
		display : none !important; 
	}
	
	.sp-top { 
		display : block !important; 
		
	}

	.div_img {
		margin: 10px;
		padding: 10px;
	}
	
}



/* =========================================================
		footer
========================================================= */


#footer1{
	margin-top: 90px;

	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;


	}

.footerin{
	width:960px;
	margin:0 auto 0;
	padding:0 0 15px;
	    font-weight: 300;


	}


.footerin .f_left{
	float:left;
	margin-right:40px;

	}

.footerin .f_left .flogo{
	width: 175px;

	}

.footerin .f_right{
	float:left;

	}



	.footerin .f_left2{
	float:left;
	overflow: hidden;
		width: 780px;

	}

.footerin .f_left2 li{
	float:left;
	padding-right: 25px;
	font-size: 13px;


	}
.footerin .f_left2 ul{
	margin-bottom: 10px;


	}
.footerin .f_left2 li a{
	color: #333;
	text-decoration: none;


	}

.footerin .f_left2 li a:hover{
	color: #0068b7;
	text-decoration: underline;

	}

.footerin .f_right2{
	float:right;

	font-size: 10px;
	margin-top: 5px;

	}



	#page-top {
	position: fixed;
	bottom: 60px;
	right: 10px;
	font-size: 77%;
	}


#page-top img {
	width:55px;
	}





/* =========================================================
		2層
========================================================= */


.main_fv2{


	padding: 82px 0 0 0 !important;




}


.main_fv2 .main_ph{

	background: linear-gradient(-45deg, rgba(0, 118, 186, .9), rgba(23, 79, 132, .9));
	height: 50px;
	width: 100%;



}

.main_fv2 .main_pr{

	background: linear-gradient(-45deg, rgba(0, 118, 186, .9), rgba(23, 79, 132, .9));
	height: 50px;



}


.main_fv2 .main_bu{

	background: linear-gradient(-45deg, rgba(0, 118, 186, .9), rgba(23, 79, 132, .9));
	height: 50px;



}


.main_fv2 .main_re{

	background: linear-gradient(-45deg, rgba(0, 118, 186, .9), rgba(23, 79, 132, .9));
	height: 50px;



}

.main_fv2 .main_con{

	background: linear-gradient(-45deg, rgba(0, 118, 186, .9), rgba(23, 79, 132, .9));
	height: 50px;



}


.main_fv2 .main_news{

	background: linear-gradient(-45deg, rgba(0, 118, 186, .9), rgba(23, 79, 132, .9));
	height: 50px;



}

.main_fv2  h2{
	width: 960px;
	margin: 0 auto;
	color: #fff;
	font-size: 15px;
	padding-top: 15px;
	font-weight: 500;



}

.div-image li{
	display : inline-block;
	width   : 20%;
}



.pankuzu ul {
    width: 960px;
    margin: 0 auto;
}

.pankuzu li {
    display: inline-block;
    color: #656565;
    font-size: 12px;
    vertical-align: middle;
    line-height: 2;
    padding: 3px 0;
	font-weight: 300;
}


.pankuzu .top a {
    color: #0068b7;
    text-decoration: none;
}
.pankuzu  .top a:hover{

	text-decoration: underline;


}



/* =========================================================
		philo
========================================================= */

.ph_con{
	max-width: 960px;
    margin: 40px auto 130px;

}



.ph_con h3{
	font-size: 24px;
	color: #0068b7;
	text-align: center;
	margin-bottom: 50px;
	letter-spacing: 2px;



}


.ph_con .rinen1{


	height: 197px;
	position: relative;


}


.ph_con .ripic1{

	background: url(../img/ph_pic1.jpg) no-repeat center;



}

.ph_con .ripic2{

	background: url(../img/ph_pic2.png) no-repeat center;



}

.ph_con .ripic3{

	background: url(../img/ph_pic3.jpg) no-repeat center;



}

.ph_con .ripic4{

	background: url(../img/ph_pic4.jpg) no-repeat center;



}

.ph_con .rinen1 .r_bg1{

	background-color: rgba(0,104,183,0.7);

}


.ph_con .rinen1 .r_bg2{

	background-color: rgba(235,97,0,0.7);


}


.ph_con .rinen1 .r_bg3{

	background-color: rgba(0,153,68,0.7);


}

.ph_con .rinen1 .r_bg4{

	background-color: rgba(234,104,162,0.7);


}

.ph_con .rinen1 dl{


	padding: 25px 20px;
	width: 140px;
	position: absolute;
	top: 20px;
	left: 35px;


}


.ph_con .rinen1 dt{
	text-align: center;


}


.ph_con .rinen1 dd{
	text-align: center;
	font-size: 20px;
	color: #fff;
	padding-top: 15px;


}

.ph_con .rinencon{




	width: 900px;
	margin: 25px auto 60px;



}

.ph_con .rinencon h4{

	font-size: 18px;
	padding-bottom: 10px;



}


.ph_con .rinencon p {
	font-weight: 300;
}


/* =========================================================
		business
========================================================= */

.bu_con{
	width: 960px;
    margin: 40px auto 150px;



}

.bu_con h3{
	font-size: 24px;
	color: #0068b7;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 2px;



}

.bu_con h4{
	font-size: 24px;
	color: #0068b7;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 30px;
	letter-spacing: 2px;



}

.bu_con .bucopy1{
	text-align: center;
	font-weight: 300;
	margin-bottom: 50px;
}



.bu_con .bussines{
	margin-bottom: 80px;




}


.bu_con .bussines li{

	float: left;
	margin-right: 52px;




}

.bu_con .bussines li:last-child{
	margin-right: 0;




}


.bu_con .bussines dl{
	width: 200px;




}
.bu_con .bussines dt img{
	width: 100%;




}

.bu_con .bussines dd{
	 font-size: 17px;
	color: #0068b7;
	text-align: center;
	margin-top: 15px;



}




.bu_con  .bu_right{
	float: right;
margin-top: 340px;


}


.bu_con .bu_left{
	float: left;
	margin-top: 60px;



}


.bu_con .bu_left p{
	line-height: 1.75;


	font-weight: 300;


}



.bu_con  .bu_right2{
	width: 467px;
	float: left;



}




.bu_con  .bu_right2 p{
	padding-bottom: 10px;
	line-height: 1.75;
	font-weight: 300;

}




.bu_con .bu_left2{
	float: left;
	margin-right: 65px;



}


.bu_con .busubpic1{
	width: 425px;



}

.bu_con .bu_sub{
		margin-bottom: 60px;


	}
.bu_con .bu_sub h4{
	font-size: 20px;
	color: #0068b7;
	font-weight: bold;
	margin:5px 0 20px;


}
/* .bu_con ul.bussines.clearfix1{
	margin-left: 135px;
}
.bu_con ul.bussines.clearfix2{
	margin-left: 250px;
} */
.bu_con li.pc1{
	/* display: none; */
	margin-left: 135px;
}
.bu_con li.pc2{
		/* display: none; */
		margin-left: 250px;
	}
@media screen and (max-width: 667px){
	/* .bu_con ul.bussines.clearfix1{
		margin-left: 18px;

	}
	.bu_con ul.bussines.clearfix2{
		margin-left: 18px;
	} */
	.bu_con li.pc1{
		/* display: none; */
		margin-left: 0px;
	}
	.bu_con li.pc2{
		/* display: none; */
		margin-left: 0px;
	}
}
/* =========================================================
		recruit
========================================================= */

.re_con1{
	    min-width: 960px;
    background-image: url(../img/re_back.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    background-repeat: no-repeat !important;
    z-index: 0;
}


.re_con1 .re_con1in{
	width: 960px;
margin: 0 auto 0;
padding: 60px 0 75px;



}


.re_con1in h3{
	font-size: 24px;
	color: #0068b7;
	text-align: center;
	margin-bottom: 25px;
	letter-spacing: 2px;



}

.re_con1in .recopy1{
	text-align: center;

	margin-bottom: 0;
	line-height: 1.9;
}



.re_con2{
	width: 960px;
margin: 0 auto 0;
padding: 80px 0 0;



}

.re_con2 .repoint1{
	margin-bottom: 60px;



}

.re_con2 .repoint_l{

	float: left;




}


.re_con2 .repoint_l img{
	width: 425px;




}

.re_con2 .repoint_r{

	float: left;
	width: 535px;




}


.re_con2 .repoint_r dl{
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 1px solid #0068b7;

}


.re_con2 .repoint_r dd{
	float: left;
	font-size: 21px;
	font-weight: bold;
	padding-left: 50px;
	padding-right: 5px;

}


.re_con2 .repoint_r dt, .re_con2 .repoint_l2 dt{
	float: left;
	width: 55px;


}
.re_con2  dt img{

	width: 100%;


}

.re_con2 .repoint_r p{

	padding-left: 50px;
	line-height: 1.8;

	font-weight: 300;
}





.re_con2 .repoint_l2{

	float: left;
	width: 535px;



}



.re_con2 .repoint_r2{

	float: right;
	width: 425px;




}


.re_con2 .repoint_r2 img{

	width: 100%;




}




.re_con2 .repoint_l2 dl{
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 1px solid #0068b7;

}


.re_con2 .repoint_l2 dd{
	float: left;
	font-size: 21px;
	font-weight: bold;
	padding-right: 5px;


}

.re_con2 .repoint_l2 p{
	width: 480px;


	line-height: 1.8;
	font-weight: 300;

}

.re_con3{

	background-image: url(../img/re_message.jpg);
	width: 960px;
	height: 358px;
	margin: 0 auto 60px;



}



.re_con3 h4{
	font-size: 26px;
	padding: 45px 0 15px 45px;
	color: #0068b7;


}


.re_con3 p{

	padding: 0 0 0 45px;
	line-height: 1.9;

	font-weight: 300;

}




.re_con4{


	width: 960px;

	margin: 0 auto 65px;



}


.re_con4 h4{
	font-weight: 300;
	font-size: 27px;
	color: #0068b7;
	margin-bottom: 15px;



}


.re_con4 .recruit1{
	border: 1px solid #ccc;



}
.re_con4 .recruit_co1{
	background-color: #e9f8ff;
	padding: 30px 0 0 30px;
	font-size: 16px;
	font-weight: 500;
	width: 270px;



	border-bottom: 1px solid #ccc;
	vertical-align: top;



}


.re_con4 .recruit_co2{

	padding: 20px 0 20px 30px;
	line-height: 1.9;

	width: 640px;
	vertical-align: top;


	border-bottom: 1px solid #ccc;

	font-weight: 300;

}


.re_con4 .recruit_co2 span{
	font-size: 12px;


}




.re_con5{


	width: 960px;

	margin: 0 auto 150px;



}


.re_con5 h4{
	font-weight: 300;
	font-size: 27px;
	color: #0068b7;
	margin-bottom: 25px;



}


.re_con5 li{
	float: left;
	margin-right: 7px;



}

.re_con5 li:last-child{

	margin-right: 0;



}
.re_con5 dl{
	width: 183px;
	height: 155px;
	border: 3px solid #0068b7;
	border-radius: 5px;
	padding: 13px 0;




}

.re_con5 dt{
	width: 88px;

	margin: 0 auto;

}
.re_con5 .re_wayt{
	font-weight: bold;
	font-size: 26px;
	color: #0068b7;
	text-align: center;



}


.re_con5 .re_wayt2{
	font-weight: bold;
	font-size: 37px;
	color: #0068b7;
	text-align: center;
	padding-top: 45px;



}

.re_con5 .re_waycopy{
	font-weight: 300;
	font-size: 14px;
	color: #0068b7;
	text-align: center;
	line-height: 1.4;



}

.re_con5 .re_arrow{
	padding: 70px 0 0 0;




}
.re_con5 dt img{
	width: 100%;



}



.re_contact{
	margin: 55px auto 0;
	text-align: center;




}


.re_contact a{


	background: url(../img/arrow3.png) no-repeat 95% center #ffd802;
    background-size: auto auto;
display: block;
padding: 15px 42px 15px 35px;
text-decoration: none;
text-align: center;
border-radius: 4px;

color: #0068b7;
background-size: 17px;
font-size: 20px;
font-weight: 300;
width: 200px;
margin: 0 auto 0;


}


.re_contact a:hover{

	opacity			: 0.7;
	filter			: alpha(opacity=70);



}


/* =========================================================
		company
========================================================= */

.com_con{
	width: 960px;
margin: 0 auto 0;
padding: 60px 0 105px;



}

.com_con .com_left{
	float: left;



}



.com_con .com_left dl {
    padding-bottom: 35px;
	padding-left: 0px;
    font-size: 15px;
	overflow: hidden;

}


.com_con .com_left dt {
    float: left;
    width: 135px;
    font-weight: bold;

}

.com_con .com_left dd {
    float: left;

   font-size: 14px;
   font-weight: 300;
}


.com_con .com_left .com_text1{
	padding-top: 10px;




}

.com_con .com_right{
	float: right;
	width: 350px;



}


.com_con .map_ad{
	font-size: 12px;
	padding-top: 6px;
	margin-bottom: 25px;
	font-weight: 300;
}

#map1{
	width: 350px;
	height: 350px;



}

#map2{
	width: 350px;
	height: 350px;



}

#map3{
	width: 350px;
	height: 350px;



}

.news_con {
    width: 840px;
    margin: 55px auto 150px;
    text-align: left;
}


.news_con h3 {
    font-size: 26px;
color: #0068b7;
text-align: left;
margin-bottom: 35px;
letter-spacing: 2px;
}

.news_con p {
  text-align: left;
font-weight: 300;
	line-height: 2;
}

/* =========================================================
	certification
========================================================= */

/* レスポンシブ（PC） */
@media screen and (min-width: 1024px){
	.ce_con{
		width: 950px;
		margin: 40px auto 40px;



	}

	.ce_con h3{
		font-size: 24px;
		color: #0068b7;
		text-align: center;
		margin-bottom: 20px;
		letter-spacing: 2px;



	}

	.ce_con h4{
		font-size: 23px;
		color: #000000;
		text-align: left;
		margin-top: 30px;
		margin-bottom: 30px;
		letter-spacing: 2px;
		border-bottom: 3px solid #0068b7;



	}

	.ce_con h2{
		font-size: 18px;
		padding: 10px 10px;
		border-left: 6px solid #0068b7;
		background: #f4f4f4;



	}

	.subhead {
		width: 120px;
		position: relative;
		padding: 5px;
		margin-top: 1%;
		margin-left: 10px;
		background: #0068b7;
		color: #FFFFFF;
		text-align: center;
		border-radius: 5px;
	}

	.subhead2 {
		width: 120px;
		position: relative;
		color: #0068b7;
		text-align: center;
		border-radius: 5px;
		font-weight: 800;
	} 

	.certificationhead{
		width: 8%;
		top: 0;
		left: 0;
		padding: 0 2rem;
		color: #e3f5d8;
		background: #22ac38;
	} 

	.flex {
		display: flex; /*横並び*/
		padding: 10px 0px 0px 0px;
		width: 100%;
	}

	.ce_con .image {
		overflow: hidden;
		position: relative;
		margin-left: auto;

	}

	.flex .text {
		margin: 0 0 0 10px;
		padding: 0;
	}

	.ce_con .text {
		margin-left: 10px;
	}

	.ce_con .text2 {
		padding: 15px 0px ;
		margin-left: 10px;
	}
}

/* レスポンシブ（タブレット） */
@media screen and (min-width: 601px) and (max-width: 1023px){
	.ce_con{
		width: 580px;
		margin: 40px auto 40px;



	}

	.ce_con h3{
		font-size: 24px;
		color: #0068b7;
		text-align: center;
		margin-bottom: 20px;
		letter-spacing: 2px;



	}

	.ce_con h4{
		font-size: 21px;
		color: #000000;
		text-align: left;
		margin-top: 30px;
		margin-bottom: 30px;
		letter-spacing: 2px;
		border-bottom: 3px solid #0068b7;



	}

	.ce_con h2{
		font-size: 18px;
		padding: 10px 10px;
		border-left: 6px solid #0068b7;
		background: #f4f4f4;



	}

	.subhead {
		width: 120px;
		position: relative;
		padding: 5px;
		margin-top: 1%;
		margin-left: 10px;
		background: #0068b7;
		color: #FFFFFF;
		text-align: center;
		border-radius: 5px;
	}

	.subhead2 {
		width: 120px;
		position: relative;
		color: #0068b7;
		text-align: center;
		border-radius: 5px;
		font-weight: 800;
	} 

	.certificationhead{
		width: 8%;
		top: 0;
		left: 0;
		padding: 0 2rem;
		color: #e3f5d8;
		background: #22ac38;
	} 

	.flex {
		display: flex; /*横並び*/
		padding: 10px 0px 0px 0px;
		width: 100%;
	}

	.ce_con .image {
		overflow: hidden;
		position: relative;
		margin-left: auto;

	}

	.flex .text {
		margin: 0 0 0 10px;
		padding: 0;
	}

	.ce_con .text {
		margin-left: 10px;
	}

	.ce_con .text2 {
		padding: 15px 0px ;
		margin-left: 10px;
	}
}

/* レスポンシブ（スマホ） */
@media screen and (min-width: 401px) and (max-width: 600px){
	.ce_con{
		width: 390px;
		margin: 40px auto 40px;



	}

	.ce_con h3{
		font-size: 24px;
		color: #0068b7;
		text-align: center;
		margin-bottom: 20px;
		letter-spacing: 2px;



	}

	.ce_con h4{
		font-size: 20px;
		color: #000000;
		text-align: left;
		margin-top: 30px;
		margin-bottom: 30px;
		letter-spacing: 2px;
		border-bottom: 3px solid #0068b7;



	}

	.ce_con h2{
		font-size: 16px;
		padding: 10px 10px;
		border-left: 6px solid #0068b7;
		background: #f4f4f4;



	}

	.subhead {
		width: 120px;
		position: relative;
		padding: 5px;
		margin-top: 1%;
		margin-left: 10px;
		background: #0068b7;
		color: #FFFFFF;
		text-align: center;
		border-radius: 5px;
	}

	.subhead2 {
		width: 120px;
		position: relative;
		color: #0068b7;
		text-align: center;
		border-radius: 5px;
		font-weight: 800;
	} 

	.certificationhead{
		width: 8%;
		top: 0;
		left: 0;
		padding: 0 2rem;
		color: #e3f5d8;
		background: #22ac38;
	} 

	.flex {
		display: flex; /*横並び*/
		padding: 10px 0px 0px 0px;
		width: 100%;
	}

	.ce_con .image {
		overflow: hidden;
		position: relative;
		margin-left: auto;

	}

	.flex .text {
		margin: 0 0 0 10px;
		padding: 0;
	}

	.ce_con .text {
		margin-left: 10px;
	}

	.ce_con .text2 {
		padding: 15px 0px ;
		margin-left: 10px;
	}
}

/* レスポンシブ（スマホ） */
@media screen and (max-width: 400px){
	.ce_con{
		width: 300px;
		margin: 40px auto 40px;



	}

	.ce_con h3{
		font-size: 24px;
		color: #0068b7;
		text-align: center;
		margin-bottom: 20px;
		letter-spacing: 2px;



	}

	.ce_con h4{
		font-size: 18px;
		color: #000000;
		text-align: left;
		margin-top: 30px;
		margin-bottom: 30px;
		letter-spacing: 2px;
		border-bottom: 3px solid #0068b7;



	}

	.ce_con h2{
		font-size: 16px;
		padding: 10px 10px;
		border-left: 6px solid #0068b7;
		background: #f4f4f4;



	}

	.subhead {
		width: 120px;
		position: relative;
		padding: 5px;
		margin-top: 1%;
		margin-left: 10px;
		background: #0068b7;
		color: #FFFFFF;
		text-align: center;
		border-radius: 5px;
	}

	.subhead2 {
		width: 120px;
		position: relative;
		color: #0068b7;
		text-align: center;
		border-radius: 5px;
		font-weight: 800;
	} 

	.certificationhead{
		width: 8%;
		top: 0;
		left: 0;
		padding: 0 2rem;
		color: #e3f5d8;
		background: #22ac38;
	} 

	.flex {
		display: flex; /*横並び*/
		padding: 10px 0px 0px 0px;
		width: 100%;
	}

	.ce_con .image {
		overflow: hidden;
		position: relative;
		margin-left: auto;

	}

	.flex .text {
		margin: 0 0 0 10px;
		padding: 0;
	}

	.ce_con .text {
		margin-left: 10px;
	}

	.ce_con .text2 {
		padding: 15px 0px ;
		margin-left: 10px;
	}
}

/* =========================================================
	development
========================================================= */

/* レスポンシブ（PC） */
@media screen and (min-width: 1024px){
	.de_con{
		width: 950px;
		margin: 40px auto 40px;
	}

	.de_con .pc { 
		display: block !important; 
		width: 100%;
		height: 100%;
	}
    .de_con .sp { 
		display: none !important; 
		width: 100%;
		height: 100%;
	}

	.de_con h5{
		font-size: 26px;
		font-weight: normal;
		position: relative;
		  padding: 10px 1rem;
		text-align: center;
		margin: 0px 50px 30px 50px;
	}
	h5:before {
		position: absolute;
		bottom: -5px;
		left: calc(50% - 30px);
		width: 60px;
		height: 3px;
		content: '';
		border-radius: 3px;
		background: #929292;
	}

	.de_con .home-image {
		width   : 50%;
		padding : 0px 200px;
	}
	
	.de_con .home-image2 {
		text-align: center;
		margin-top: 40px;
	}
	
	.de_con .home-image2 li{
		display : inline-block;
		width   : 19%;
		
	}
	
	.de_con .home-image3 {
		text-align: center;
	}
	
	.de_con .home-image3 li{
		display : inline-block;
		width   : 40%;
		margin: 10px;
		
	}
	
	.de_con .home-image4 {
		text-align: center;
	}
	
	.de_con .home-image4 li{
		display : inline-block;
		width   : 30%;
		margin: 10px;
		
	}
	
	.developmentResults {
		margin-top: 30px;
		text-align: center;
	}
	
	.developmentResults li{
		display : inline-block;
		width   : 430px;
		height  : 350px;
		margin: 15px;
		border: solid;
		border-width: 2px;
		border-color: #D5D5D5;
		border-radius: 10px;
		background-color: #FFFFFF;
	}

	.developmentResults li:hover{
		transform: scale(1.1);
		transition-duration: 0.5s;
	}
	
	.developmentResults li .title{
		padding: 30px 40px 0px 40px;
		text-align: left;
		width: 300px;
		font-size: 16px;
		font-weight: normal;
		color: #55A9DD;
		
	}

	.de_con h3{
		display:inline-block;
		font-size: 16px;
		color: #000000;
		background-color: #cce6ff;
		border-radius: 50px;
		font-weight: normal;
		text-align: center;
		margin-top: 70px;
		padding: 2px 25px;
		animation: fluffy1 3s ease infinite;
	}
	  
	@keyframes fluffy1 {
		0% { transform:translateX(0) }
  		5% { transform:translateX(0) }
  		10% { transform:translateX(0) }
  		20% { transform:translateX(-15px) }
  		25% { transform:translateX(0) }
  		30% { transform:translateX(-15px) }
  		50% { transform:translateX(0) }
  		100% { transform:translateX(0) }
	}
	
	.developmentResults li .price{
		padding: 10px 40px 5px 40px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.developmentResults li .price::before {
		font-family: FontAwesome;
		content: '\f51e';
		margin-right: 5px;
	}

	.developmentResults li .period{
		padding: 0px 40px 5px 40px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.developmentResults li .period::before {
		font-family: FontAwesome;
		content: '\f133';
		margin-right: 5px;
	}
	
	
	.developmentResults li .detail{
		padding: 5px 40px 10px 40px;
		font-size: 13px;
		font-weight: normal;
		text-align: left;
	}
	
	.developmentResults li .detailTitle{
		padding: 5px 40px 0px 40px;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}
	
	.developmentResults li .firstTag{
		display: inline-block;
		padding: 3px 15px;
		margin: 10px 0px 10px 40px;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background-color: #DEDEDE;
		border: solid;
		border-width: 1px;
		border-color: #929292;
		border-radius: 6px;
	}
	.developmentResults li .tag{
		display: inline-block;
		padding: 3px 15px;
		margin: 10px 0px 10px 3px;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background-color: #DEDEDE;
		border: solid;
		border-width: 1px;
		border-color: #929292;
		border-radius: 6px;
	}
	
	.hashtagArea {
		text-align: left;
	}

	details {
		border: 1px solid #ccc;
	}
	details:not(:last-child) {
		margin-bottom: 20px;
	}
	
	details summary {
		list-style: none;
		cursor: pointer;
		padding: 20px;
		background: #fff;
		color: #242323;
		font-size: 16px;
		font-weight: normal;
	}
	
	details .subsummary {
		background: #f0f0f0;
		margin: 0px 20px 20px 20px;
		font-weight: normal;
	}
	

	details summary::-webkit-details-marker {
		display: none;
	}


	details summary::before {
		font-family: FontAwesome;
		content: '\51';
		margin-right: 20px;
		color: #55A9DD;
	}

	details[open] summary::before {
		content: '\41';
	}
	  
	details p {
		margin: 0;
		padding: 20px;
	}

	.devtop-box {
		position: relative;
	}
	.devtop-button {
		width: 250px;
		height: 40px;
		color: #000000;
		border: solid;
		border-width: 2px;
		border-color: #00A2FF;
		border-radius: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 15px;
		border-radius: 50px;
		cursor: pointer;
		position: absolute;
		top: 70%;
		left: 57%;
		text-decoration: none;
		font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

	}
}

/* レスポンシブ（タブレット） */
@media screen and (min-width: 601px) and (max-width: 1023px){
	.de_con{
		width: 580px;
		margin: 40px auto 40px;
	}

	.de_con .pc { 
		display: none !important; 
		width: 100%;
		height: 100%;
	}
    .de_con .sp { 
		display: block !important; 
		width: 100%;
		height: 100%;
	}

	.de_con h5{
		font-size: 24px;
		font-weight: normal;
		position: relative;
		  padding: 10px 1rem;
		text-align: center;
		margin: 0px 50px;
	}
	h5:before {
		position: absolute;
		bottom: -5px;
		left: calc(50% - 30px);
		width: 60px;
		height: 3px;
		content: '';
		border-radius: 3px;
		background: #929292;
	}

	.de_con .home-image {
		width   : 50%;
		padding : 0px 200px;
	}
	
	.de_con .home-image2 {
		text-align: center;
	}
	
	.de_con .home-image2 li{
		display : inline-block;
		width   : 45%;
		margin: 30px 5px 5px 5px; 
		
	}
	
	.de_con .home-image3 {
		text-align: center;
	}
	
	.de_con .home-image3 li{
		display : inline-block;
		width   : 40%;
		margin: 10px;
		
	}
	
	.de_con .home-image4 {
		text-align: center;
	}
	
	.de_con .home-image4 li{
		display : inline-block;
		width   : 45%;
		margin: 10px;
		
	}
	
	.developmentResults {
		margin-top: 30px;
		text-align: center;
	}
	
	.developmentResults li{
		display : inline-block;
		width   : 550px;
		height  : 350px;
		margin: 15px;
		border: solid;
		border-width: 2px;
		border-color: #D5D5D5;
		border-radius: 10px;
	}
	
	.developmentResults li .title{
		padding: 30px 40px 0px 40px;
		text-align: left;
		width: 300px;
		font-size: 16px;
		font-weight: normal;
		color: #55A9DD;
		
	}
	
	.developmentResults li .price{
		padding: 10px 40px 5px 40px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.developmentResults li .price::before {
		font-family: FontAwesome;
		content: '\f51e';
		margin-right: 5px;
	}

	.developmentResults li .period{
		padding: 0px 40px 5px 40px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.developmentResults li .period::before {
		font-family: FontAwesome;
		content: '\f133';
		margin-right: 5px;
	}
	
	
	.developmentResults li .detail{
		padding: 5px 40px 10px 40px;
		font-size: 13px;
		font-weight: normal;
		text-align: left;
	}
	
	.developmentResults li .detailTitle{
		padding: 5px 40px 0px 40px;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}
	
	.developmentResults li .firstTag{
		display: inline-block;
		padding: 3px 15px;
		margin: 10px 0px 10px 40px;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background-color: #DEDEDE;
		border: solid;
		border-width: 1px;
		border-color: #929292;
		border-radius: 6px;
	}
	.developmentResults li .tag{
		display: inline-block;
		padding: 3px 15px;
		margin: 10px 0px 10px 3px;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background-color: #DEDEDE;
		border: solid;
		border-width: 1px;
		border-color: #929292;
		border-radius: 6px;
	}
	
	.hashtagArea {
		text-align: left;
	}

	details {
		margin: 30px auto 30px;
		width: 480px;
		border: 1px solid #ccc;
	}
	details:not(:last-child) {
		margin-bottom: 10px;
	}
	
	details summary {
		list-style: none;
		cursor: pointer;
		padding: 20px;
		background: #fff;
		color: #242323;
		font-size: 16px;
		font-weight: normal;
	}
	
	details .subsummary {
		background: #f0f0f0;
		margin: 0px 20px 20px 20px;
		font-weight: normal;
	}
	

	details summary::-webkit-details-marker {
		display: none;
	}


	details summary::before {
		font-family: FontAwesome;
		content: '\f067';
		margin-right: 20px;
		color: #55A9DD;
	}

	details[open] summary::before {
		content: '\f068';
	}
	  
	details p {
		margin: 0;
		padding: 20px;
	}

	.devtop-box {
		position: relative;
	}
	.devtop-button {
		width: 280px;
		height: 50px;
		color: #000000;
		border: solid;
		border-width: 2px;
		border-color: #00A2FF;
		border-radius: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		border-radius: 50px;
		cursor: pointer;
		position: absolute;
		top: 45%;
		left: 25%;
		text-decoration: none;
		font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

	}

	.fadein {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 200ms;
	}
	
	/* 画面内に入った状態 */
	.fadein.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein2 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 400ms;
	}
	
	/* 画面内に入った状態 */
	.fadein2.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein3 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 600ms;
	}
	
	/* 画面内に入った状態 */
	.fadein3.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein4 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 800ms;
	}
	
	/* 画面内に入った状態 */
	.fadein4.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein5 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 1000ms;
	}
	
	/* 画面内に入った状態 */
	.fadein5.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}

	.fadein-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 200ms;
	}
	
	/* 画面内に入った状態 */
	.fadein-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein2-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 400ms;
	}
	
	/* 画面内に入った状態 */
	.fadein2-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein3-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 600ms;
	}
	
	/* 画面内に入った状態 */
	.fadein3-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
}

/* レスポンシブ（スマホ） */
@media screen and (min-width: 401px) and (max-width: 600px){
	.de_con{
		width: 400px;
		margin: 40px auto 40px;
	}

	.de_con .pc { 
		display: none !important; 
		width: 100%;
		height: 100%;
	}
    .de_con .sp { 
		display: block !important; 
		width: 100%;
		height: 100%;
	}

	.de_con h5{
		font-size: 20px;
		font-weight: normal;
		position: relative;
		  padding: 10px 1rem;
		text-align: center;
		margin: 0px 50px;
	}
	h5:before {
		position: absolute;
		bottom: -5px;
		left: calc(50% - 30px);
		width: 60px;
		height: 3px;
		content: '';
		border-radius: 3px;
		background: #929292;
	}

	.de_con .home-image {
		width   : 50%;
		padding : 0px 200px;
	}
	
	.de_con .home-image2 {
		text-align: center;
	}
	
	.de_con .home-image2 li{
		display : inline-block;
		width   : 65%;
		margin-bottom: 15px;
		
	}
	
	.de_con .home-image3 {
		text-align: center;
	}
	
	.de_con .home-image3 li{
		display : inline-block;
		width   : 40%;
		margin: 10px;
		
	}
	
	.de_con .home-image4 {
		text-align: center;
	}
	
	.de_con .home-image4 li{
		display : inline-block;
		width   : 65%;
		margin: 10px;
		
	}
	
	.developmentResults {
		margin-top: 30px;
		text-align: center;
	}
	
	.developmentResults li{
		display : inline-block;
		width   : 340px;
		height  : 400px;
		margin: 15px;
		border: solid;
		border-width: 2px;
		border-color: #D5D5D5;
		border-radius: 10px;
	}
	
	.developmentResults li .title{
		padding: 30px 40px 0px 40px;
		text-align: left;
		width: 300px;
		font-size: 16px;
		font-weight: normal;
		color: #55A9DD;
		
	}
	
	.developmentResults li .price{
		padding: 10px 40px 5px 40px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.developmentResults li .price::before {
		font-family: FontAwesome;
		content: '\f51e';
		margin-right: 5px;
	}

	.developmentResults li .period{
		padding: 0px 40px 5px 40px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.developmentResults li .period::before {
		font-family: FontAwesome;
		content: '\f133';
		margin-right: 5px;
	}
	
	
	.developmentResults li .detail{
		padding: 5px 40px 10px 40px;
		font-size: 13px;
		font-weight: normal;
		text-align: left;
	}
	
	.developmentResults li .detailTitle{
		padding: 5px 40px 0px 40px;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}
	
	.developmentResults li .firstTag{
		display: inline-block;
		padding: 3px 15px;
		margin: 10px 0px 10px 40px;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background-color: #DEDEDE;
		border: solid;
		border-width: 1px;
		border-color: #929292;
		border-radius: 6px;
	}
	.developmentResults li .tag{
		display: inline-block;
		padding: 3px 15px;
		margin: 10px 0px 10px 3px;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background-color: #DEDEDE;
		border: solid;
		border-width: 1px;
		border-color: #929292;
		border-radius: 6px;
	}
	
	.hashtagArea {
		text-align: left;
	}

	details {
		margin: 30px auto 30px;
		width: 340px;
		border: 1px solid #ccc;
	}
	details:not(:last-child) {
		margin-bottom: 10px;
	}
	
	details summary {
		list-style: none;
		cursor: pointer;
		padding: 20px;
		background: #fff;
		color: #242323;
		font-size: 16px;
		font-weight: normal;
	}
	
	details .subsummary {
		background: #f0f0f0;
		margin: 0px 20px 20px 20px;
		font-weight: normal;
	}
	

	details summary::-webkit-details-marker {
		display: none;
	}


	details summary::before {
		font-family: FontAwesome;
		content: '\f067';
		margin-right: 20px;
		color: #55A9DD;
	}

	details[open] summary::before {
		content: '\f068';
	}
	  
	details p {
		margin: 0;
		padding: 20px;
	}

	.devtop-box {
		position: relative;
	}
	.devtop-button {
		width: 240px;
		height: 40px;
		color: #000000;
		border: solid;
		border-width: 2px;
		border-color: #00A2FF;
		border-radius: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		border-radius: 50px;
		cursor: pointer;
		position: absolute;
		top: 45%;
		left: 20%;
		text-decoration: none;
		font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

	}

	.fadein {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 200ms;
	}
	
	/* 画面内に入った状態 */
	.fadein.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein2 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 400ms;
	}
	
	/* 画面内に入った状態 */
	.fadein2.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein3 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 600ms;
	}
	
	/* 画面内に入った状態 */
	.fadein3.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein4 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 800ms;
	}
	
	/* 画面内に入った状態 */
	.fadein4.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein5 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 1000ms;
	}
	
	/* 画面内に入った状態 */
	.fadein5.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}

	.fadein-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 200ms;
	}
	
	/* 画面内に入った状態 */
	.fadein-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein2-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 400ms;
	}
	
	/* 画面内に入った状態 */
	.fadein2-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein3-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 600ms;
	}
	
	/* 画面内に入った状態 */
	.fadein3-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
}

/* レスポンシブ（スマホ） */
@media screen and (max-width: 400px){
	.de_con{
		width: 320px;
		margin: 40px auto 40px;
	}

	.de_con .pc { 
		display: none !important; 
		width: 100%;
		height: 100%;
	}
    .de_con .sp { 
		display: block !important; 
		width: 100%;
		height: 100%;
	}

	.de_con h5{
		font-size: 19px;
		font-weight: normal;
		position: relative;
		padding: 10px 1rem;
		text-align: center;
		margin: 0px 20px;
	}
	h5:before {
		position: absolute;
		bottom: -5px;
		left: calc(50% - 30px);
		width: 60px;
		height: 3px;
		content: '';
		border-radius: 3px;
		background: #929292;
	}

	.de_con .home-image {
		width   : 50%;
		padding : 0px 200px;
	}
	
	.de_con .home-image2 {
		text-align: center;
	}
	
	.de_con .home-image2 li{
		display : inline-block;
		width   : 75%;
		margin-bottom: 5px;
		
	}
	
	.de_con .home-image3 {
		text-align: center;
	}
	
	.de_con .home-image3 li{
		display : inline-block;
		width   : 40%;
		margin: 10px;
		
	}
	
	.de_con .home-image4 {
		text-align: center;
	}
	
	.de_con .home-image4 li{
		display : inline-block;
		width   : 75%;
		margin: 10px;
		
	}
	
	.developmentResults {
		margin-top: 30px;
		text-align: center;
	}
	
	.developmentResults li{
		display : inline-block;
		width   : 90%;
		height  : 440px;
		margin: 15px;
		border: solid;
		border-width: 2px;
		border-color: #D5D5D5;
		border-radius: 10px;
	}
	
	.developmentResults li .title{
		padding: 30px 40px 0px 20px;
		text-align: left;
		width: 300px;
		font-size: 16px;
		font-weight: normal;
		color: #55A9DD;
		
	}
	
	.developmentResults li .price{
		padding: 10px 40px 5px 20px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.developmentResults li .price::before {
		font-family: FontAwesome;
		content: '\f51e';
		margin-right: 5px;
	}

	.developmentResults li .period{
		padding: 0px 40px 5px 20px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.developmentResults li .period::before {
		font-family: FontAwesome;
		content: '\f133';
		margin-right: 5px;
	}
	
	
	.developmentResults li .detail{
		padding: 5px 20px 10px 20px;
		font-size: 13px;
		font-weight: normal;
		text-align: left;
	}
	
	.developmentResults li .detailTitle{
		padding: 5px 40px 0px 20px;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}
	
	.developmentResults li .firstTag{
		display: inline-block;
		padding: 3px 10px;
		margin: 10px 0px 10px 20px;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background-color: #DEDEDE;
		border: solid;
		border-width: 1px;
		border-color: #929292;
		border-radius: 6px;
	}
	.developmentResults li .tag{
		display: inline-block;
		padding: 3px 15px;
		margin: 10px 0px 10px 3px;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background-color: #DEDEDE;
		border: solid;
		border-width: 1px;
		border-color: #929292;
		border-radius: 6px;
	}
	
	.hashtagArea {
		text-align: left;
	}

	details {
		margin: 30px auto 30px;
		width: 310px;
		border: 1px solid #ccc;
	}
	details:not(:last-child) {
		margin-bottom: 10px;
	}
	
	details summary {
		list-style: none;
		cursor: pointer;
		padding: 20px;
		background: #fff;
		color: #242323;
		font-size: 14px;
		font-weight: normal;
	}
	
	details .subsummary {
		background: #f0f0f0;
		margin: 0px 20px 20px 20px;
		font-weight: normal;
	}
	

	details summary::-webkit-details-marker {
		display: none;
	}


	details summary::before {
		font-family: FontAwesome;
		content: '\f067';
		margin-right: 20px;
		color: #55A9DD;
	}

	details[open] summary::before {
		content: '\f068';
	}
	  
	details p {
		margin: 0;
		padding: 20px;
	}

	.devtop-box {
		position: relative;
	}
	.devtop-button {
		width: 240px;
		height: 30px;
		color: #000000;
		border: solid;
		border-width: 2px;
		border-color: #00A2FF;
		border-radius: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		border-radius: 50px;
		cursor: pointer;
		position: absolute;
		top: 45%;
		left: 12%;
		text-decoration: none;
		font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

	}

	.fadein {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 200ms;
	}
	
	/* 画面内に入った状態 */
	.fadein.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein2 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 400ms;
	}
	
	/* 画面内に入った状態 */
	.fadein2.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein3 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 600ms;
	}
	
	/* 画面内に入った状態 */
	.fadein3.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein4 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 800ms;
	}
	
	/* 画面内に入った状態 */
	.fadein4.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein5 {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 1000ms;
	}
	
	/* 画面内に入った状態 */
	.fadein5.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}

	.fadein-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 200ms;
	}
	
	/* 画面内に入った状態 */
	.fadein-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein2-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 400ms;
	}
	
	/* 画面内に入った状態 */
	.fadein2-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
	
	.fadein3-sp {
		opacity : 0;
		transform : translate(0, 100px);
		transition : all 600ms;
	}
	
	/* 画面内に入った状態 */
	.fadein3-sp.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
}

.center {
	text-align: center;
}

.de_con h3{
	display:inline-block;
	font-size: 16px;
	color: #000000;
	background-color: #cce6ff;
	border-radius: 50px;
	font-weight: normal;
	text-align: center;
	margin-top: 70px;
	padding: 2px 25px;
}

.de_con h4{
	font-size: 28px;
	font-weight: normal;
	position: relative;
  	padding: 1.5rem;
	text-align: center;
	margin: 50px;  
}




.de_con h2{
	font-size: 18px;
	padding: 10px 10px;
	border-left: 6px solid #0068b7;
	background: #f4f4f4;



}


.de_con .bucopy1{
	font-size: 16px;
	text-align: center;
	margin: 20px 0px 40px 0px;
}

.de_con .subhead {
	width: 120px;
	position: relative;
	padding: 5px;
	margin-top: 1%;
	margin-left: 10px;
	background: #0068b7;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
}

.de_con .subhead2 {
	width: 120px;
	position: relative;
	color: #0068b7;
	text-align: center;
	border-radius: 5px;
	font-weight: 800;
} 

.certificationhead{
	width: 8%;
  	top: 0;
  	left: 0;
  	padding: 0 2rem;
  	color: #e3f5d8;
  	background: #22ac38;
} 

.flex {
	display: flex; /*横並び*/
	padding: 10px 0px 0px 0px;
	width: 100%;
}

.de_con .image {
	overflow: hidden;
	position: relative;
	margin-left: auto;

}

.flex .text {
	margin: 0 0 0 10px;
	padding: 0;
}

.de_con .text {
	margin-left: 10px;
}

.de_con .text2 {
	padding: 15px 0px ;
	margin-left: 10px;
}


/* =========================================================
	privacy
========================================================= */
@media screen and (max-width:767px) {
	.pr_con{
		max-width: 100%;
	    margin-left:10%;
			margin-right:6%;
	}
	.pr_con h3{
		font-size: 16px!important;
		color: #0068b7!important;
		text-align: center!important;
		margin-bottom: 10px!important;
		letter-spacing: 2px!important;
		margin-top:40px!important;
}
.pr_con p.kakko{
		padding-left:30px!important;
		text-indent:-3em!important;
}
.pr_con p.abc{
	padding-left:27px!important;
	text-indent:-2em!important;
}
.pr_con p.maru{
	padding-left:13px!important;
	text-indent:-1em!important;
}
.pr_con p.kakko2{
	/* padding-left:40px!important; */
	/* text-indent:-1em!important; */
}
.kouhyoubun li{
list-style-type:disc!important;
margin-left:6%!important;

}
.pr_con p.sentence{
	padding-left:3px!important;
	text-indent:0em!important;

}
.pr_con p.midashi{
	font-size: 12px;
}
.pr_con br.pc{
	display: none;
}


.pr_con p.housin1{
	padding-left:-30px!important;
	text-indent:-2em!important;
}
.pr_con p.housin2{
	padding-left:-30px!important;
	text-indent:0em!important;
}
.main_fv2 .main_pr {
		background: url(../img/pr_main.jpg) no-repeat center #0068b7;
		height:100px!important;
}
.pr_con div.table{
	vertical-align: middle;
}
.pr_con span.space1{
	margin-left: 10px;
}
.pr_con span.space{
	margin-left: 10px;
}
}
@media screen and (min-width:768px) {
	.pr_con{
		max-width: 100%;
	  margin-left:20%;
		margin-right: 20%;
	}
	.pr_con h3{
		font-size: 24px!important;
		color: #0068b7!important;
		text-align: center!important;
		margin-bottom: 50px!important;
		margin-top:40px!important;
		letter-spacing: 2px!important;
	}
	.pr_con p.kakko {
		padding-left:60px!important;
		text-indent:-3em!important;
}
.pr_con p.abc{
	padding-left:85px!important;
	text-indent:-2em!important;
}
.pr_con p.maru{
	padding-left:100px!important;
	text-indent:-1em!important;
}
.pr_con p.kakko2{
	padding-left:110px!important;

}
.kouhyoubun li{
list-style-type:disc!important;
margin-left:150px!important;

}
.pr_con p.sentence{
	padding-left:60px!important;
	text-indent:0em!important;

}
.pr_con p.midashi{
	font-size: 18px;

}
.pr_con br.smartphone{
	display: none;
}
.pr_con div.table{
	margin-left:60px;
}
.pr_con span.space{
	margin-left: 10px;
}
.pr_con p.housin1{
	padding-left:-30px!important;
	text-indent:-2em!important;
}
.pr_con p.housin2{
	padding-left:-30px!important;
	text-indent:0em!important;
}
.main_fv2 .main_pr {
    background: url(../img/all_main.png) no-repeat center #0068b7;
    height: 50px;
}
}

/* swiper css --------------------------------------------------*/
/* パソコン 1500px~ */
@media screen and (min-width:1500px) {
    .swiper-container {
        width: 1300px;
		padding: 82px 0 0 0 !important;
	}

    .pc-slide-button1 {
        position: relative;
    }
      
    .pc-slide-button1 .left {
        position: absolute;
        color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 73%;
        left: 13%;
        text-decoration: none;
        text-align: center;
        width: 8%;
    }

    .pc-slide-button1 .right {
        position: absolute;
        color: white;
        background-color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 73%;
        left: 30%;
        text-decoration: none;
        text-align: center;
        width: 8%;
    }

    .pc-slide-button2 {
        position: relative;
    }
      
    .pc-slide-button2 .left {
        position: absolute;
        color: #004D80;
        border: 2px solid;
        border-color: #004D80;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 64%;
        left: 55%;
        text-decoration: none;
        text-align: center;
        width: 8%;
    }

    .pc-slide-button2 .right {
        position: absolute;
        color: white;
        background-color: #004D80;
        border: 2px solid;
        border-color: #004D80;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 64%;
        left: 72%;
        text-decoration: none;
        text-align: center;
        width: 8%;
    }

    .pc-slide-button3 {
        position: relative;
    }
      
    .pc-slide-button3 .left {
        position: absolute;
        color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 71%;
        left: 53%;
        text-decoration: none;
        text-align: center;
        width: 8%;
    }

    .pc-slide-button3 .right {
        position: absolute;
        color: white;
        background-color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 71%;
        left: 70%;
        text-decoration: none;
        text-align: center;
        width: 8%;
    }

    .pc-slide-button4 {
        position: relative;
    }
      
    .pc-slide-button4 .left {
        position: absolute;
        color: white;
        border: 2px solid;
        background-color: #0B68B7;
        border-color: #0B68B7;
        padding: 0.8% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 50%;
        left: 57%;
        text-decoration: none;
        text-align: center;
        width: 13%;
    }

    .pc { 
		display: block !important; 
		width: 100%;
		height: 100%;
	}
    .sp { 
		display: none !important; 
		width: 100%;
		height: 100%;
	}

	.swiper-button-prev {
		margin-top: 3%;
		margin-left: 12%;
		opacity: 0.6;
	}

	.swiper-button-next {
		margin-top: 3%;
		margin-right: 12%;
		opacity: 0.6;
	}
	
	.homeMenu {
		text-align: center;
		padding: 30px 240px;
	}

	.homeMenu1 li{
		display : inline-block;
		padding: 10px;
        width   : 230px;
    }
	
}

/* パソコン 1024px~ */
@media screen and (min-width:1024px) and (max-width:1499px){
    .swiper-container {
        width: 90%;
        padding: 82px 0 0 0 !important;
    }

    .pc-slide-button1 {
        position: relative;
    }
      
    .pc-slide-button1 .left {
        position: absolute;
        color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 1.9%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 60%;
        top: 73%;
        left: 13%;
        text-decoration: none;
        text-align: center;
        width: 11%;
    }

    .pc-slide-button1 .right {
        position: absolute;
        color: white;
        background-color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 60%;
        top: 73%;
        left: 30%;
        text-decoration: none;
        text-align: center;
        width: 9%;
    }

    .pc-slide-button2 {
        position: relative;
    }
      
    .pc-slide-button2 .left {
        position: absolute;
        color: #004D80;
        border: 2px solid;
        border-color: #004D80;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 60%;
        top: 64%;
        left: 55%;
        text-decoration: none;
        text-align: center;
        width: 9%;
    }

    .pc-slide-button2 .right {
        position: absolute;
        color: white;
        background-color: #004D80;
        border: 2px solid;
        border-color: #004D80;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 60%;
        top: 64%;
        left: 72%;
        text-decoration: none;
        text-align: center;
        width: 9%;
    }

    .pc-slide-button3 {
        position: relative;
    }
      
    .pc-slide-button3 .left {
        position: absolute;
        color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 1.9%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 60%;
        top: 68%;
        left: 53%;
        text-decoration: none;
        text-align: center;
        width: 11%;
    }

    .pc-slide-button3 .right {
        position: absolute;
        color: white;
        background-color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 60%;
        top: 68%;
        left: 70%;
        text-decoration: none;
        text-align: center;
        width: 9%;
    }

    .pc-slide-button4 {
        position: relative;
    }
      
    .pc-slide-button4 .left {
        position: absolute;
        color: white;
        border: 2px solid;
        background-color: #0B68B7;
        border-color: #0B68B7;
        padding: 0.8% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 60%;
        top: 50%;
        left: 57%;
        text-decoration: none;
        text-align: center;
        width: 15%;
    }

    .pc { 
		display: block !important; 
		width: 100%;
		height: 100%;
	}
    .sp { 
		display: none !important; 
		width: 100%;
		height: 100%;
	}

	.swiper-button-prev {
		margin-top: 3%;
		margin-left: 12%;
		opacity: 0.6;
	}

	.swiper-button-next {
		margin-top: 3%;
		margin-right: 12%;
		opacity: 0.6;
	}

	.homeMenu {
		padding: 2%;
		text-align: center;
		padding: 1% 14%;
	}

	.homeMenu1 li{
		display : inline-block;
		padding: 1%;
        width   : 22%;
    }
}

/* タブレット 600~1023px */
@media screen and (min-width:600px) and (max-width:1023px) {
    .swiper-container {
        width: 90%;
        padding: 82px 0 0 0 !important;
    }

    .pc-slide-button1 {
        position: relative;
    }
      
    .pc-slide-button1 .left {
        position: absolute;
        color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.4% 0.6%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 10%;
        top: 73%;
        left: 13%;
        text-decoration: none;
        text-align: center;
        width: 15%;
    }

    /* google chromeではフォントサイズが10px以下にならないため要素のフォントサイズ10pxに設定し、
    ブロックごと縮小をかけることで10px以下を実現している。*/
    .pc-slide-button1 .left div{
        transform: scale(0.75); 
    }

    .pc-slide-button1 .right {
        position: absolute;
        color: white;
        background-color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.4% 1.1%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 10%;
        top: 73%;
        left: 31%;
        text-decoration: none;
        text-align: center;
        width: 14%;
    }

    .pc-slide-button1 .right div{
        transform: scale(0.75); 
    }

    .pc-slide-button2 {
        position: relative;
    }
      
    .pc-slide-button2 .left {
        position: absolute;
        color: #004D80;
        border: 2px solid;
        border-color: #004D80;
        padding: 0.4% 1.1%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 10%;
        top: 60%;
        left: 51%;
        text-decoration: none;
        text-align: center;
        width: 14%;
    }

    .pc-slide-button2 .left div{
        transform: scale(0.75); 
    }

    .pc-slide-button2 .right {
        position: absolute;
        color: white;
        background-color: #004D80;
        border: 2px solid;
        border-color: #004D80;
        padding: 0.4% 1.1%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 10%;
        top: 60%;
        left: 71%;
        text-decoration: none;
        text-align: center;
        width: 14%;
    }

    .pc-slide-button2 .right div{
        transform: scale(0.75); 
    }

    .pc-slide-button3 {
        position: relative;
    }
      
    .pc-slide-button3 .left {
        position: absolute;
        color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.4% 0.6%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 10%;
        top: 66%;
        left: 51%;
        text-decoration: none;
        text-align: center;
        width: 15%;
    }

    .pc-slide-button3 .left div{
        transform: scale(0.75); 
    }

    .pc-slide-button3 .right {
        position: absolute;
        color: white;
        background-color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.4% 1.1%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 10%;
        top: 66%;
        left: 71%;
        text-decoration: none;
        text-align: center;
        width: 14%;
    }

    .pc-slide-button3 .right div{
        transform: scale(0.75); 
    }

    .pc-slide-button4 {
        position: relative;
    }
      
    .pc-slide-button4 .left {
        position: absolute;
        color: white;
        border: 2px solid;
        background-color: #0B68B7;
        border-color: #0B68B7;
        padding: 0.4% 2.6%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 10px;
        top: 50%;
        left: 50%;
        text-decoration: none;
        text-align: center;
        width: 25%;
    }

    .pc-slide-button4 .left div{
        transform: scale(0.75); 
    }

    .pc { 
		display: block !important; 
		width: 100%;
		height: 100%;
	}
    .sp { 
		display: none !important; 
		width: 100%;
		height: 100%;
	}

	.swiper-button-prev {
		margin-top: 3%;
		margin-left: 8%;
		opacity: 0.6;
	}

	.swiper-button-next {
		margin-top: 3%;
		margin-right: 8%;
		opacity: 0.6;
	}

	.homeMenu {
		padding: 2%;
		text-align: center;
		padding: 1% 11%;
	}

	.homeMenu1 li{
		display : inline-block;
		padding: 1%;
        width   : 22%;
    }
}

/* スマホ ~599px */
@media screen and (min-width:320px) and (max-width:599px) {
    .swiper-container {
        width: 100%;
        padding: 82px 0 0 0 !important;
    }

    .pc-slide-button1 {
        position: relative;
    }
      
    .pc-slide-button1 .left {
        position: absolute;
        color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 77%;
        left: 13%;
        text-decoration: none;
        text-align: center;
        width: 25%;
    }

    .pc-slide-button1 .right {
        position: absolute;
        color: white;
        background-color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 77%;
        left: 55%;
        text-decoration: none;
        text-align: center;
        width: 25%;
    }

    .pc-slide-button2 {
        position: relative;
    }
      
    .pc-slide-button2 .left {
        position: absolute;
        color: white;
        border: 2px solid;
        border-color: white;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 78%;
        left: 13%;
        text-decoration: none;
        text-align: center;
        width: 25%;
    }

    .pc-slide-button2 .right {
        position: absolute;
        color: white;
        border: 2px solid;
        border-color: white;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 78%;
        left: 55%;
        text-decoration: none;
        text-align: center;
        width: 25%;
    }

    .pc-slide-button3 {
        position: relative;
    }
      
    .pc-slide-button3 .left {
        position: absolute;
        color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 78%;
        left: 13%;
        text-decoration: none;
        text-align: center;
        width: 25%;
    }

    .pc-slide-button3 .right {
        position: absolute;
        color: white;
        background-color: #5661E8;
        border: 2px solid;
        border-color: #5661E8;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 78%;
        left: 55%;
        text-decoration: none;
        text-align: center;
        width: 25%;
    }

    .pc-slide-button4 {
        position: relative;
    }
      
    .pc-slide-button4 .left {
        position: absolute;
        color: white;
        border: 2px solid;
        background-color: #0B68B7;
        border-color: #0B68B7;
        padding: 0.6% 2.8%;
        border-radius: 7px;
        font-weight: 600;
        font-size: 70%;
        top: 86%;
        left: 62%;
        text-decoration: none;
        text-align: center;
        width: 29%;
    }

    .pc { 
		display: none !important; 
		width: 100%;
		height: 100%;
	}
    .sp { 
		display: block !important; 
		width: 100%;
		height: 100%;
	}

	.swiper-button-prev {
		margin-top: 5%;
		opacity: 0.4;
	}

	.swiper-button-next {
		margin-top: 5%;
		opacity: 0.4;
	}

	.homeMenu {
		padding-top: 6%;
		text-align: center;
	}
	.homeMenu1 li{
		margin: 5% 10%;
    }
	
}

.swiper-slide {
	opacity: 0.4; /* 透明度 */
    overflow: hidden;
}

.swiper-slide-active {
    opacity: 1;
    z-index: 1;
}