/*==============================================
  common
==================================================*/

	@media screen and (max-width:1023px) {
	body{
		padding:0px;
		font-size:13px;
		width: 100%;
		min-width:100%;
    	overflow-x: hidden;

		}


.pc_br{
	display:none !important;



	}
.pc_br2{
	display:none !important;



	}
.sp_br{
	display: block;
}

.sp_br1{
	display: block;
}



#arrow {

		bottom: 8%;
		right: 1%;

	}

#arrow img{
	width:35px;


	}

img {
  width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.flex-direction-nav a {
    display: none;
}

@media screen and (min-width:320px) {/*iphone5/SE*/
	.sp_br1{
		display: block;
		width: 23% ;
	}
}
	@media screen and (min-width:375px) {/*iphone6/7/8*/
		.sp_br1{
			display: block;
		  width: 27% ;
		}
	}
	@media screen and (min-width:414px) {/*iphone6/7/8plus*/
		.sp_br1{
			display: block;
		  width: 30% ;
		}
	}
/*==============================================
  common
==================================================*/
.mainmg{

	padding: 51px 0 0 0 !important;


	}
	.maincatch2{
height: inherit;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #FFFFFF;
padding: 8% 0 8%;
letter-spacing: 1px;
margin: 0 0 7%;




	}

.maincatch2 h2 {
   text-align: center;
padding: 6px;
font-size: 1.6em;
margin: 0 auto;

}


/* =========================================================
		Header
========================================================= */







#header{

	position:fixed;
	display: block;
	width: 100%;
	background-color:#FFFFFF;

z-index:999;}


#headerin {
    width: 100%;
    margin: 0 auto 0;
    position: relative;
    top: 0;
}

#headerin h1 {
    padding: 27px 0 11px 25px;
}

#headerin h1 img {
    width: 100px;
}




#headerin .menu{
	float:right;


	}



#header .gnavi {
    width: 100%;
    margin: 0 auto 0;
    border-right: none;
}

#header .gnavi li {
    float: none;
    width: 100% !important;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    border-left: none;
	height: inherit;
line-height: 1.6;


}

#header .gnavi li {

    padding-left: 0px;

}



/*メニュー*/
#headerin .h_btn1 {
    float: none;
}

.menu,
.menu span {
	display: block;
	transition: all .4s;
  vertical-align: middle;
}
.menu {

display: inline-block;
position: fixed;
right: 8px;
top: 7px;
line-height: 1;
width: 42px;
height: 42px;
background: #0068b7;
cursor: pointer;
}
.menu span {
	width: 21px;
height: 2px;
left: 10px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
position: absolute;
background-color: #fff;

}
.menu .top {
    top: 15px;
}
.menu .middle {
    top: 20px;
}
.menu .bottom {
    top: 25px;
}

.menu.active .top{
	-webkit-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
}
.menu.active .middle {
	opacity: 0;
}
.menu.active .bottom {
	-webkit-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}
#header .gnavi li p {
    padding-top: 0px;
    text-align: center;
}

.menu_2 {
    width: 32px;
    margin: 10px 2% 10px 0;
}
.navopen {
    background: #0068b7;
    position: absolute;
    width: 100%;
    top: 56px;
    z-index: 999;
	opacity: 0.95;
}

.navopen li {
    color: #fff;
    border-bottom: solid 1px #3a9ae2;
    text-align: center;
    padding: 0;
    font-size: 106%;
    letter-spacing: 2px;


}

.navopen a {
    display: block;
    padding: 4% 0;
	color:#FFFFFF !important;
	font-size: 13px;
}

.navopen li.close {
    background: #3a9ae2;
    padding: 2% 0 !important;
}

#menulist{
     display: none;
}

#itemlist{
     display: none;
}


#header .gnavi li:nth-child(1) {
    background: none;
}


#header .gnavi li:nth-child(2) {
    background: none;
}

#header .gnavi li:nth-child(3) {
    background: none;
}

#header .gnavi li:nth-child(4) {
   background: none;
}

#header .gnavi li:nth-child(5) {
    background: none;
}

#header .gnavi li:nth-child(6) {
    background: none;
}

#header .gnavi li.contact{
	width: inherit;
padding: 0 0 0 0;
	margin-top: 0;

	}

#header .gnavi li.contact a {
	 background: none;

