@charset "utf-8";
html{
    font-size: 62.5%;/* 10px*/
}
body {
	background-color: #FFF;
	margin:0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
    font-size: 1.6rem;/* 16px*/
	font-style: normal;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
    -webkit-text-size-adjust: 100%;
    color: #333;
}
.mb10 {margin-bottom: 8px !important;}
.mb20 {margin-bottom: 16px !important;}
.mb30 {margin-bottom: 24px !important;}
.mb40 {margin-bottom: 32px !important;}
.mb50 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 48px !important;}
.mb70 {margin-bottom: 56px !important;}
.mb80 {margin-bottom: 64px !important;}
.mt10 {margin-top: 8px !important;}
.mt20 {margin-top: 16px !important;}
.mt30 {margin-top: 24px !important;}
.mt40 {margin-top: 32px !important;}
.mt50 {margin-top: 40px !important;}
.mt60 {margin-top: 48px !important;}
.mt70 {margin-top: 56px !important;}
.mt80 {margin-top: 64px !important;}
}

a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

a{text-decoration: none; color: #333;}

hr {border: solid  #EEE;border-width: 1px 0 0 0;}

.left {float: left;}
.right {float: right;}
sup{
	font-size: 10px;
	vertical-align: top;
	position: relative;
	top: -0.3em;
}
.sup_{
	font-size: 10px;
	vertical-align: top;
	position: relative;
	top: 0.3em;
	color: #333 !important;
}
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.small{font-size: 11px; color: #999;}
.sml{font-size: 12px !important;}

hr{margin: 60px 0;}
.bnone{border: none !important;}
footer a{text-decoration: none;}


/* --------------------------------------------------
  header
--------------------------------------------------*/
.header{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.header .logo{
	padding: 40px;
	width: 10%;
}
.header .logo img{
	height: 100px;
	width: auto;
}
.header .gnav {
	padding: 60px;
}
.header .gnav ul{
	background-color: rgb(255 255 255 / 80%);
	padding: 10px 10px 10px 30px;
	border-radius: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.header .gnav ul li{
	padding:0 0 0 10px ;
}

.header .gnav ul a{
	display: block;
	padding: 10px ;
	font-weight: bold;
}
.header .gnav ul a.pagelink{
	padding: 15px 15px 15px 0;
	display: block;
}
.header .gnav ul a.pagelink:hover{
	color: #319FC8;
	transition: 800ms;
}
.header .gnav ul a.btn{
	padding: 15px 0 15px;
	display: block;
	background: #319FC8;
	border:solid 1px #fff;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
	width: 160px;
	text-align: center;
	transition: 800ms;
}
.header .gnav ul a.btn:hover{
	padding: 15px 0;
	display: block;
	background: #fff;
	border:solid 1px #319FC8;
	border-radius: 30px;
	color: #319FC8;
	font-size: 18px;
	width: 160px;
	text-align: center;
}



.header .header__heading{
	display: none;
}
.drawer-menu{
	display: none;
}

@media screen and (max-width: 1200px) {
	.header .header__heading{
		display: inherit;
	}
	.drawer-menu{
		display: inherit;
	}
	.header .logo img{
		height: 100px;
		width: auto;
	}

	.header .gnav {display: none;}

	.header .logo{
		padding:10px 20px;
		width: 10%;
	
	}
	.header .logo img{
		height: 80px;
		width: auto;
	}
	.drawer-menu{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.drawer-menu li.logo_c{
		width:100%; 
		font-size: 16px;
		text-align: center;
		padding: 16px 24px;
		border-bottom: #CBE7F1 1px solid;
	}
	.drawer-menu li.logo_c img{
		height: 80px;
		width: auto;
	}
	.drawer-menu li.large span{
		color:#319FC8;
		font-size: 10px;
		font-weight: 700;
		font-style: normal;
		padding-left: 10px;
	}
	.drawer-menu li.large{width:100%; font-size: 16px;}
	.drawer-menu li a{
		padding: 16px;
		display: block;
		position: relative;
		cursor: pointer;
		text-decoration: none;
		color: #333;
		padding: 16px 24px;
		border-bottom: #CBE7F1 1px solid;
	}
	.drawer-menu li a:hover{
		display: block;
		color: #319FC8;
		text-decoration: none;
		cursor: pointer;
		border-bottom: #CBE7F1 1px solid;
	}
	.drawer-menu li.large a i{ 
		font-size: 20px;
		position: absolute;
		right: 12px;
		top:18px;
		color: #319FC8;
	}
	.drawer-menu li.large  a.btn{
		margin: 8px auto 8px;
		padding: 15px 0 15px;
		display: block;
		background: #319FC8;
		border:solid 1px #fff;
		border-radius: 30px;
		color: #fff;
		font-size: 18px;
		width: 240px;
		text-align: center;
		transition: 800ms;
	}
	.drawer-menu li.large  a.btn:hover{
		padding: 15px 0;
		display: block;
		background: #fff;
		border:solid 1px #319FC8;
		border-radius: 30px;
		color: #319FC8;
		font-size: 18px;
		width: 240px;
		text-align: center;
	}


}
/* --------------------------------------------------
  mv_area
--------------------------------------------------*/
.mv_area{
	width: 100%;
	background: url(../img/bg.jpg) center center;
	background-size: cover;
	padding: 100px 0 50px;
}
.mv_area .inner{
	max-width:1380px;
	margin: 0 auto;
	align-items: center;
	position: relative;
}
.mv_area .inner .lead{
	text-align: right;
	padding:80px 80px 0px 0;
}
.mv_area .inner .lead img{
	height: 408px;
	width: auto;
}
.mv_area .inner .main_title{
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.mv_area .inner .main_title h1{
	color: #fff;
	font-size: 88px;
	padding-top: 40px;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
  line-height: 80%;
}
.mv_area .inner .main_title h1 span{
	font-size: 32px;
	display: block;
}

.mv_area .inner .gifu{
	text-align: left;
	padding:0 0 0px 0;
}
.mv_area .inner .gifu img{
	height: auto;
	width: 140px;
}

@media screen and (max-width: 1460px) {
	.mv_area .inner{
		padding: 0px 32px;
	}
}
@media screen and (max-width: 1023px) {
	.mv_area .inner{
		padding: 0px 32px;
	}
	.mv_area .inner .lead{
		text-align: right;
		padding:0 80px 80px 0;
	}
	.mv_area .inner .lead img{
		height: 408px;
		width: auto;
	}
	.mv_area .inner .main_title{
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}
	.mv_area .inner .main_title h1{
		color: #fff;
		font-size: 88px;
		padding-top: 40px;
	  font-family: "Josefin Sans", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 700;
	  font-style: italic;
	  line-height: 80%;
	}
	.mv_area .inner .main_title h1 span{
		font-size: 32px;
		display: block;
	}
	
	.mv_area .inner .gifu{
		text-align: left;
		padding:0 0 0px 0;
	}
	.mv_area .inner .gifu img{
		height: auto;
		width: 140px;
	}
}


@media screen and (max-width: 767px) {
	.mv_area{
		width: 100%;
		padding: 10px 0 30px 0;
		background: url(../img/bg_mvsp.png) center center;
		background-size: cover;
	}
	.mv_area .inner{
		margin: 0 auto;
		flex-direction: column;
		padding: 30px 0;
	}
	.mv_area .inner{
		padding: 0px 16px;
	}
	.mv_area .inner .lead{
		text-align: right;
		padding:80px 20px 0px 0;
	}
	.mv_area .inner .lead img{
		height: 274px;
		width: auto;
	}
	.mv_area .inner .main_title{
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}
	.mv_area .inner .main_title h1{
		color: #fff;
		font-size: 60px;
		margin-bottom: 160px;
	}
	.mv_area .inner .main_title h1 span{
		font-size: 24px;
		display: block;
	}
	
	.mv_area .inner .gifu{
		text-align: left;
		padding:0;
	}
	.mv_area .inner .gifu img{
		height: auto;
		width: 120px;
	}

}

/* --------------------------------------------------
  mission_area
--------------------------------------------------*/
.mission_area{
	padding: 210px 0 ;
	background: #E6F6FC;
	border-bottom: #CBE7F1 1px solid;
}
.mission_area .inner{
	max-width:1280px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.mission_area .title{
	width: 45%;
}

.mission_area .title p{
	font-size: 22px;
}
.mission_area h2{
	font-size: 68px;
	text-align: left;
	color: #333;
	letter-spacing: 4px;
	margin-bottom: 40px;
	line-height: 120%;
}
.mission_area h2 span{
	font-size: 56px;
}

.mission_area ul{
	width: 50%;
}
.mission_area ul li{
	font-size: 18px;
	font-weight: bold;
	border-bottom: #CBE7F1 solid 1px;
	border-top: #fff solid 1px;
	padding:38px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.mission_area ul li span{
	background: url(../img/mission.png) no-repeat;
	background-size: cover;
	padding-top: 3.5px;
	width: 80px;
	line-height: 80px;
	display: inline-block;
	margin-right: 16px;
	text-align: center;
	font-size: 32px;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
}
.mission_area ul li p{
	width: 85%;
	}
.mission_area ul li:first-child{
	border-top:none;
}

@media screen and (max-width: 1200px) {
	.mission_area .inner{
		padding:0 32px;
	}
	.mission_area ul li p{
		width: 78%;
	}
	.mission_area h2{
		font-size: 52px;
	}
	.mission_area h2 span{
		font-size: 48px;
	}

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

	.mission_area{
		padding: 80px 0 ;
		background: #E6F6FC;
		border-bottom: #CBE7F1 1px solid;
	}
	.mission_area .inner{
		flex-direction: column;
		padding:0 30px;
	}
	
	.mission_area .title{
		width: 100%;
	}
	
	.mission_area .title p{
		font-size: 22px;
	}
	.mission_area h2{
		font-size:36px;
		text-align: left;
		color: #333;
		letter-spacing: 4px;
		margin-bottom: 40px;
		line-height: 120%;
	}
	.mission_area h2 span{
		font-size: 36px;
	}
	.mission_area ul{
		width: 100%;
	}
	.mission_area ul li{
		font-size: 18px;
		font-weight: bold;
		border-bottom: #CBE7F1 solid 1px;
		border-top: #fff solid 1px;
		padding:38px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.mission_area ul li p{
		width: 76%;
	}
	.mission_area ul li:first-child{
		border-top:none;
	}
}
@media screen and (max-width: 767px) {
	.mission_area ul li p{
		width: 68%;
	}
}
/* --------------------------------------------------
  business_area
--------------------------------------------------*/
.business_area{
	padding: 210px 0 ;
	background: #E6F6FC;
	overflow: hidden;
	border-bottom: #CBE7F1 1px solid;
}
.business_area .inner{
	max-width:1280px;
	margin: 0 auto;
}
.business_area .inner .business_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.business_area .inner .business_wrap .graph{
	width: 48%;
}
.business_area .inner .business_wrap .graph img{
	width: 100%;
	height: auto;
}
.business_area .inner .business_wrap .txt_box{
	width: 48%;
}
.business_area .inner .business_wrap .txt_box .en_cap{
	  font-family: "Josefin Sans", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 700;
	  font-style: italic;
	  font-size: 36px;
}

.business_area h3{
	font-size: 36px;
	text-align: left;
	margin-bottom: 40px;
	line-height: 120%;
}
.business_area .inner .business_wrap .txt_box p{
	  font-size: 20px;
	  line-height: 180%
}

.business_area hr{
	border-top: #CBE7F1 1px solid;
	border-bottom: 1px #fff solid;
	margin: 80px 0;
}

.business_area h4{
	font-size: 32px;
	text-align: left;
	margin-bottom: 40px;
}

.business_area .inner .devision_wrap{
	display: flex;
	justify-content: space-between;
}
.business_area .owl-carousel {
	 flex: 1;
    margin-right: calc(50% - 50vw);
}
.business_area .owl-carousel .item{
	background: #fff;
	border-radius: 30px;
	height: 450px;
}
.business_area .owl-carousel .item .txt_box{
	padding:20px 30px 30px 30px;

}
.business_area .owl-carousel .item .txt_box h5{
	font-size: 20px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
	.business_area .inner{
		padding: 0 32px;
	}
}
@media only screen and (max-width: 1023px) {
	.business_area{
		padding: 80px 0 ;
	}
	.business_area .inner{
		padding:0 30px;
	}
	.business_area .inner .business_wrap{
		flex-direction: column;
	}
	
	.business_area .inner .business_wrap .graph{
		width: 100%;
		margin-bottom: 30px;
	}
	.business_area .inner .business_wrap .graph img{
		width: 100%;
		height: auto;
	}
	.business_area .inner .business_wrap .txt_box{
		width: 100%;
	}
	.business_area .inner .business_wrap .txt_box .en_cap{
		  font-family: "Josefin Sans", sans-serif;
		  font-optical-sizing: auto;
		  font-weight: 700;
		  font-style: italic;
		  font-size: 28px;
	}
	
	.business_area h3{
		font-size: 32px;
		text-align: left;
		margin-bottom: 30px;
		line-height: 120%;
	}
	.business_area .inner .business_wrap .txt_box p{
		  font-size: 18px;
		  line-height: 180%
	}
	
	.business_area hr{
		border-top: #CBE7F1 1px solid;
		border-bottom: 1px #fff solid;
		margin: 80px 0;
	}
	
	.business_area h4{
		font-size: 24px;
		text-align: left;
		margin-bottom: 40px;
	}
	
	.business_area .inner .devision_wrap{
		display: flex;
		justify-content: space-between;
	}
	.business_area .owl-carousel {
		 flex: 1;
	    margin-right: 0;
	}
	.business_area .owl-carousel .item{
		background: #fff;
		border-radius: 30px;
		min-height:460px;
	}

}
@media screen and (max-width: 767px) {
	
}
/* --------------------------------------------------
  recruit_area
--------------------------------------------------*/
.recruit_area{
	padding: 210px 0 ;
}

.recruit_area .lead_area{
	display: flex;
	justify-content: space-between;
	max-width:1280px;
	margin: 0 auto;
}
.recruit_area .lead_area .lead_inner{
	flex: 1;
    margin-left: calc(50% - 50vw);
    background: url(../img/bg_recruit.png) no-repeat;
    background-size: contain;
    color: #fff;
    padding: 118px 80px;
    margin-bottom: 100px;
    display: flex;
	justify-content: space-between;
	align-items: center;
}
.recruit_area .lead_area .lead_inner .title{width: 20%;}
.recruit_area .lead_area .lead_inner .txt_box{
	width: 58%;
}
.recruit_area .lead_area .lead_inner .txt_box .lead{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
}
.recruit_area .lead_area .lead_inner .txt_box p{
	font-size: 18px;
	line-height: 180%;
}
.recruit_area .lead_area .lead_inner .btn_more{
	width: 15%;
	text-align: center;
}
.recruit_area .lead_area .lead_inner .btn_more a{
	display: block;
	background: #333;
	color: #fff;
	border: solid 2px #fff;
	border-radius: 90px;
	width: 180px;
	line-height: 180px;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: italic;
	font-size: 22px;
	transition: 800ms;
}
.recruit_area .lead_area .lead_inner .btn_more :hover{
	border:solid 2px #fff;
	color: #fff;
	background: #319FC8;
	
}
.recruit_area .inner{
	max-width:1280px;
	margin: 0 auto;
}
.recruit_area .inner .recruit_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.recruit_area .inner .recruit_wrap .recruit_box{
	width: 30%;
}
.recruit_area .inner .recruit_wrap .recruit_box img{
	width: 100%;
	height: auto;
}
.recruit_area .inner .recruit_wrap .recruit_box p{
	font-size: 18px;
	margin-top: 24px;
}
.recruit_area .en_cap{
	  font-family: "Josefin Sans", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 700;
	  font-style: italic;
	  font-size: 36px;
}

.recruit_area h3{
	font-size: 36px;
	text-align: left;
	margin-bottom: 40px;
	line-height: 120%;
}
.business_area .inner .business_wrap .txt_box p{
	  font-size: 20px;
	  line-height: 180%
}

.recruit_area hr{
	border-top: #CBE7F1 1px solid;
	border-bottom: 1px #fff solid;
	margin: 80px 0;
}

.recruit_area h4{
	font-size: 32px;
	text-align: left;
	margin-bottom: 40px;
}

.recruit_area h4 span{
	font-size: 20px;
	margin-left: 20px;
	font-weight: normal;
}
.recruit_area h5{
	font-size: 28px;
	text-align: center;
	margin-bottom: 40px;
}

.recruit_area .fukuri{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.recruit_area .fukuri li{
	width: 24%;
	text-align: center;
	border: solid #CBE7F1 1px;
	border-radius: 30px;
	padding: 10px 0;
	font-weight: bold;
	margin-bottom: 16px;
}

@media screen and (min-width: 1480px) {
	.recruit_area .lead_area .lead_inner{
	    background-size: cover;
	    border-radius: 0 0 40px 0;
	}
}

.recruit_area .lead_area .lead_inner .title{width: 20%;}
@media screen and (max-width: 1200px) {

	.recruit_area .inner{
		padding: 0 32px;
	}


	.recruit_area{
		padding: 80px 0 ;
	}
	
	.recruit_area .lead_area .lead_inner{
	    margin-left:0;
	    background: url(../img/bg_recruitsp.png) no-repeat;
	    background-size: cover;
	    color: #fff;
	    padding: 80px 30px;
	    margin-bottom: 80px;
	    flex-direction: column;
	}
	.recruit_area .lead_area .lead_inner .title{width: 100%;}
	.recruit_area .lead_area .lead_inner .txt_box{
		width: 100%;
		margin-bottom: 30px	;
	}
	.recruit_area .lead_area .lead_inner .txt_box .lead{
		font-size: 22px;
	}
	.recruit_area .lead_area .lead_inner .btn_more{
		width: 100%;
		text-align: center;
	}
	.recruit_area .lead_area .lead_inner .btn_more a{
		border-radius: 70px;
		width: 140px;
		line-height: 140px;
		font-size: 22px;
		margin: 0 auto;
	}
	.recruit_area .lead_area .lead_inner .btn_more :hover{
		border:solid 2px #fff;
		color: #fff;
		background: #319FC8;	
	}
}
@media only screen and (max-width: 1023px) {
	.recruit_area .inner{
		padding: 0 30px;
	}
	.recruit_area .inner .recruit_wrap{
		flex-direction: column;
	}
	.recruit_area .inner .recruit_wrap .recruit_box{
		width: 100%;
		margin-bottom: 40px;
	}
	.recruit_area .inner .recruit_wrap .recruit_box img{
		width: 100%;
		height: auto;
	}
	.recruit_area .inner .recruit_wrap .recruit_box p{
		font-size: 18px;
		margin-top: 24px;
	}
	.recruit_area .en_cap{
		  font-size: 28px;
	}
	
	.recruit_area h3{
		font-size: 32px;
	}
	.business_area .inner .business_wrap .txt_box p{
		  font-size: 20px;
		  line-height: 180%
	}
	
	.recruit_area h4{
		font-size: 24px;
		text-align: left;
		margin-bottom: 40px;
	}
	
	.recruit_area h4 span{
		font-size: 18px;
		margin-left: 0px;
		margin-top: 20px;
		font-weight: normal;
		display: block;
	}
	.recruit_area h5{
		font-size: 24px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.recruit_area .fukuri{
		flex-direction: column;
		}
	.recruit_area .fukuri li{
		width: 100%;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) {
	
}
/* --------------------------------------------------
  customer_area
--------------------------------------------------*/
.customer_area{

}
.customer_area .inner{
	background: #DCF2FA;
	border-radius: 0 60px 60px 0;
	padding: 80px;
	max-width:1280px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	flex: 1;
    margin-left: calc(50% - 50vw);

}
.customer_area .inner .title_area{
	width: 20%;
	background: none;
	padding: 0;
}
.customer_area .inner .customer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 70%;
	background: #fff;
	border-radius: 40px;
	padding: 40px;
}
.customer_area .inner .customer .ph{
	width: 28%;
}
.customer_area .inner .customer .ph img{
	width: 100%;
	height: auto;
}
.customer_area .inner .customer p{
	width: 68%;
	font-size: 18px;
}
.recruit_area .inner .recruit_wrap .recruit_box p{
	font-size: 18px;
	margin-top: 24px;
}
.customer_area .en_cap{
	  font-family: "Josefin Sans", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 700;
	  font-style: italic;
	  font-size: 18px;
}

.customer_area h3{
	font-size: 42px;
	text-align: left;
	margin-bottom: 40px;
	line-height: 120%;
}

@media screen and (max-width: 1200px) {
	.customer_area .inner{
		margin: 0 auto;
		padding:80px 32px;
		background: #DCF2FA;
		border-radius:0;	
	}
	.customer_area .en_cap{
		font-size: 12px;
	}
	.customer_area h3{
		font-size: 32px;
	}
}
@media only screen and (max-width: 1023px) {
	.customer_area{
		padding: 80px 0 ;
	}
	.customer_area .inner{
		margin: 0 auto;
		flex-direction: column;
		padding:80px 32px;
		background: #DCF2FA;
		border-radius:0;	
	}
	.customer_area .inner .title_area{
		width: 100%;
	}
	.customer_area .inner .customer{
		flex-direction: column;
		width: 100%;
		background: #fff;
		border-radius: 30px;
		padding: 0px 0px 40px 0px;
	}
	.customer_area .inner .customer .ph{
		width: 60%;
		text-align: center;
	}
	.customer_area .inner .customer p{
		width: 80%;
		padding: 0px;
	}
	
	.customer_area h3{
		font-size: 30px;
		margin-bottom: 40px;
	}

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

/* --------------------------------------------------
  company
--------------------------------------------------*/
.company_area{
	padding:120px 0 ;
}
.company_area .inner{
	max-width:1280px;
	margin: 0 auto;
}

.company_area .inner .company_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 80px;
}
.company_area .inner .company_wrap .company_box{
	width: 48%;
}
.company_area .inner .company_wrap .company_box img{
	width: 100%;
	height: auto;
}
.company_area .inner .company_box h4{
	font-size: 22px;
	margin-top: 24px;
}
.company_area .inner .company_box p{
	font-size: 18px;
}

.company_area .en_cap{
	  font-family: "Josefin Sans", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 700;
	  font-style: italic;
	  font-size: 36px;
	  margin-bottom: 60px;
}

.company_area h4{
	font-size: 22px;
	text-align: left;
	margin-bottom: 16px;
	line-height: 120%;
}
.company_area table{
	border-top: #CBE7F1 1px solid;
	width: 100%;
}

.company_area th,td{
	border-bottom: #CBE7F1 1px solid;
	padding: 10px 0;
	text-align: left;
}
.company_area th{
	width: 25%;
}
.company_area td{
	width: 75%;
}
@media screen and (max-width: 1200px) {
	.company_area .inner{
		padding: 0 32px;
	}
}
@media only screen and (max-width: 1023px) {
	.company_area{
		padding:80px 0 ;
	}
	.company_area .inner{
		padding: 0 30px;
	}
	
	.company_area .inner .company_wrap{
		flex-direction: column;
		margin-bottom: 80px;
	}
	.company_area .inner .company_wrap .company_box{
		width: 100%;
		margin-bottom: 40px;
	}
	.company_area .inner .company_wrap .company_box img{
		width: 100%;
		height: auto;
	}
	.company_area .inner .company_box h4{
		font-size: 22px;
		margin-top: 24px;
	}

	.company_area .en_cap{
		  font-size: 30px;
		  margin-bottom: 60px;
	}
	
	.company_area h4{
		font-size: 20px;
	}
	.company_area th{
		width: 100%;
		display: block;
	}
	.company_area td{
		width: 100%;
		display: block;
	}

}
/* --------------------------------------------------
  contact
--------------------------------------------------*/
.title_area{
	padding: 240px 0 40px;
	background: #E6F6FC;
}
.title_area .inner{
	max-width:1380px;
	margin: 0 auto;
	text-align: center;
}
.title_area .inner h1{
	font-size: 56px;
}
.title_area .inner .en_cap{
	 font-family: "Josefin Sans", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 700;
	  font-style: italic;
	  font-size: 32px;
	  margin-bottom: 60px;
}
.form_area{
	padding: 0 0 210px 0;
	background: #E6F6FC;
	overflow: hidden;
}
.form_area .inner{
	margin: 0 auto;
	max-width: 800px;
}
.form_area .inner table{
	width: 100%;
	border-top: #CBE7F1 1px solid;
	margin-bottom: 60px;
}
.form_area .inner table td,th{
	padding: 20px 0;
	border-bottom: #CBE7F1 1px solid;
}
.form_area .inner table th{
	text-align: left;
	font-size: 18px;
	width: 36%;
}
.form_area .inner table th span{
	background: #fff;
	border-radius: 20px;
	border:solid 1px #319FC8;
	color: #319FC8;
	font-size: 14px;
	display: inline-block;
	padding: 4px 10px;
	margin-left: 10px;
}
.form_area .inner table td input{
	width: 95%;
	border-radius: 7px;
	border: #CBE7F1 1px solid;
	padding: 10px;
}
.form_area .inner table td textarea{
	width: 95%;
	border-radius: 7px;
	border: #CBE7F1 1px solid;
	padding: 10px;
}
.form_area .inner .btnarea{
	margin-bottom: 80px;
	display: flex;
	justify-content: center;
	text-align: center;
}

.form_area .inner .btnarea .btn{
	padding: 20px 0 ;
	display: block;
	background: #319FC8;
	border:solid 1px #fff;
	border-radius: 60px;
	color: #fff;
	font-size: 18px;
	width: 240px;
	text-align: center;
	transition: 800ms;
	font-weight: bold;
	margin: 0 10px;
}
.form_area .inner .btnarea .btn:hover{
	display: block;
	background: #fff;
	border:solid 1px #319FC8;
	color: #319FC8;
}
@media screen and (max-width: 1200px) {
	.title_area{
		padding: 140px 0 30px;
		background: #E6F6FC;
	}
	.form_area .inner{
		padding: 0 32px;
	}
}
@media only screen and (max-width: 1023px) {
	.title_area{
		padding: 140px 0 10px;
		background: #E6F6FC;
	}
	.form_area .inner{
		padding: 0 32px;
	}
	.title_area .inner h1{
		font-size: 42px;
	}
	.title_area .inner .en_cap{
		  font-size: 24px;
	}
	.form_area .inner table td,th{
		display: block;
	}
	.form_area .inner table th{
		font-size: 16px;
		width: 100%;
	}
	.form_area .inner .btnarea .btn{
		padding: 20px 0 !important;
		display: block;
		background: #319FC8;
		border:solid 1px #fff;
		border-radius: 60px;
		color: #fff;
		font-size: 18px;
		width: 160px;
		text-align: center;
		transition: 800ms;
		font-weight: bold;
		margin: 0 10px;
	}
}
/* --------------------------------------------------
  footer
--------------------------------------------------*/
footer{
	padding: 60px 0 30px;
	background: #319FC8;
}
footer .inner{
	max-width:1480px;
	margin: 0 auto 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
footer .logo{
	padding: 40px;
	width: 10%;
}
footer .logo img{
	height: 100px;
	width: auto;
}
footer .copyright{
	font-size: 14px;
	color: #fff;
	text-align: center;
}
footer .gnav {
	padding: 60px;
}
footer .gnav ul{
	background: none;
	padding:0;
	border-radius: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
footer .gnav ul li{
	padding:0 0 0 10px ;
}

footer .gnav ul a{
	display: block;
	padding: 10px ;
	font-weight: bold;
}
footer .gnav ul a.pagelink{
	padding: 15px 15px 15px 0;
	display: block;
	color: #fff
}
footer .gnav ul a.pagelink:hover{
	color: #fff;
	transition: 800ms;
}
footer .gnav ul a.btn{
	padding: 15px 0 15px;
	display: block;
	background: #fff;
	border:solid 1px #fff;
	border-radius: 30px;
	color: #319FC8;
	font-size: 18px;
	width: 160px;
	text-align: center;
	transition: 800ms;
}
footer .gnav ul a.btn:hover{
	padding: 15px 0;
	display: block;
	background: #DCF2FA;
	border:solid 1px #319FC8;
	border-radius: 30px;
	color: #319FC8;
	font-size: 18px;
	width: 160px;
	text-align: center;
}

@media screen and (max-width: 1200px) {
	footer{
		padding: 32px 0;
		flex-direction: column;
	}
	footer #copyright{
		font-size: 12px;
		padding-right: 0;
		width: 100%;
		text-align: center;
	}
	footer .logo{
		width: 100%;
		padding-left: 0;
		text-align: center;
		margin-bottom: 0px;
	}
	footer .logo img{
		height: 100px;
		width: auto;
	}
	footer .gnav {
		margin: 0 auto;
		padding: 20px 0;
	}
	footer .gnav ul a.pagelink{
		display: none;
	}
	footer .gnav ul .pagelinklist{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	footer .gnav ul{
		flex-direction: column;
	}
	footer .gnav ul a.btn{margin-bottom: 16px; width: 320px;}
}