.kasou_header{
	width:100%;
	height:11rem;
	padding:5.5rem 0 2rem 0;
	border-bottom:1px #103466 solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+37,ffffff+100&0.15+0,0.64+37,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.64) 37%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.64) 37%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.64) 37%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	z-index:10;
	overflow:hidden;
	background: url(../img/kasou_header_bg.png) no-repeat 0 -10rem ;
	background-size:cover;
}
@media (max-width: 1200px) {
.kasou_header{
	width:100%;
	height:11rem;
	padding:5.5rem 0 2rem 0;
	border-bottom:1px #103466 solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+37,ffffff+100&0.15+0,0.64+37,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.64) 37%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.64) 37%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.64) 37%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	z-index:10;
	overflow:hidden;
	background: url(../img/kasou_header_bg.png) no-repeat;
	background-size:cover;
}
}
@media (max-width: 500px) {
.kasou_header{
	width:100%;
	height:11rem;
	padding:5.5rem 0 2rem 0;
	border-bottom:1px #103466 solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+37,ffffff+100&0.15+0,0.64+37,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.64) 37%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.64) 37%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.64) 37%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	z-index:10;
	overflow:hidden;
	background: url(../img/kasou_header_bg.png) no-repeat -15rem 0;
	background-size:cover;
}
}
.kasou_header>.left{

}
.kasou_header_title{
	font-size:3.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#103466;
	text-align:;
	bottom:0;
	text-align:right;
	padding:1rem 2rem 0 0;
}
.kasou_header_title2{
	font-size:2.6rem;
	font-family: "Mplus 1p";
	font-weight:300;
	color:#103466;
	text-align:;
	bottom:0;
	text-align:right;
	padding:1rem 1.5rem 0 0;
}
.kasou_container{
	padding-top:6rem;
	padding-bottom:6rem;
}
@media (max-width: 769px) {
.kasou_container{
	padding-top:4.6rem;
	padding-bottom:2rem;
}
.kasou_header_title2{
	font-size:2rem;
	text-shadow:rgba(255,255,255,1) ;
}
}
.kasou_title_h2{
	text-align:center;
	font-size:1.8rem;
	font-weight:300;
	color:#103466;
	float:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:0.8rem;
}
.kasou_title_h3{
	text-align:center;
	font-size:3.2rem;
	font-family: "Mplus 1p";
	font-weight:300;
	color:#103466;
	margin-bottom:5rem;
}
.kasou_title_h3_2{
	text-align:center;
	font-size:3.2rem;
	font-family: "Mplus 1p";
	font-weight:300;
	color:#103466;
	margin-bottom:5rem;
	border-bottom:1px solid rgba(204,204,204,1);
	padding-bottom:1rem;
}
.kasou_container p{
	font-size:1.6rem;
	line-height:28px;
}
@media (max-width: 769px) {
.kasou_header_title{
	font-size:3.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#103466;
	text-align:;
	bottom:0;
	text-align:right;
	padding:1rem 1.5rem 0 0;
}
.kasou_title_h3{
	text-align:center;
	font-size:2.6rem;
	font-family: "Mplus 1p";
	font-weight:300;
	color:#103466;
	margin-bottom:5rem;
}
.kasou_title_h3_2{
	text-align:center;
	font-size:2.6rem;
	font-family: "Mplus 1p";
	font-weight:300;
	color:#103466;
	margin-bottom:5rem;
	border-bottom:1px solid rgba(204,204,204,1);
	padding-bottom:1rem;
}
.kasou_title_h2{
	text-align:center;
	font-size:1.4rem;
	font-weight:300;
	color:#103466;
	float:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:0.8rem;
}
}
/* ==========================================================================
   パンくず
   ========================================================================== */

.bread{
	margin:0.8rem 0 2.8rem 0;
}
.bread>ul{
	margin:0;
	padding:0;
}
.bread>ul>li{
	margin:0;
	padding:0;
	display:inline;
}
.bread li a:hover{
	text-decoration:none!important;
}
.bread>ul>li:after{
	content: ">" ;
	margin: 0 0.5rem 0 0.5rem;
}
.bread>ul>:last-child:after{
	content: none ;
}
@media (max-width: 600px) {
.bread{
		display:none;
}
}
/* ==========================================================================
   service
   ========================================================================== */
	 
.service_bg{
	background: url(../img/Fotolia_96052626_Subscription_Monthly_M.png) no-repeat 0 -20rem;
	background-size: cover;
	padding:10rem 0 10rem 0;
}
.service_bg2{
	background: url(../img/Fotolia_101771224_S.jpg) no-repeat 0 -20rem;
	background-size: cover;
	padding:10rem 0 10rem 0;
}
/* ==========================================================================
   会社概要　
   ========================================================================== */
.company_table1{
	width: 70%;
	margin: 0 auto 7rem auto;
	font-size: 1.6rem;
}
.company_table1 .line{
	width: 25%;
}
.company_table1 th{
	background: #103466;
	color: rgba(255,255,255,1.00);
	font-weight: normal;
	width: 25%;
	padding: 0.5rem 0.5rem 0.5rem 1rem; 
	border: rgba(255,255,255,1.00) 1px solid;
}
.company_table1 td{
	padding: 0.5rem 0.5rem 0.5rem 1rem; 
	border: rgba(212,212,212,1.00) 1px solid;
}
.company_table1 tr:last-child th {
	border-bottom: rgba(212,212,212,1.00) 1px solid;
}
.h2_kasou_title_enkaku{
	font-size:1.6rem;
	color: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:1rem;
	background:#103466;
	padding:0.8rem 0.4rem 0.8rem;
	width:12rem;
	text-align:center;
}
.enkaku_box{
	border-left:1px solid rgba(204,204,204,1);
	border-bottom:1px solid rgba(204,204,204,1);
	padding:0 0.5rem 1rem 0;
	margin-bottom:4rem;
}
.enkaku_box p{
	margin-left:1.5rem;
}
@media only screen and (max-width: 798px) {
.company_table1{
	width: 100%;
	margin: 0 auto 6rem auto;
}
.company_table1 th{
	width: 100%;
	background: #103466;
	display: block;
	border: none;
}
.company_table1 td{
	width: 100%;
	display: block;
}
}
#company_map{
    width: 100%;
    height: 400px;
		margin: 4rem 0 6rem 0;
		border: rgba(209,209,209,1.00) 1px solid;
}
/***GoogleMap scroll***/
#company_map iframe {
    pointer-events:none;
}

#company_map iframe.clicked {
    pointer-events: auto;
}

.branch_list {
    list-style: none;
    
}