display: block;
padding: 3% 0;
color: #fff;
text-decoration: none;

text-align: center;
border-radius: 3px;
background-color: #0068b7;
background-size: 15px;
font-size:13px;
}







/* =========================================================
		TOP
========================================================= */

/*----main-------------------*/
.flexslider {
    padding: 55px 0 0 0 !important;
}

.flex-active {
	display: none !important;
}

.flexslider .slides img {
    position: static;
    top: 0;
    left: 0;
    margin-left:0;
	width: 100%;
}


flexslider {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
   height: auto;
position: static;
}
.flexslider {
    margin: 0;
    padding: 0;

    height: auto;
    position: relative;
	padding-top: 51px;
}
.flex-direction-nav {
    height: 0;
}

.main_banner{
	position: static;
	width: 92%;
margin: 3% auto;
	}

.main_banner img {
    width: 100%;
}

@media screen and (min-width: 320px){/*iphone5/SE*/
.flexslider .slides img {
    position: static;
    top: 0;
    left: 0;
    margin-left:0;
		width: 23%;
}
}

@media screen and (min-width: 375px){/*iphone6/7/8*/
.flexslider .slides img {
    position: static;
    top: 0;
    left: 0;
    margin-left:0;
		width: 27%;
}
}
@media screen and (min-width: 414px){/*iphone6/7/8plus*/
.flexslider .slides img {
    position: static;
    top: 0;
    left: 0;
    margin-left:0;
		width: 30%;
}
}



/*----con1-------------------*/

#wrapper{
	margin:0 auto 0;
	width: 100%;

	}




#topcon1{
	background:none;



	}


#topcon1 .topcon1in {
    width: 80%;
    margin: 0 auto 0;
    padding: 10% 0 5%;
}



#topcon1 li{
	float: none;

	margin: 0 auto 8%;



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




}

#topcon1 li dl{
	width: 100%;




}

#topcon1 li dt img{
	width: 100%;




}


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

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

display: block;

	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---------- */

#topcon2{


    background: none;
        background-size: auto auto;
    background-size: cover;
    width: 100%;
    height: inherit;






	}

.topcon2in{
	width:100%;
	margin:0 auto;
	padding:0 0 0;


	}



#topcon2 .recruitcon{
	padding: 3%  6% ;
	width: inherit;
	background-color: #0068b7;
	color: #fff;
	opacity: 0.75;
	line-height: 1.4;






	}



#topcon2 .recruitcon h2{
	font-size: 19px;
	text-align: left;
	padding-bottom: 2%;

	letter-spacing: 3px;


}

#topcon2 .recruitcon .re_copy{
	font-size: 12px;
	padding-bottom: 5px;


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

}


#topcon2 .recruitcon .re_copy p{
	width: 86%;

}





#topcon2 a{

	text-decoration:none;


	}

#topcon2 a:hover .recruitcon{

	text-decoration:none;

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



	}





/* ---newscon-- */



#newscon .newsconin{
	width:90%;
	margin:0 auto;
	padding:8% 0 10%;


	}


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

	padding-bottom:5%;
	letter-spacing: 2px;


	}


#newscon .newsarea{
	padding:0 0 5% 0;
	margin-bottom: 5%;
	border-bottom: 1px dotted #ccc;


	}


#newscon .newsarea .date{
	float: none;
	padding:0 0 3px 0;
	font-size: 12px;
	color: #0068b7;
	width: inherit;



	}

#newscon .newsarea .text{
	float: none;
	width: inherit;
	font-size: 13px;
	}


#newscon .newsarea .arrow1{
	float: none;
	padding-right: 0;
	display: none;


	}

#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 92% 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:14px;
font-weight:200;
width:170px;
	margin: 0 auto 0;

}


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

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


}
























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


#footer1{
	margin-top: 15%;

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


	}

.footerin{
	width:90%;
	margin:0 auto 0;
	padding:0 0 15px;


	}


.footerin .f_left{
	float:none;
	margin-right:0;
	padding-bottom: 3%;


	}

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

	}

.footerin .f_right{
	float:none;
	font-size: 11px;
	}


.footerin .f_left2{
	display: none;

	}



.footerin .f_right2{
	float:none;
	text-align: center;

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

	}



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

.main_fv2{


	padding: 55px 0 0 0 !important;




}


.main_fv2 .main_ph, .main_fv2 .main_bu, .main_fv2 .main_re, .main_fv2 .main_con, .main_fv2 .main_news{


	height: 100px;



}


		.main_fv2 .main_re{


	    background-size: 760px;



}


.main_fv2  h2{
	    width: 84%;
    margin: 0 auto;
    color: #fff;
    font-size: 21px;
    padding-top: 32px;
    font-weight: 500;



}


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

.ph_con{
	width: 100%;
    margin: 6% auto 18%;



}


.ph_con h3{
	font-size: 17px;
	width: 90%;
	margin: 0 auto 7%;
	text-align: left;

	letter-spacing: 1px;



}


.ph_con .rinen1{

padding: 0;

height: 120px;

margin-bottom: 5%;
position: relative;


}


.ph_con .ripic1{

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

	background-size: cover;




}

.ph_con .ripic2{

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

	background-size: cover;

}

.ph_con .ripic3{

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

	background-size: cover;

}

.ph_con .ripic4{

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

	background-size: cover;

}



.ph_con .rinen1 dl{

	padding: 26px 6%;
    width: inherit;
    position: absolute;
    top: 0;
    left: 0;
    height: -webkit-fill-available;

}


.ph_con .rinen1 dt{
	text-align: center;
    width: 45%;
    margin: 0 auto;


}


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


}

.ph_con .rinencon{




	width: 90%;
    margin: 4% auto 10%;



}

.ph_con .rinencon h4{

	font-size: 15px;
	padding-bottom: 2%;



}



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

.bu_con{
	width: 100%;
    margin: 7% auto 18%;



}


.bu_con h3{
	font-size: 16px;
	width: 90%;
	margin: 0 auto 2%;
	text-align: left;
	letter-spacing: 1px;
}



.bu_con .bucopy1{
	text-align: left;

	width: 90%;
	margin: 0 auto 7%;
}




.bu_con .bussines{

	width:90%;
	margin: 0 auto 7%;




}


.bu_con .bussines li{

	float: left;
	margin-right: 6%;
	width: 47%;
	margin-bottom: 6%;




}

.bu_con .bussines li:nth-child(2){
	margin-right: 0;
}
.bu_con .bussines li:nth-child(4){
	margin-right: 0;
}


.bu_con .bussines dl{
	width: 100%;




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




}

.bu_con .bussines dd{
	 font-size: 14px;
	color: #0068b7;
	text-align: center;
	margin-top: 3%;
	line-height: 1.5;



}




.bu_con  .bu_right{
	float: none;



}


.bu_con .bu_left{
	float: none;



}


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



}



.bu_con  .bu_right2{
	width: 100%;
	float: none;



}




.bu_con  .bu_right2 p{
	padding-bottom: 2%;
	line-height: 1.6;


}




.bu_con .bu_left2{
	float: none;
	margin-right: 0;



}


.bu_con .busubpic1{
	width: 100%;



}

.bu_con .bu_sub{
	width: 90%;
	margin: 0 auto 8%;


}
.bu_con .bu_sub h4{
	font-size: 16px;

	margin:4% 0 2%;


}


/* =========================================================
		recruit
========================================================= */

	.re_con1{

    background-image: none;

    background-attachment: inherit;
   min-width: inherit;
}



.re_con1 .re_con1in{
	width: 90%;
margin: 0 auto 0;
padding: 8% 0 10%;



}


.re_con1in h3{
	font-size: 16px;
	color: #0068b7;
	text-align: left;
	margin-bottom: 3%;

	letter-spacing: 1px;



}

.re_con1in .recopy1{
	text-align: left;

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








.re_con2{
	width: 90%;
margin: 0 auto 0;
padding: 0 0 0;



}

.re_con2 .repoint1{
	margin-bottom: 9%;



}

.re_con2 .repoint_l{

	float: none;




}


.re_con2 .repoint_l img{
	width: 100%;




}

.re_con2 .repoint_r{

	float: none;
	width: 100%;




}


.re_con2 .repoint_r dl{
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 1px solid #0068b7;
	margin-top: 4%;

}


.re_con2 .repoint_r dd{
	float: left;
	font-size: 17px;
	font-weight: bold;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1%;

}


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


}