.branch_list h4 {
    font-size: 2.2rem;
    line-height: 3rem;
}
.branch_gmap iframe {
    pointer-events: none;
    height: 445px;
}

.branch_gmap iframe.clicked  {
    pointer-events: auto;
}

@media only screen and (max-width: 1199px) {
    .branch_gmap iframe {
        height: 362px;
    }
}

@media only screen and (max-width: 991px) {
    .branch_gmap iframe {
        height: 330px;
    }
}
.h2_kasou_title3{
	font-size:2.4rem;
	color: #103466;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom:1px solid #103466;
}

.company_box_kasou_left{
	height:40rem;
	background:url(../img/company_img_bg1.jpg) no-repeat;
	background-size:cover;
	position:relative;
	z-index:0;
	padding:0;
	 -moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_left .cover{
	height:40rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0.88) 25%, rgba(16,52,102,0.88) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0.88) 75%, rgba(16,52,102,0.88)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_right{
	height:40rem;
	background:url(../img/Fotolia_101771224_S.jpg) no-repeat;
	background-size:cover;
	z-index:0;
	padding:0;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_right .cover{
	height:40rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0.79) 25%, rgba(255,255,255,0.79) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0.79) 75%, rgba(255,255,255,0.79)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_left h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}
.company_box_kasou_left h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}




.kasou_menu_box:hover > .company_box_kasou_left h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0);
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
	}
.kasou_menu_box:hover > .company_box_kasou_left h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
}
.kasou_menu_box:hover > .company_box_kasou_left{

	
}
.kasou_menu_box:hover > .company_box_kasou_left .cover{
	height:40rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0) 25%, rgba(16,52,102,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0) 75%, rgba(16,52,102,0)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
}



.company_box_kasou_right h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #103466;
	color:#103466;
	font-weight:bold;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_right h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:#103466;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.kasou_menu_box:hover > .company_box_kasou_right .cover{
	height:40rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	}
.kasou_menu_box:hover > .company_box_kasou_right{

}
.kasou_menu_box:hover > .company_box_kasou_right h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(16,52,102,0);
	color:rgba(16,52,102,0.3);
	font-weight:bold;
}
.kasou_menu_box:hover >.company_box_kasou_right h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(16,52,102,0.3);
}
@media (max-width: 768px) {
.service_wrapper{
	margin-bottom:0rem;
}
.company_box_kasou_left{
	height:25rem;
	background:url(../img/company_img_bg1.jpg) no-repeat;
	background-size:cover;
	position:relative;
	z-index:0;
	padding:0;
	 -webkit-transition: .4s ease-in-out;
	 transition: .4s ease-in-out;
}
.company_box_kasou_left .cover{
	height:25rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0.88) 25%, rgba(16,52,102,0.88) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0.88) 75%, rgba(16,52,102,0.88)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_right{
	height:25rem;
	background:url(../img/Fotolia_101771224_S.jpg) no-repeat;
	background-size:cover;
	background-position:0 0;
	z-index:0;
	padding:0;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_right .cover{
	height:25rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0.65) 25%, rgba(255,255,255,0.65) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0.65) 75%, rgba(255,255,255,0.65)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:10.5rem;
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_left h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}
.company_box_kasou_left h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.kasou_menu_box:hover > .company_box_kasou_left h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0);
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
	}
.kasou_menu_box:hover > .company_box_kasou_left h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
}
.kasou_menu_box:hover > .company_box_kasou_left{
 
	
}
.kasou_menu_box:hover > .company_box_kasou_left .cover{
	height:25rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0) 25%, rgba(16,52,102,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0) 75%, rgba(16,52,102,0)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
}
.company_box_kasou_right h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #103466;
	color:#103466;
	font-weight:bold;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.company_box_kasou_right h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:#103466;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.kasou_menu_box:hover > .company_box_kasou_right .cover{
	height:25rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
	}
.kasou_menu_box:hover > .company_box_kasou_right{

}
.kasou_menu_box:hover > .company_box_kasou_right h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(16,52,102,0);
	color:rgba(16,52,102,0.3);
	font-weight:bold;
}
.kasou_menu_box:hover >.company_box_kasou_right h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(16,52,102,0.3);
}
}
/* ==========================================================================
   サービス　
   ========================================================================== */
.service_wrapper{
	margin-bottom:8rem;
}
.service_wrapper a{
	text-decoration:none!important;
	}


.service_box_kasou_above{
	height:4rem;
	z-index:3;
	position:relative;
	border-bottom:1px solid rgba(16,52,102,1);
}
.service_box_kasou_left{
	height:40rem;
	background:url(../img/fotolia_180347632.jpg) no-repeat;
	background-size:cover;
	position:relative;
	z-index:0;
	padding:0;
	 -moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_left .cover{
	height:40rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0.3) 25%, rgba(16,52,102,0.3) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0.3) 75%, rgba(16,52,102,0.3)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_right{
	height:40rem;
	background:url(../img/main_bg_sp.png) no-repeat;
	background-size:100%;
	background-position:0 -10rem;
	z-index:0;
	padding:0;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_right .cover{
	height:40rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0.65) 25%, rgba(255,255,255,0.65) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0.65) 75%, rgba(255,255,255,0.65)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_left h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}
.service_box_kasou_left h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}




.kasou_menu_box:hover > .service_box_kasou_left h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0);
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
	}
.kasou_menu_box:hover > .service_box_kasou_left h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
}
.kasou_menu_box:hover > .service_box_kasou_left{

	
}
.kasou_menu_box:hover > .service_box_kasou_left .cover{
	height:40rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0) 25%, rgba(16,52,102,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0) 75%, rgba(16,52,102,0)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
}



.service_box_kasou_right h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #103466;
	color:#103466;
	font-weight:bold;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_right h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:#103466;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.kasou_menu_box:hover > .service_box_kasou_right .cover{
	height:40rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	}
.kasou_menu_box:hover > .service_box_kasou_right{

}
.kasou_menu_box:hover > .service_box_kasou_right h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(16,52,102,0);
	color:rgba(16,52,102,0.3);
	font-weight:bold;
}
.kasou_menu_box:hover >.service_box_kasou_right h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(16,52,102,0.3);
}
@media (max-width: 768px) {
.service_wrapper{
	margin-bottom:0rem;
}
.service_box_kasou_left{
	height:25rem;
	background:url(../img/fotolia_180347632.jpg) no-repeat;
	background-size:cover;
	position:relative;
	z-index:0;
	padding:0;
	 -webkit-transition: .4s ease-in-out;
	 transition: .4s ease-in-out;
}
.service_box_kasou_left .cover{
	height:25rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0.38) 25%, rgba(16,52,102,0.38) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0.38) 75%, rgba(16,52,102,0.38)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_right{
	height:25rem;
	background:url(../img/main_bg_sp.png) no-repeat;
	background-size:cover;
	background-position:0 0;
	z-index:0;
	padding:0;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_right .cover{
	height:25rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0.65) 25%, rgba(255,255,255,0.65) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0.65) 75%, rgba(255,255,255,0.65)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:10.5rem;
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_left h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}
.service_box_kasou_left h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.kasou_menu_box:hover > .service_box_kasou_left h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0);
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
	}
.kasou_menu_box:hover > .service_box_kasou_left h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
}
.kasou_menu_box:hover > .service_box_kasou_left{
 
	
}
.kasou_menu_box:hover > .service_box_kasou_left .cover{
	height:25rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0) 25%, rgba(16,52,102,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0) 75%, rgba(16,52,102,0)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
}
.service_box_kasou_right h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #103466;
	color:#103466;
	font-weight:bold;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service_box_kasou_right h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:#103466;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.kasou_menu_box:hover > .service_box_kasou_right .cover{
	height:25rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
	}
.kasou_menu_box:hover > .service_box_kasou_right{

}
.kasou_menu_box:hover > .service_box_kasou_right h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(16,52,102,0);
	color:rgba(16,52,102,0.3);
	font-weight:bold;
}
.kasou_menu_box:hover >.service_box_kasou_right h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(16,52,102,0.3);
}
}
/* ==========================================================================
   スパイラルネットの特長
   ========================================================================== */
.advantage_bg{
	background:url(../img/advantage_bg.png) no-repeat center center;
	height:60rem;
	width:100%;
	background-size:cover;
	padding:9% 0 0 4rem;
}
.advantage_title{
	text-align: center;
  font-size: 3.4rem;
  font-family: "Mplus 1p";
  font-weight: 300;
  color: #ffffff;
	margin:2rem 0 5rem 2rem;
	text-align:left;	
}
.advantage_bg2{
	background:url(../img/advantage_bg2.png) no-repeat;
	background-size:cover;
	height:60rem;
	width:100%;
	padding:13% 4rem 0 0;
}
.advantage_bg3{
	background:url(../img/Fotolia_22476404_S.png) no-repeat;
	background-size:cover;
	height:70rem;
	width:100%;
	padding-top:5rem;
}
.circle_title{
	font-family:'Roboto', sans-serif;
	font-size:5.2rem;
	color:rgba(255,255,255,1);
	margin-top:25rem;
	margin-left:60%;
	text-shadow:#103466 1px 2px; 
	z-index:1;
	position:relative;
}
.circle_img{
	max-width:58.9rem;
	max-height:60rem;
	float:left;
	z-index:1;
	position:relative;
	margin-left:2%;
}
.circle_title2{
	display:none;
}
.blur_cover{
	width:100%;
	height:70rem;
	margin-top:-5rem;
	position:absolute;
	background-image: linear-gradient( -45deg, rgba(255,255,255,0) 25%, rgba(16,52,102,0.88) 25%, rgba(16,52,102,0.88) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, rgba(16,52,102,0.88) 75%, rgba(16,52,102,0.88) );
	background-size: 4px 4px;
	z-index:0;
}
@media (max-width: 1179px) {
.advantage_bg3{
	height:72rem;
}
.circle_title{
	display:none;
}
.circle_title2{
	display:block;
	font-family:'Roboto', sans-serif;
	font-size:3.2rem;
	color:rgba(255,255,255,1);
	text-shadow:#103466 1px 2px;
	text-align:center;
	margin-bottom:2rem;
	z-index:1;
	position:relative;
}
.circle_img{
	max-width:58.9rem;
	max-height:60rem;
	float:unset;
	margin:auto;
}
.blur_cover{
	width:100%;
	height:72rem;
	margin-top:-5rem;
	position:absolute;
	background-image: linear-gradient( -45deg, rgba(255,255,255,0) 25%, rgba(16,52,102,0.88) 25%, rgba(16,52,102,0.88) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, rgba(16,52,102,0.88) 75%, rgba(16,52,102,0.88) );
	background-size: 4px 4px;
	z-index:0;
}
}
@media (max-width: 530px) {
.advantage_bg3{
	height:60rem;
}
.circle_title{
	display:none;
}
.circle_title2{
	font-size:2.6rem;
	z-index:1;
	position:relative;
}
.blur_cover{
	height:60rem;
}
}
@media (max-width: 414px) {
.advantage_bg3{
	height:55rem;
}
.circle_title{
	display:none;
}
.blur_cover{
	height:55rem;
}
}
@media (max-width: 414px) {
.advantage_bg3{
	height:48rem;
}
.circle_title{
	display:none;
}
.blur_cover{
	height:48rem;
}
}
@media (max-width: 991px) {
.advantage_bg{
	padding:15% 0 0 0;
}
.advantage_bg2{
	padding:25% 0 0 0;
}
}
@media (max-width: 768px) {
.advantage_bg{
	padding:10% 0 0 0;
}
}
@media (max-width: 1200px) {
.advantage_bg2{
	background:url(../img/advantage_bg2.png) no-repeat;
	background-size:cover;
	background-position: -30rem 0 ;
	height:60rem;
	width:100%;
	padding:20% 0 0 0;
}
}
@media (max-width: 991px) {
.advantage_bg2{
	background:url(../img/advantage_bg2.png) no-repeat;
	background-size:cover;
	background-position: -50rem 0 ;
	height:50rem;
	width:100%;
	padding:23% 0 0 0;
}
}
@media (max-width: 767px) {
.advantage_title{
	text-align: center;
  font-size: 2.6rem;
  font-family: "Mplus 1p";
  font-weight: 300;
  color: #ffffff;
	margin:2rem 0 5rem 2rem;
	text-align:left;	
}
.advantage_bg2{
	background:url(../img/advantage_bg2.png) no-repeat;
	background-size:cover;
	background-position: 10rem 0;
	height:45rem;
	width:100%;
	padding:25% 0 0 0;
}
}
/* ==========================================================================
   ビジネスドメイン
   ========================================================================== */