.re_con2 .repoint_r p{

	padding-left: 0;
	line-height: 1.8;


}





.re_con2 .repoint_l2{

	float: none;
	width: 100%;



}



.re_con2 .repoint_r2{

	float: none;
	width: 100%;




}







.re_con2 .repoint_l2 dl{
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 1px solid #0068b7;
	margin-top: 4%;
}


.re_con2 .repoint_l2 dd{
	float: left;
	font-size: 17px;
	font-weight: bold;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1%;


}

.re_con2 .repoint_l2 p{
	width: 100%;


	line-height: 1.8;


}



.re_con3{

	background-image: none;
	width: inherit;
	height: inherit;
	margin: 0 auto 10%;
	background-color: #e5f2ff;



}



.re_con3 h4{
	font-size: 17px;
	padding: 5% 5% 2%;
	color: #0068b7;


}


.re_con3 p{

	padding: 0 5% 7%;
	line-height: 1.8;
	font-size: 13px;



}

.re_con4{


	width: 90%;

	margin: 0 auto 4%;



}


.re_con4 h4{

	font-size: 20px;

	margin-bottom: 3%;



}


.re_con4 .recruit1{
	border: none;



}
.re_con4 .recruit_co1{
	background-color: #e9f8ff;
	padding: 2% 4%;
	font-size: 14px;
	font-weight: 500;
	width: 92%;
	display: block;



	border-bottom: none;
	vertical-align: top;



}


.re_con4 .recruit_co2{
	width: 100%;
	display: block;
	padding: 2% 0 8% 0;
	line-height: 1.7;


	vertical-align: top;


	border-bottom: none;



}


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


}

		.re_margin{
			padding-top: 2%;



		}


.re_con5{


	width:90%;

	margin: 0 auto 18%;



}


.re_con5 h4{
	font-weight: 300;
	font-size: 20px;
	color: #0068b7;
	margin-bottom: 6%;



}


.re_con5 li{
	float: none;
	margin:0 auto;



}

.re_con5 li:last-child{

	margin-right: auto;



}
.re_con5 dl{
	width: 70%;
    height: auto;
    border: 4px solid #0068b7;
    border-radius: 5px;
    padding: 5% 4%;
    margin: 0 auto;




}

.re_con5 dt{
	width: 62%;

	margin: 0 auto;

}
.re_con5 .re_wayt{

	font-size: 20px;




}


.re_con5 .re_wayt2{
	font-weight: bold;
	font-size: 30px;
	color: #0068b7;
	text-align: center;
	padding:12% 0 ;



}

.re_con5 .re_waycopy{

	font-size: 13px;




}

.re_con5 .re_arrow{
	padding: 2% 0 2% 0;
	width: 11%;




}



.re_contact{
	margin: 12% 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: 5% 6% 5% 4%;
text-decoration: none;
text-align: center;
border-radius: 4px;

color: #0068b7;
background-size: 17px;
font-size: 18px;

width: 84%;
margin: 0 auto 0;


}


.re_contact a:hover{

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



}

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

	.com_con{
	width: 100%;
margin: 0 auto 0;
padding: 8% 0 3%;



}

.com_con .com_left{
	float: none;
	width: 90%;
	margin: 0 auto 5%;



}



.com_con .com_left dl {
    padding-bottom: 0;
	padding-left: 0px;
    font-size: 14px;

}


.com_con .com_left dt {
    float: none;
    width: 94%;
	background-color: #eee;
	padding: 2% 3%;

}

.com_con .com_left dd {
    float: none;
	width: 98%;
   font-size: 13px;
	padding: 4% 0 0 2%;

}


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




}

.com_con .com_right{
	float: none;
	width: 100%;



}


.com_con .map_ad{
	font-size: 11px;
	padding-top: 2%;

	width: 90%;
	margin: 0 auto 8%;

}

#map1, #map2 {
    width: 100%;
    height: 230px;
}




.privacy_logo img {
	width: 22%;
	height: auto;
}


.news_con {
    width: 90%;
    margin: 8% auto 17%;
    text-align: left;
}


.news_con h3 {
    font-size: 18px;
color: #0068b7;
text-align: left;
margin-bottom: 6%;
letter-spacing: 1px;
}

.news_con p {
  text-align: left;
font-weight: 300;
	line-height: 1.8;
	font-size: 13px;
}


	}