.domein_four_box{
	border:1px solid #103466;
	height:100%;
	width:100%;
}
.domein_four_box ul{
	margin:2rem 2rem  2rem -2rem;
}
.domein_four_box li{
	list-style:none;
	padding-left:1.4em;
	text-indent:-1.4em;
}
.domein_four_box li:before{
	font-family:FontAwesome;
	content:"\f00c";
	color:#103466;
	margin: 0 0.4rem 0.6rem ;
}
.domein_four_box .top{
	background:#103466;
	padding:1.4rem;
	color:rgba(255,255,255,1);
	text-align:center;
}
.domein_four_box_hr{
	background:rgba(255,255,255,1);
	margin:0.6rem 0 0.6rem 0;
}
@media (max-width: 767px) {
.100box{
		width:unset;
	display:flex;
	background:rgba(204,204,204,1);
}
}
.domein_box{
	padding-top:2rem;
	padding-bottom:5rem;
	display: flex;
	margin-top:-15px;
}
.domein_box p{
	margin:2rem;
	
}
.domein_box h4{
	text-align:center;
	color:#fff;

}
.domein_hr{
	width:90%;
	margin-top: 1rem!important;
  margin-bottom: 1rem!important;
	height:1px!important;
	background:rgba(12,85,139,1);
	border:0px;
}
.domein_line{
	border:1px solid #103466;
}
.domein_top{
	background:#103466;
	padding:1rem 2rem 1rem 2rem;
	width:100%;
	color:rgba(255,255,255,1);
	text-align:center;
}
.domein_title{
	text-align:center;
	font-size:2rem!important;
	margin:3rem 2rem 2rem -2rem;
}
.domein_box ul{
	padding:2rem;
}
.domein_box li{
	list-style:none;
	padding-left:1.4em;
	text-indent:-1.4em;
}
.domein_box li:before{
	font-family:FontAwesome;
	content:"\f00c";
	color:#103466;
	margin: 0 0.4rem 0.6rem ;
}
.domein_paddin_top{
	padding-top:8%;
}
@media (max-width: 991px) {
.domein_paddin_top{
	padding-top:0%;
}
}
/* ==========================================================================
   個人情報保護方針　
   ========================================================================== */
.privacy_policy h4{
	margin:5rem 0 2rem;
}
.privacy_policy h5{
	margin:3rem 0 2rem;
	font-size:1.6rem;
}
.privacy_policy dt{
	font-size:1.6rem;
	font-weight:normal;
	margin-bottom:1rem;
	margin-top:2rem;
	padding-left: 1.6em;
	text-indent: -1.6em;
}
.privacy_policy li{
	font-size:1.6rem;
	list-style:none;
}
.privacy_policy .list1 li {
	list-style:outside!important;
}
.privacy_policy ul.list2  li{
	margin-bottom:1rem;
	list-style:none!important;
}
.privacy_policy ul.list3{
	border:1px solid #103466;
	padding:3rem 2rem 3rem 2rem;
	margin:3rem 0 3rem;
}
.privacy_policy .list3 li{
	margin-bottom:1rem;
	margin-left:1rem;
	padding-left: 1em;
	text-indent: -1em;
}
.privacy_policy .list3 li:before{
	content: "\f00c";
  font-family: FontAwesome;
	color:#103466;
}
.list2 ul 	{
position: relative;
margin: 0 0.5rem 0 2rem;
padding:0
}
.list2 ul li  {
list-style: none;
list-style-position:outside!important;
margin:0 0 0 1rem;
padding-left:1.25rem;
}
.list2 ul li span {
position: absolute;
left:0;
margin:0;
padding:0;
}
/* ==========================================================================
   パートナー募集
   ========================================================================== */
.recruiting_bg2{
	background: url(../img/partner_bg.png) no-repeat;	
	background-size:cover;
	background-position: center;
	width:100%;
	padding:20rem 0 20rem 0;
}
.recruiting_title3{
	color:#103466;
	font-size:3rem;
	padding: 0.7rem 0.7rem 0.7rem 0;
	font-weight:100;
	margin:0 0 3rem 0;
	text-align:center;
	line-height:4.6rem;
}
.partner_p{
	text-align:center;
}
@media (max-width: 767px) {
.partner_p{
	text-align:left;
}
}
@media (max-width: 1750px) {
.recruiting_bg2{
	background: url(../img/partner_bg.png) no-repeat;	
	background-size:cover;
	background-position: -40rem 0rem;
	width:100%;
	padding:18rem 0 18rem 0;
}
}
@media (max-width: 1500px) {
.recruiting_bg2{
	background: url(../img/partner_bg.png) no-repeat;	
	background-size:cover;
	background-position: -70rem 0rem;
	width:100%;
	padding:15rem 0 15rem 0;
}
}
@media (max-width: 1250px) {
.recruiting_bg2{
	background: url(../img/partner_bg.png) no-repeat;	
	background-size:cover;
	background-position: -80rem 0rem;
	width:100%;
	padding:15rem 0 15rem 0;
}
}
@media (max-width: 1000px) {
.recruiting_bg2{
	background: url(../img/partner_bg.png) no-repeat;	
	background-size:cover;
	background-position: -60rem 0rem;
	width:100%;
	padding:12rem 0 12rem 0;
}
}
@media (max-width: 800px) {
.recruiting_bg2{
	background: url(../img/partner_bg2.png) no-repeat;	
	background-size:cover;
	background-position: 0rem 0rem;
	width:100%;
	padding:10rem 0 10rem 0;
}
}
@media (max-width: 414px) {
.recruiting_bg2{
	background: url(../img/partner_bg2.png) no-repeat;	
	background-size:cover;
	background-position: 0rem 0rem;
	width:100%;
	padding:8rem 0 8rem 0;
}
.recruiting_title3{
	color:#103466;
	font-size:2rem;
	padding: 0.7rem 0.7rem 0.7rem 0;
	font-weight:100;
	margin:0 0 3rem 0;
	text-align:center;
	line-height:3rem;
}
}

/* ==========================================================================
   ニュース
   ========================================================================== */

.h2_kasou_title2{
	width:100%;
	margin-bottom:2rem;
	font-size:2.4rem;
	color:#103466;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:3.6rem;
	border-bottom:1px solid #103466;
}
.h2_kasou_title2 a{
	text-decoration:none!important;
}
.h2_kasou_title2 a:hover,
.h2_kasou_title2 a:active{
	color:rgba(153,153,153,1);
}
.news_row{
	margin:0 0 8rem 0;
	clear:both;
}
.news_row:last-child{
	margin:0 0 3rem 0;
}
.news_below{
	width:100%;
	margin: 2rem 0 2rem 0;
	overflow:hidden;
}
.btn_before {
	background:#103466;
	width:20rem;
	float:left;
}
.btn_before{
	color:rgba(255,255,255,1)!important;
	text-decoration:none!important;
	border-radius:0px;
}
.btn_before a{
	color:rgba(255,255,255,1)!important;
	text-decoration:none!important;
}
.btn_before:hover{
	background:#103466;
	text-align:center;
	color:rgba(0,166,216,1)!important;
	text-decoration:none!important;
}
.btn_next {
	background:#103466;
	width:20rem;
	float:right;
}
.btn_next{
	color:rgba(255,255,255,1)!important;
	text-decoration:none!important;
	border-radius:0px;
}
.btn_next a{
	color:rgba(255,255,255,1)!important;
	text-decoration:none!important;
}
.btn_next:hover {
	background:#103466;
	text-align:center;
	color:rgba(0,166,216,1)!important;
	text-decoration:none!important;
}
.news_box{
	margin: 6rem 0 8rem;
}
@media only screen and (max-width:768px) {
.h2_kasou_title2{
	width:100%;
	margin-bottom:2rem;
	font-size:2rem;
	color:#103466;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:3.6rem;
	border-bottom:1px solid #103466;
}
}
@media only screen and (max-width:768px) {
	.btn_before {
	background:#103466;
	width:48%;
	float:left;
}
.btn_next {
	background:#103466;
	width:48%;
	float:right;
}
}
/* ==========================================================================
   イベント
   ========================================================================== */
.event_title_h4{
	max-width:500px;
	margin: 0 auto 2rem auto;
	font-size:2rem;
	color:#103466;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:2.6rem;
	text-align:center;
}
.row_event{
	margin-bottom:6rem;
}
.event_box{
	margin: 4rem 0 8rem;
}
/* ==========================================================================
   サイトマップ
   ========================================================================== */
.sitemap_box dt{
	font-size:2.2rem!important;
	color:#103466;
	font-family: "Mplus 1p";
	border-bottom:1px solid #103466;
	font-weight:normal;
	margin-bottom:1.6rem;
}
.sitemap_box dt a{
	text-decoration:none;
}
.sitemap_box dt a:hover{
	text-decoration:none!important;
}
.sitemap_box li {
	list-style:none;
	margin-bottom:0.5rem;
}
.sitemap_box li a{
	text-decoration:none;
}
.sitemap_spacer{
	margin-top:3rem;
}
/* ==========================================================================
   採用情報
	 ====================================================== */
.tab-pane{
	padding: 6rem 0 0 0;
}
.nav-tabs li{
	font-size:1.6rem;
}
.nav-tabs li a{
	text-decoration:none;
	background:rgba(213,213,213,0.2);
	border:1px solid rgba(153,153,153,0.5);
}
.nav-tabs li a:hover{
	text-decoration:none;
	background: #103466;
	color:rgba(255,255,255,1)!important;
	border-bottom:2px solid rgba(0,166,216,1)!important;
}
.nav-tabs > li.active > a{
	border:1px solid rgba(204,204,204,0.8)!important;
	color:#fff!important;
	border-bottom:2px solid rgba(0,166,216,1)!important;
	background: #103466!important;
}
.nav-tabs.nav-justified > li > a{
	border-bottom:2px solid rgba(204,204,204,1);
	color:#103466;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
	background:#fff
}

.recruit_table{
	width: 85%;
	margin: 0 auto 8rem auto;
	font-size: 1.6rem;
}
.recruit_table .line{
	width: 25%;
}
.recruit_table th{
	font-weight: normal;
	background:rgba(213,213,213,0.2);
	width: 25%;
	padding: 1rem; 
	border: rgba(212,212,212,0.5) 1px solid;
}
.recruit_table td{
	padding:2rem 1rem; 
	border: rgba(212,212,212,0.5) 1px solid;
}
.recruit_table tr:last-child th {
	border-bottom: rgba(212,212,212,0.5) 1px solid;
}

@media only screen and (max-width: 798px) {
.recruit_table{
	width: 100%;
	margin: 0 auto 6rem auto;
}
.recruit_table th{
	width: 100%;
	background:rgba(213,213,213,0.2);
	display: block;
	border-left: rgba(212,212,212,0.5) 1px solid;
	border-right: rgba(212,212,212,0.5) 1px solid;
}
.recruit_table td{
	width: 100%;
	display: block;
}
.tab-pane{
	padding: 4rem 0 0 0;
}
}
/*------------------採用プロセスフロー------------------*/
.flow_left1{
	width: 14%;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
	float: left;
	background-color: #103466;
	position: relative;
	background-position: center top;
	
}
.flow_left2{
	width: 14%;
	color: rgba(255,255,255,1.00);
	background: #103466;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
	float: left;
	position: relative;
	background-position: center top;
}
.flow_left3{
	width: 14%;
	color: rgba(255,255,255,1.00);
	background: #103466;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
	float: left;
	position: relative;
	background-position: center top;
}
.flow_left4{
	width: 14%;
	color: rgba(255,255,255,1.00);
	background: #103466;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
	float: left;
	position: relative;
	background-position: center top;
}
.flow_left5{
	width: 14%;
	color: rgba(255,255,255,1.00);
	background: #103466;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
	float: left;
	position: relative;
	background-position: center top;
}
.flow_left6{
	width: 14%;
	color: rgba(255,255,255,1.00);
	background: rgba(0,48,134,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
	float: left;
	position: relative;
	background-position: center top;
}
.flow_left7{
	width: 14%;
	color: rgba(255,255,255,1.00);
	background: rgba(0,46,96,1);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
	float: left;
	position: relative;
	background-position: center top;
}
.flow_left8{
	width: 14%;
	color: rgba(255,255,255,1.00);
	background: #A9515B;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
	float: left;
	position: relative;
	background-position: center top;
}
.flow_left1 > p,
.flow_left2 > p,
.flow_left3 > p,
.flow_left4 > p,
.flow_left5 > p,
.flow_left6 > p,
.flow_left7 > p,
.flow_left8 > p{
	position: absolute;
	top:50%;
	width: 100%;
	text-align: center;
	margin-top: -17px;
}
.flow_right{
	width: 86%;
	float: left;
	padding: 2rem 0 2rem 1.5rem;
	background: rgba(255,255,255,1.00);
}
.flow_right li{
	list-style:none;
}
.h4_title_flow{
	font-size: 2rem;
	margin:0 0 2rem 2rem;
	color:#103466;
	padding-left: 0.1em; /* アイコンと文章の間のスペース */
	position: relative;
	-webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.2s ease-in-out;  
  -o-transition: 0.2s ease-in-out;  
  transition: 0.2s ease-in-out;  
}
.h4_title_flow:before{
		left: -1em; /* アイコンのスタート位置。左揃えの場合 ul のpadding-leftと同じ値 */
		top: 0; /* アイコンの場所を変えたければ適宜変更 */
		position:absolute;
	
}

/***お取引の流れページのオンマウスの動きの処理***/
.hover_flow:hover{
	cursor: pointer;
}
.hover_flow{
	height: 100%;
	position: relative;
	display: flex;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}
.flow_left1,
.flow_left2,
.flow_left3,
.flow_left4,
.flow_left5,
.flow_left6,
.flow_left7,
.flow_left8{
	background-position: center top;
}
.hover_flow:hover > .flow_left1,
.hover_flow:hover > .flow_left2,
.hover_flow:hover > .flow_left3,
.hover_flow:hover > .flow_left4,
.hover_flow:hover > .flow_left5,
.hover_flow:hover > .flow_left6,
.hover_flow:hover > .flow_left7,
.hover_flow:hover > .flow_left8{
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(0,166,216,1);
	font-size: 1.8rem;
	width: 14%;
	text-align: center;
	background:rgba(0,166,216,1);
	background-position: center bottom;
	background-repeat: no-repeat;
	    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}
.hover_flow >.col_underline{
	border-bottom: 1px solid rgba(203,203,203,0.6);
	background: rgba(255,255,255,1.00);
}
.hover_flow:hover > .col_underline{
	border-bottom: 1px solid rgba(0,166,216,1);
	background: rgba(217,217,217,0.2);
}
.hover_flow:hover > .col_underline .h4_title_flow{
	font-size: 2rem;
	margin:0 0 2rem 2rem;
	color:rgba(0,166,216,1);
	padding-left: 0.1em; /* アイコンと文章の間のスペース */
	position: relative;
}
.step_text1{
	font-size: 1.6rem;
	margin: 0 0.2rem 0 0;
	width: 100%;
	font-family: "Mplus 1p";

}
.step_text2{
	font-size: 3rem;
	font-family: "Mplus 1p";

}
@media only screen and (max-width:768px) {
.step_text1{
	font-size: 1.4rem;
	margin-right: 0.2rem;
	width: 100%;
	float: left;
	clear: both;
}
.step_text2{
	font-size: 3rem;
	}
.flow_left1 > p,
.flow_left2 > p,
.flow_left3 > p,
.flow_left4 > p,
.flow_left5 > p,
.flow_left6 > p,
.flow_left7 > p,
.flow_left8 > p{
	position: absolute;
	top:50%;
	width: 100%;
	text-align: center;
	margin-top: -33px;
}
}
/* ==========================================================================
   研修プログラム
   ========================================================================== */
.program_wrapper h4{
	font-size:1.8rem;
	color:#103466;
	margin:0 0 2rem 0;
}
.program_box{
	margin: 0 0 4rem 0;
  padding: 8rem 0 8rem 0;
}
.program_box ul li{
	padding-left:1em;
	text-indent:-1em;
}
.program_box ul li:before{
	font-family:FontAwesome;
	content:"\f00c";
}
.program_bg{
	background:url(../img/program_bg.png) no-repeat;
	background-size:cover;
	background-position: center 10rem;
	height:60rem;
}
@media only screen and (max-width:768px) {
.program_bg{
	background:url(../img/program_bg_md.png) no-repeat;
	background-size:cover;
	background-position: center 20rem;
	height:50rem;
}
}
@media only screen and (max-width:600px) {
.program_bg{
	background:url(../img/program_bg_md.png) no-repeat ;
	background-size:cover;
	background-position:center 20rem;
	height:68rem;
}
}
.program_table_wrapper{
	max-width:1170px;
	overflow-y:hidden;
	overflow-x:auto;
}
.program_table{
	width:1100px;
}
.program_table th{
	background:#103466;
	color:rgba(255,255,255,1);
	text-align:center;
	border-right: 1px solid rgba(255,255,255,1);
}
.program_table td{
	border:1px solid rgba(204,204,204,1);
	padding:0.6rem;
	font-size:1.2rem;
}
.td_border{
	border:1px solid rgba(255,255,255,1)!important;
}
.td_left{
	background:rgba(223,223,223,0.7);
	text-align:center;
	font-weight:bold;
}
.scroll_warn{
	display:none;
}
@media only screen and (max-width:1199px) {
	.scroll_warn{
	display:block;
	color:rgba(0,166,216,1);
}
}
/* ==========================================================================
   社員紹介
   ========================================================================== */
.staff_wrapper{
	padding:0 5rem 0 5rem;
	margin-bottom:8rem;
	overflow:hidden;
}
.staff_wrapper .photo{
	max-width:20rem;
	width:100%;
	height:20rem;
	margin:0 auto -4rem auto;
}
.staff_name_box{
	background:#103466;
	color:rgba(255,255,255,1);
	height:auto;
	padding:0rem 0.8rem 0.4rem 0.8rem;
}
.staff_name_box p{
	font-size:1.2rem;
}
.staff_title_h3{
	font-size:1.8rem;
}
.staff_mane_en{
	background:rgba(0,166,216,1);
	color:rgba(255,255,255,1);
	text-align:right;
	max-width:20rem;
	float:right;
	margin:-1.6rem -1rem 0 0;
}
.staff_mane_en>h4{
	font-size:1.2rem;
	float:left;
	padding:0.8rem 0.6rem 0.6rem;
}
.staff_mane_en>.arrow_box{
	border-right:1px solid rgba(0,109,219,1);
	float:left;
	padding:0.4rem;
}
.staff_wrapper a:hover{
	text-decoration:none!important;
}
.staff_wrapper a:hover>.staff_name_box{
	color:rgba(0,166,216,1);
}
.staff_text_title_h3{
	text-align:center;
	font-size:2.6rem;
	font-family: "Mplus 1p";
	font-weight:300;
	color:#103466;
	border-bottom:1px solid rgba(204,204,204,1);
	margin: 0 0 5rem;
	padding-bottom:1rem;
}
.staff_wrapper_kasou{
	margin-bottom:10rem;
}
.staff_intro{
	min-height:30rem;
	padding:0rem 0 0 5rem;
}
@media only screen and (max-width:991px) {
.staff_intro{
	min-height:0rem;
	padding:3rem 0 3rem;
}
.staff_wrapper_kasou{
	margin-bottom:7rem;
}
}
@media only screen and (max-width:600px) {
.staff_name_box{
	background:#103466;
	color:rgba(255,255,255,1);
	padding:0.4rem 0.8rem 0.6rem 0.8rem;
	height:5rem;
}
.staff_wrapper{
	padding:0 2rem 0 2rem;
	margin-bottom:6rem;
	overflow:hidden;
}
.staff_title_h3{
	font-size:2rem;
	margin-left:1rem;
	float:left;
}
.position{
	float:left;
}
.staff_name_box p{
	font-size:1.2rem!important;
	margin-top:-0.5rem;
}
.staff_mane_en{
	background:rgba(0,166,216,1);
	color:rgba(255,255,255,1);
	text-align:right;
	max-width:20rem;
	float:right;
	margin:-1.2rem -1rem 0 0;
}
}

.recruit_box_kasou_left{
	height:40rem;
	background:url(../img/Fotolia_22476404_S.png) no-repeat;
	background-size:cover;
	position:relative;
	z-index:0;
	padding:0;
	 -moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_left .cover{
	height:40rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0.9) 25%, rgba(16,52,102,0.9) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0.9) 75%, rgba(16,52,102,0.9)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_left2{
	height:40rem;
	background:url(../img/recruit_event_bg.png) no-repeat;
	background-size:cover;
	position:relative;
	z-index:0;
	padding:0;
	 -moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_left2 .cover{
	height:40rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0.88) 25%, rgba(16,52,102,0.88) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0.88) 75%, rgba(16,52,102,0.88)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right{
	height:40rem;
	background:url(../img/program_bg_menu.png) no-repeat;
	background-size:cover;
	background-position:center;
	z-index:0;
	padding:0;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right .cover{
	height:40rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0.79) 25%, rgba(255,255,255,0.79) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0.79) 75%, rgba(255,255,255,0.79)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right2{
	height:40rem;
	background:url(../img/recruit_img_md.png) no-repeat;
	background-size:cover;
	background-position:;
	z-index:0;
	padding:0;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right2 .cover{
	height:40rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0.79) 25%, rgba(255,255,255,0.79) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0.79) 75%, rgba(255,255,255,0.79)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_left h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}
.recruit_box_kasou_left h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_left2 h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}
.recruit_box_kasou_left2 h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}



.kasou_menu_box:hover > .recruit_box_kasou_left h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0);
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
	}
.kasou_menu_box:hover > .recruit_box_kasou_left h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
}
.kasou_menu_box:hover > .recruit_box_kasou_left{

	
}
.kasou_menu_box:hover > .recruit_box_kasou_left .cover{
	height:40rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0) 25%, rgba(16,52,102,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0) 75%, rgba(16,52,102,0)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
}


.kasou_menu_box:hover > .recruit_box_kasou_left2 h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0);
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
	}
.kasou_menu_box:hover > .recruit_box_kasou_left2 h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
}
.kasou_menu_box:hover > .recruit_box_kasou_left2{

	
}
.kasou_menu_box:hover > .recruit_box_kasou_left2 .cover{
	height:40rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0) 25%, rgba(16,52,102,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0) 75%, rgba(16,52,102,0)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	
	
	
}
.recruit_box_kasou_right h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #103466;
	color:#103466;
	font-weight:bold;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:#103466;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right2 h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #103466;
	color:#103466;
	font-weight:bold;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right2 h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:#103466;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.kasou_menu_box:hover > .recruit_box_kasou_right .cover{
	height:40rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	}
.kasou_menu_box:hover > .recruit_box_kasou_right{

}
.kasou_menu_box:hover > .recruit_box_kasou_right h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(16,52,102,0);
	color:rgba(16,52,102,0.3);
	font-weight:bold;
}
.kasou_menu_box:hover >.recruit_box_kasou_right h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(16,52,102,0.3);
}


.kasou_menu_box:hover > .recruit_box_kasou_right2 .cover{
	height:40rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(20rem - 4rem);
	padding-left:2rem;
	padding-right:2rem;
	}
.kasou_menu_box:hover > .recruit_box_kasou_righ2t{

}
.kasou_menu_box:hover > .recruit_box_kasou_right2 h4{
	text-align:center;
	font-size:2.2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(16,52,102,0);
	color:rgba(16,52,102,0.3);
	font-weight:bold;
}
.kasou_menu_box:hover >.recruit_box_kasou_right2 h5{
	text-align:center;
	font-size:1.6rem;
	margin-top:1rem;
	color:rgba(16,52,102,0.3);
}
@media (max-width: 768px) {
.service_wrapper{
	margin-bottom:0rem;
}
.recruit_box_kasou_left{
	height:25rem;
	background:url(../img/Fotolia_22476404_S.png) no-repeat;
	background-size:cover;
	position:relative;
	z-index:0;
	padding:0;
	 -webkit-transition: .4s ease-in-out;
	 transition: .4s ease-in-out;
}
.recruit_box_kasou_left .cover{
	height:25rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0.88) 25%, rgba(16,52,102,0.88) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0.88) 75%, rgba(16,52,102,0.88)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right{
	height:25rem;
	background:url(../img/program_bg_menu.png) no-repeat;
	background-size:cover;
	background-position:0 0;
	z-index:0;
	padding:0;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right .cover{
	height:25rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0.65) 25%, rgba(255,255,255,0.65) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0.65) 75%, rgba(255,255,255,0.65)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:10.5rem;
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_left h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}
.recruit_box_kasou_left h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.kasou_menu_box:hover > .recruit_box_kasou_left h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0);
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
	}
.kasou_menu_box:hover > .recruit_box_kasou_left h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
}
.kasou_menu_box:hover > .recruit_box_kasou_left{
 
	
}
.kasou_menu_box:hover > .recruit_box_kasou_left .cover{
	height:25rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0) 25%, rgba(16,52,102,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0) 75%, rgba(16,52,102,0)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
}
.recruit_box_kasou_right h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #103466;
	color:#103466;
	font-weight:bold;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:#103466;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.kasou_menu_box:hover > .recruit_box_kasou_right .cover{
	height:25rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
	}
.kasou_menu_box:hover > .recruit_box_kasou_right{

}
.kasou_menu_box:hover > .recruit_box_kasou_right h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(16,52,102,0);
	color:rgba(16,52,102,0.3);
	font-weight:bold;
}
.kasou_menu_box:hover >.recruit_box_kasou_right h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(16,52,102,0.3);
}


.recruit_box_kasou_left2{
	height:25rem;
	background:url(../img/recruit_event_bg.png) no-repeat;
	background-size:cover;
	position:relative;
	z-index:0;
	padding:0;
	 -webkit-transition: .4s ease-in-out;
	 transition: .4s ease-in-out;
}
.recruit_box_kasou_left2 .cover{
	height:25rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0.88) 25%, rgba(16,52,102,0.88) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0.88) 75%, rgba(16,52,102,0.88)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right2{
	height:25rem;
	background:url(../img/recruit_img_md.png) no-repeat;
	background-size:cover;
	background-position:0 0;
	z-index:0;
	padding:0;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right2 .cover{
	height:25rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0.65) 25%, rgba(255,255,255,0.65) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0.65) 75%, rgba(255,255,255,0.65)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 2px 2px;
	z-index:1;
	padding-top:10.5rem;
	padding-left:2rem;
	padding-right:2rem;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_left2 h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}
.recruit_box_kasou_left2 h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(255,255,255,1);
	z-index:2;
	position:relative;
	
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.kasou_menu_box:hover > .recruit_box_kasou_left2 h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(255,255,255,0);
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
	}
.kasou_menu_box:hover > .recruit_box_kasou_left2 h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(255,255,255,0.3);
	z-index:2;
	position:relative;
}
.kasou_menu_box:hover > .recruit_box_kasou_left2{
 
	
}
.kasou_menu_box:hover > .recruit_box_kasou_left2 .cover{
	height:25rem;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0) 25%,
	rgba(16,52,102,0) 25%, rgba(16,52,102,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(16,52,102,0) 75%, rgba(16,52,102,0)
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
}
.recruit_box_kasou_right2 h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #103466;
	color:#103466;
	font-weight:bold;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recruit_box_kasou_right2 h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:#103466;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.kasou_menu_box:hover > .recruit_box_kasou_right2 .cover{
	height:25rem;
	background-image: linear-gradient(
	45deg,
	rgba(255,255,255,0) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	
 );
 /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 4px 4px;
	z-index:1;
	padding-top:calc(12.5rem - 2rem);
	padding-left:2rem;
	padding-right:2rem;
	}
.kasou_menu_box:hover > .recruit_box_kasou_right2{

}
.kasou_menu_box:hover > .recruit_box_kasou_right2 h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid rgba(16,52,102,0);
	color:rgba(16,52,102,0.3);
	font-weight:bold;
}
.kasou_menu_box:hover >.recruit_box_kasou_right2 h5{
	text-align:center;
	font-size:1.2rem;
	margin-top:1rem;
	color:rgba(16,52,102,0.3);
}
}
/* ==========================================================================
   お問い合わせ
   ====================
	 ====================================================== */
.contact_confirm_box{
	padding:3rem 3rem;
	border:1px solid #103466; 
}
@media only screen and (max-width:600px) {
	.contact_confirm_box{
	padding:3rem 1.6rem;
	border:1px solid #103466; 
}
}
.contact_confirm_box dt{
	margin:2.6rem 0 1rem;
}
.contact_confirm_box li{
	list-style:disc;
}
.btn_confirm {
	background:#103466;
	width:25rem;
	padding: 0.8rem 0 0.8rem;
	margin-top: 4rem;
	margin-bottom:3rem;
	color:rgba(255,255,255,1);
}
.btn_confirm{
	color:rgba(255,255,255,1)!important;
	text-decoration:none!important;
	border-radius:0px;
}
.btn_confirm:hover{
	background:#103466;
	text-align:center;
	color:rgba(0,166,216,1)!important;
	text-decoration:none!important;
}
.mailform_space{
	float:left;
	width:100%;
	padding: 3rem 0 3rem 0;
	text-align:center;
}



.imgCircle {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  background-image: url(***.jpg);
  background-position: center center;
  background-size: auto 100%;
  @include border-radius(200px);
  transition:.5s;
}
.imgCircle:hover {
  background-size:auto 150%;
  @include transform(rotate(10deg));
}
/* ==========================================================================
   代表挨拶
   ========================================================================== */
.greeting_box{
	margin: 6rem 0 6rem 0;
	padding:8rem 0 8rem 0;
}
.greeting_p_text{
	margin-bottom:2rem;
}
.greeting_list{
	color:rgba(255,255,255,1);
	font-size:1.6rem;
	padding:0 1.5rem 0 1.5rem;

}
.greeting_list li{
	margin-bottom:2rem;
	list-style:none;
	text-align:center;
}
.greeting_list li:last-child{
	margin-bottom:0rem;
}
.ceo_photo{
	z-index:1;
	position:relative;
}
@media only screen and (max-width:991px) {
.ceo_photo{
	z-index:1;
	position:relative;
	padding-top:0;
}
}
.ceo_mane_en{
	background:rgba(0,166,216,1);
	color:rgba(255,255,255,1);
	text-align:right;
	max-width:30rem;
	float:right;
	margin:-1.6rem -1rem 0 0;
	z-index:2;
	position:relative;
	font-family:'Roboto', sans-serif;
}
.ceo_mane_en>h4{
	font-size:1.6rem;
	float:left;
	padding:1rem 0.6rem 0.6rem;
}
.ceo_mane_en>.arrow_box{
	border-right:1px solid rgba(0,109,219,1);
	float:left;
	text-align:center;
	padding:0.4rem 0.4rem 0.4rem 0.6rem ;
	font-size:2rem;
}
.ceo_name{
	color:rgba(255,255,255,1);
	margin-top:4rem;
	text-align:right;
}
.ceohistory_box{
	padding:6rem 0 8rem 0;
}
@media only screen and (max-width:414px) {
.ceohistory_box{
	padding:4rem 0 6rem 0;
}
}
@media only screen and (max-width:768px) {
.greeting_list li{
	text-align:left;
}
.greeting_box{
	margin: 2rem 0 2rem 0;
	padding:5rem 0 5rem 0;
}
.ceo_name{
	text-align:center;
}
}
@media only screen and (max-width:991px) {
.ceo_mane_en{
	background:rgba(0,166,216,1);
	color:rgba(255,255,255,1);
	text-align:right;
	max-width:30rem;
	float:right;
	margin:-1.6rem -1rem 0 0;
	z-index:2;
	position:relative;
	font-family:'Roboto', sans-serif;
	margin-right: 10rem;
}
}
@media only screen and (max-width:700px) {
.ceo_mane_en{
	background:rgba(0,166,216,1);
	color:rgba(255,255,255,1);
	text-align:right;
	max-width:30rem;
	float:right;
	margin:-1.6rem -1rem 0 0;
	z-index:2;
	position:relative;
	font-family:'Roboto', sans-serif;
	margin-right: -1rem;
}
}
/* ==========================================================================
   経営理念
   ========================================================================== */
.philosophy_box{
	padding-top:2rem;
	padding-bottom:5rem;
	display: flex;
	margin-top:-15px;
}
.philosophy_box p{
	margin:2rem;
	
}
.philosophy_box h4{
	text-align:center;
	color:#fff;

}
.philosophy_hr{
	width:90%;
	margin-top: 1rem!important;
  margin-bottom: 1rem!important;
	height:1px!important;
	background:rgba(12,85,139,1);
	border:0px;
}
.philosophy_line{
	border:1px solid #103466;
}
.philosophy_box .top{
	background:#103466;
	padding:1rem 2rem 1rem 2rem;
}
.philosophy_title{
	text-align:center;
	font-size:2rem!important;
	margin:3rem 2rem 2rem 2rem;
	color:#103466;
}
@media only screen and (max-width:991px) {
.philosophy_box{
	display: block;
}
}