@charset "utf-8";
/* CSS Document */
/*@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

/*================================================== /after-service：アフターサービス */
.after-area01{
	margin-bottom:20px;
}
.after-area01 .after_left{
	width:625px;
	float:left;
}
.after-area01 .after_right{
	width:420px;
	margin-top:45px;
	border:solid 1px #DDD;
	padding:5px 5px 5px 20px;
	float:right;
}
.after-area01 .after_right a{
	color:#005BAC;
}

.after-area02 ul{
	margin-bottom:100px;
}
.after-area02 li{
	border:solid 1px #DDD;
	float:left;
	position:relative;
	text-align:center;
}
.after-area02 li span{
	width:274px;
	position:absolute;
	right:0px;
	bottom:15px;
	left:0px;
	font-size:16px;
}
.after-area02 li:last-child{
	border-top:none;
}
.after-area02 li.left{
	border-right:none;
}
.after-area02 li.right{
	border-right:none;
}

/*ホバーエフェクト*/
.after-area02 li .hover {
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	/*z-index: 2;*/
	display: block;
	/*content: '';*/
	width: 0;
	height: 0;
	background-color:rgba(73, 141, 204, 1);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor:pointer;
	opacity: 0;
}
.after-area02 li:hover .hover{
	-webkit-animation: menu 1.15s;
	animation: menu 1.15s;
}
@-webkit-keyframes menu {
	50% {
		opacity: 1;
	}
	100% {
		width: 300px;
		height: 250px;
	}
}
@keyframes menu {
	50% {
		opacity: 1;
	}
	100% {
		width: 300px;
		height: 250px;
	}
}

/*================================================== /support：お客様窓口 */
.support-area01{
	margin-bottom:20px;
}
.support-area01 .support_left{
	width:660px;
	float:left;
}
.support-area01 .support_right{
	width:390px;
	margin-top:45px;
	border:solid 1px #DDD;
	padding:14px;
	float:right;
	background:#f9f9f9;
}
	.support_right img{
		float:right;
		display:block;
		margin-left:14px;
		width:91px;
	}

.support-area01 .support_right a{
	display:block;
	color: #005BAC;
}
.support-area02{
	margin-bottom:100px;
}

.support-area02 li{
	border:solid 1px #DDD;
	float:left;
	position:relative;
	text-align:center;
}
.support-area02 li span{
	width:274px;
	position:absolute;
	right:0px;
	bottom:15px;
	left:0px;
	font-size:16px;
}
.support-area02 li:last-child{
	border-right:none;
}

.support-area02 li.left{
	border-right:none;
}


/*ホバーエフェクト*/
.support-area02 li .hover {
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	/*z-index: 2;*/
	display: block;
	/*content: '';*/
	width: 0;
	height: 0;
	background-color:rgba(73, 141, 204, 1);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor:pointer;
	opacity: 0;
}
.support-area02 li:hover .hover{
	-webkit-animation: menu 1.15s;
	animation: menu 1.15s;
}
@-webkit-keyframes menu {
	50% {
		opacity: 1;
	}
	100% {
		width: 300px;
		height: 250px;
	}
}
@keyframes menu {
	50% {
		opacity: 1;
	}
	100% {
		width: 300px;
		height: 250px;
	}
}



.support-area02 h3{
	height:40px;
	font-size:20px;
	padding-left:40px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:41px;
}
.support-area02 .text{
	margin-top: 20px;
    padding: 18px 0 10px;
    border-top: 1px solid #ddd;
	letter-spacing: -1px;
}
.support-area02 .left_box h3{
	background:url(../img/support/support_icon02.png) no-repeat 2px 4px;
}
.support-area02 .right_box h3{
	background:url(../img/support/support_icon01.png) no-repeat 2px 4px;
}
.support-area02 .left_box{
	width:509px;
	padding:20px;
	float:left;
	border:solid 1px #DDD;
	border-top:none;
}
.support-area02 .right_box{
	width:508px;
	padding:20px;
	float:right;
	border:solid 1px #DDD;
	border-left:none;
	border-top:none;
}
.faq.support-area02 .left_box,
.faq.support-area02 .right_box{
	border-top: solid 1px #DDD;
}

/*================================================== /after-service/safety/安全にお使いいただくために*/
.safety-area01{
	background:#F4F4F4;
	border:solid 1px #DDD;
	margin-bottom:100px;
	padding:20px;
	box-sizing:border-box;
}
.safety-area01_box01{
	height:300px;
	margin-bottom:20px;
	padding:20px;
	border:solid 1px #DDD;
	box-sizing:border-box;
	background:#FFF ;
}
.safety-area01_box01 dt{
	font-size:18px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #DDD;
}
.safety-area01_box01 dd{
	font-size:15px;
	width:585px;
	color:#444;
}
.safety-area01_box01 img{
	right:100px;
	bottom:15px;
}

.safety-area01_box02{
	height:240ppx;
	box-sizing:border-box;
}
.safety-area01_box02 .box01{
	width:520px;
	min-height:240px;
	padding:20px 20px 0;
	box-sizing:border-box;
	border:solid 1px #DDD;
	background:#FFF;
}
.safety-area01_box02 dt{
	font-size:18px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #DDD;
}
.safety-area01_box02 dd{
	font-size:15px;
	color:#444;
}

/*================================================== /after-service/safety/安全にお使いいただくために*/
.periodic_parts-area01{
	background:#F4F4F4;
	border:solid 1px #DDD;
	margin-bottom:100px;
	padding:20px;
	box-sizing:border-box;
}
.periodic_parts-area01_box01{
	height:250px;
	margin-bottom:20px;
	padding:20px;
	border:solid 1px #DDD;
	box-sizing:border-box;
	background:#FFF ;
	line-height:1.4;
}
.periodic_parts-area01_box01 dt{
	font-size:18px;
	margin-bottom:13px;
	padding-bottom:5px;
	border-bottom:solid 1px #DDD;
}
.periodic_parts-area01_box01 dd{
	font-size:16px;
	width:640px;
	color:#444;
}
.periodic_parts-area01_box01 img{
	right:35px;
	bottom:50px;
}

.periodic_parts-area01_box02{
	height:110px;
	padding:20px;
	border:solid 1px #DDD;
	background:#FFF ;
	line-height:1.4;
}
.periodic_parts-area01_box02 dt{
	font-size:18px;
	margin-bottom:13px;
	padding-bottom:5px;
	border-bottom:solid 1px #DDD;
}
.periodic_parts-area01_box02 dd{
	font-size:16px;
	color:#444;
}

/*================================================== /privacy-policy/個人情報保護*/
.privacy_policy-area01{
	font-size:16px;
	color:#444;
	margin-left:35px;
}

/*0525ADD*/
/*.privacy_policy-area01 dt{
	margin-bottom:40px;
}
.privacy_policy-area01 dd{
	position:relative;
	width:830px;
	margin:0 0 25px 85px;
}
.privacy_policy-area01 dd span{
	position:absolute;
	left:-25px;
	top:0;
}
.privacy_policy_text01{
	text-align:right;
	margin-bottom:100px;
}*/

.privacy_policy_list{
	width:805px;
	margin-left: 85px;
}
	.privacy_policy_list dt{
		font-weight:bold;
		position:relative;
	}
	.privacy_policy_list dd{
		margin-bottom:25px;
	}
	.privacy_policy_list .prefix{
		font-weight:normal;
		position:absolute;
		left:-25px;
		top:0;
	}
.privacy_policy_text01{
	text-align:right;
	width:805px;
	margin: 0 0 0 85px;
}
.privacy_policy_text02{
	width:805px;
	margin: 0 0 100px 85px;
}

/*================================================== /sitepolicy/当サイトのご利用にあたって*/
.sitepolicy-area01{
	font-size:16px;
	color:#444;
	margin-left:35px;
	width:835px;
}
.sitepolicy-area01 ul.ul01 li{
	position:relative;
	margin:0 0 25px 25px;
}
.sitepolicy-area01 ul.ul01 span{
	position:absolute;
	left:-25px;
	top:0;
}
.sitepolicy-area01 a{
	color:#369;
	text-decoration:underline;
}
/*================================================== /contact/お問合せ*/
.contact_table01{
	width:1096px;
	border:solid 1px #DDD;
	border-collapse:collapse;
}
.contact_table01 th{
	width:365px;
	height:60px;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	border:solid 1px #DDD;
}
.contact_table01 td{
	width:365px;
	height:170px;
	padding-top:10px;
	border:solid 1px #DDD;
}
.contact_table01 th span{
	padding:30px 30px 30px 50px;
}
.contact_table01 th span.icon01{
	background:url(../img/contact/contact_icon01.png) no-repeat 15px;
}
.contact_table01 th span.icon02{
	background:url(../img/contact/contact_icon02.png) no-repeat 15px;
}
.contact_table01 th span.icon03{
	background:url(../img/contact/contact_icon03.png) no-repeat 15px;
}
.contact_table01 .contact_box01{
	padding:10px 10px 5px 20px;
}
.contact_table01 .text01{
	padding:15px 0 0 5px;
	font-weight:bold;
}
.contact_table01 .text02{
	margin:15px 10px 0 10px;
	font-weight:bold;
}
.contact__box01{
	background-color:#fff;
	border: 1px solid #ddd;
	padding: 15px;
}
	.contact__box01__title{
		color:#2372B7;
		font-size:17px;
		margin-top:15px;
	}
	a.contact__pdf{
		padding-left: 30px;
		background: url(../img/contact/catalog/catalog_icon01.png) no-repeat;
		font-size:13px;
		text-decoration:underline;
	}
	.contact__box01__head{
	background:url(../img/contact/contact_icon07.png) no-repeat 15px;
	font-size:20px;
	font-weight:bold;
	padding:10px 0 10px 52px;
}
.contac_btn01{
	width:338px;
	height:60px;
	padding:10px 0;
	margin:15px 0 10px 13px;
	line-height:40px;
	display:block;
	font-size:20px;
	box-sizing:border-box;
	text-align:center;
	color:#FFF;
	background:#555;
}
.contac_btn01:after{
	content:">";
	position:relative;
	right:-40px;
	top:2px;
	font-size:25px;
	font-family: initial;
}
.contac_btn01:hover{
	text-decoration:none;
	color:#2372B7;
}
.contac_btn01.on{
	background:#065FAE;
	text-decoration:none;
	color:#FFF;
}
.contac_btn02{
	width:338px;
	height:60px;
	padding:10px 0;
	margin:15px 0 10px 13px;
	line-height:40px;
	font-size:20px;
	font-weight:bold;
	box-sizing:border-box;
	text-align:center;
	color:#FFF;
	border:none;
	background:#555;
	cursor:pointer;
}
.contac_btn02.on{
	background:#065FAE;
	text-decoration:none;
	color:#FFF !important;
}
.submit:after{
	content:">";
	position:relative;
	right:100px;
	top:2px;
	font-size:25px;
	color:#FFF;
	font-family: initial;
}
.submit:hover:after{
	color:#FFF;
}
.contac_btn02:not(:disabled):hover{
	text-decoration:none;
	color:#2372B7;
}

.contact-area01_box02{
	margin-bottom:100px;
	border:solid 1px #DDD;
}
.contact-area01_box02 h3{
	font-size:20px;
	font-weight:bold;
	padding:10px 0 10px 50px;
	background:url(../img/contact/contact_icon06.png) no-repeat 15px;
}
.contact-area01_box02 .info_box01{
	border-top:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	background:#F4F4F4;
	padding:20px 20px 25px;
}
.contact-area01_box02 .info_box01 span{
	color:#2372B7;
}
.conract_form_box01{
	width:900px;
	margin:50px auto 50px;
}
.conract_form_box01 .required{
	font-size:13px;
	color:#FFF;
	background:#E00;
	padding:1px 2px;
	border-radius:5px;
}
.conract_form_box01 .any{
	color:#2372B7;
	margin-left:10px;
	font-size:13px;
}
.conract_form_box01 .example{
	color:#555;
	margin-left:15px;
}

.conract_form_box01 .radio_box01 input{
	position:relative;
	top:2px;
}


/*================================================== /case/導入事例*/

.case__content{
	margin-bottom:100px;
	line-height:1.4;
}
.case__box{
	width:790px;
}

.news-side{
	width:260px;
	margin-right:20px;
}
.case__item{
	float:left;
	width:365px;
	background-color:#fff;
	line-height:1.4;
	overflow:hidden;
	position:relative;
}
.case__itemlist{
	padding:20px 20px 0;
	border:solid 1px #DDD;
}
.case__itemlist .case__item{
	margin-bottom:20px;
}
.case__itemlist li:nth-child(odd){
	float:left;
}
.case__itemlist li:nth-child(even){
	float:right;
}
.case__item--pickup{
	padding-bottom:15px;
}

.case__itemlist .link{
	display:block;
}
.case__item_text{
	pointer-events:none;/*リンクを非リンクに変える*/
	width:355px;
	height:50px;
	padding:10px 0px 10px 10px;
	position:absolute;
	bottom:0;
	background:rgba(0,37,70,0.6);
	color:#FFF;
}
.case__item_text .case{
	font-size:11px;
	background:#FFF;
	padding:1px 3px;
	float:left;
	margin-right:8px;
	color:#000;
}
.case__item_text .type{
	font-size:12px;
	float:left;
}
.case__item_text .type a{
	color:#FFF;
}
.case__item_text .title{
	padding-top:5px;
	font-size:16px;
	clear:both;
}
.case-side__articles{
	background:#F4F4F4;
	border:solid 1px #DDD;
	padding:0 10px;
}


.case-side__articles li{
	border-bottom:solid 1px #DDD;
	background:url(../img/common/side_nav_icon01.png) no-repeat 2px 12px;
	padding:10px 0px 10px 20px;
}
.case-side__articles li:first-child{
	border-top:none;
	border-bottom:solid 1px #DDD;
}
.case-side__articles li:last-child{
	border-bottom:none;
}
.case_pt_case{
	float:left;
	border:solid 1px #667C90;
	padding:1px 3px;
	margin-right:10px;
	color:#445156;
}
.case_pt_case a{
	pointer-events: none;
}
.case_pt_tax{
	color:#667C90;
	float:left;
	line-height:1.5;
}
	.case_pt_tax a{
		color:#667C90;
		pointer-events: none;
	}
	
.order_case_side{
	background:none !important;
	padding:10px 0px 10px 0px!important;
	font-size:13px;
}
.order_case_side .left{
	width:80px;
	float:left;
}
.order_case_side .left img{
	width:80px;
	height:60px;
	padding-top:8px;
}
.order_case_side .right{
	width:150px;
	float:right;
}
.order_case_side .right time{
	font-size:10px;
	color:#777;
}
/*================================================== /company/history/ロッカー事業の歩み*/
.history-area01{
	margin-bottom:50px;
	background:#615440;
	color:#FFF;
}
.history-area01 img{
	width:730px;
	float:left;
}
.history-area01 .right_text01{
	width:290px;
	float:right;
	padding:20px 40px 20px 40px;
	font-size:16px;
}
.history-area01 h3{
	font-size:24px;
	margin:80px 0 10px;
}


.history-area02{
	padding:20px;
	margin-bottom:50px;
	background:#525659;
	color:#FFF;
}
.history-area02 .img_box01{
	margin-bottom:10px;
}


.history-area03{
	margin-bottom:100px;
	padding:20px;
	background:#F4F4F4;
	border:solid 1px #DDD;
	font-size:16px;
	color:#444;
	line-height:1.4;
	overflow:hidden;
}

.history-area03 .main_box{
	border:solid 1px #DDD;
	background:#FFF;
	position:relative;
}
.history-area03 .left_box{
	width:460px;
	padding:10px 20px 20px;
	float:left;
}
.history-area03 .left_box h4{
	text-align:center;
	padding-bottom:5px;
	margin-bottom:75px;
	border-bottom:solid 1px #DDD;
	font-size:18px;
	color:#00A384;
}
.history-area03 .left_box .text{
	margin-bottom:42px;
}
.history-area03 .left_box .text01{
	margin-bottom:185px;
}
.history-area03 .left_box .text02{
	margin-bottom:174px;
}
.history-area03 .left_box .text03{
	margin-bottom:130px;
}
.history-area03 .left_box .text04{
	margin-bottom:78px;
}
.history-area03 .left_box .text05{
	margin-bottom:55px;
}




.history-area03 .center_box{
	float:left;
	width:60px;
	/*height:2184px;*/
	height:100%;
	background:#CCDEEE;
	border:solid 1px #DDD;
	position:absolute;
	left:495px;
	color:#FFF;
	font-size:18px;
	text-align:center;
}
.history-area03 .box01{
	width:60px;
	padding-top:2px;
	height:28px;
	background:#005BAC;
	position:absolute;
}
.history-area03 .box01 img{
	position:relative;
	top:-47px;
}
.history-area03 .box02{
	width:60px;
	padding-top:2px;
	height:28px;
	background:#00A384;
	position:absolute;
}
.history-area03 .box02 img{
	position:relative;
	top:-47px;
	left:-480px;
}
.history-area03 .box03{
	width:60px;
	padding-top:2px;
	height:28px;
	background:url(../img/company/history/history_bg01.png) no-repeat;
	position:absolute;
}
.history-area03 .box03 img{
	position:relative;
	top:-47px;
	left:-480px;
}

.history-area03 .rayout01{top:60px;}
.history-area03 .rayout02{top:123px;}
.history-area03 .rayout03{top:205px;}
.history-area03 .rayout04{top:266px;}
.history-area03 .rayout05{top:323px;}
.history-area03 .rayout06{top:380px;}
.history-area03 .rayout07{top:464px;}
.history-area03 .rayout08{top:464px;}
.history-area03 .rayout09{top:549px;}
.history-area03 .rayout10{top:640px;}
.history-area03 .rayout11{top:722px;}
.history-area03 .rayout12{top:800px;}
.history-area03 .rayout13{top:882px;}
.history-area03 .rayout14{top:940px;}
.history-area03 .rayout15{top:1005px;}
.history-area03 .rayout16{top:1068px;}
.history-area03 .rayout17{top:1129px;}
.history-area03 .rayout18{top:1195px;}
.history-area03 .rayout20{top:1276px;}
.history-area03 .rayout21{top:1505px;}
.history-area03 .rayout22{top:1563px;}
.history-area03 .rayout23{top:1705px;}
.history-area03 .rayout24{top:1810px;}
.history-area03 .rayout25{top:1870px;}
.history-area03 .rayout26{top:1934px;}
.history-area03 .rayout27{top:2010px;}
.history-area03 .rayout28{top:2090px;}
.history-area03 .rayout29{top:1635px;}



.history-area03 .right_box{
	width:460px;
	float:right;
	padding:10px 20px 20px;
}
.history-area03 .right_box h4{
	text-align:center;
	padding-bottom:5px;
	margin-bottom:24px;
	border-bottom:solid 1px #DDD;
	font-size:18px;
	color:#005BAC;
}
.history-area03 .right_box .text{
	margin-bottom:42px;
}
.history-area03 .right_box .text01{
	margin-bottom:40px;
}
.history-area03 .right_box .text02{
	margin-bottom:38px;
}
.history-area03 .right_box .text03{
	margin-bottom:35px;
}
.history-area03 .right_box .text04{
	margin-bottom:299px;
}
.history-area03 .right_box .text05{
	margin-bottom:115px;
}
.history-area03 .right_box .text06{
	margin-bottom:163px;
}
.history-area03 .right_box .text07{
	margin-bottom:60px;
}
.history-area03 .right_box .text08{
	margin-bottom:78px;
}
.history-area03 .right_box .text09{
	margin-bottom:203px;
}
.history-area03 .right_box .text10{
	margin-bottom:50px;
}
.history-area03 .right_box .text11{
	margin-bottom:30px;
}
.history-area03 .right_box .text12{
	margin-bottom:37px;
}
.history-area03 .right_box .text13{
	margin-bottom:98px;
}
.history-area03 .right_box .text14{
	margin-bottom:97px;
}
@media screen and (max-width: 767px){
	/*スマホフォントサイズ*/
.history-area03 {
	font-size:13px;
}
}

/*================================================== /support/catalog/会社案内パンフレット*/
.contact_pakz{
	margin-left:20px;
	display:inline-block;
}
.contact_pakz li{
	padding-left:5px;
	display:inline-block;
	font-size:14px;
	font-weight:normal;
}
.catalog_info{
	color:#444;
	margin-bottom:20px;
}
.catalog_info a{
	text-decoration:underline;
}

.contact_pakz li a.active{
	color:#005BAC;
}
.contact_pakz li:after{
	content:"　|";
}
.catalog-area01{
	background:#525659;
	padding:20px 20px 0;
	margin-bottom:30px;
}
.catalog-area01 .catalog_box01{
	width:480px;
	padding:20px;
	background:#FFF;
	float:right;
	margin-bottom:20px;
	display: flex;
}
.catalog-area01 .catalog_box01:nth-child(odd){
	float:left;
}
.catalog-area01 .img_box01{
	margin-right:15px;
}
.catalog-area01 .link_text{
	box-sizing: border-box;
	min-width:220px;
	max-width:330px;
	flex: 1;
}
.catalog-area01 .link_text a{
	padding-left: 30px;
	background:url(../img/contact/catalog/catalog_icon01.png) 2px 2px no-repeat;
	color:#005BAC;
	display: inline-block;
}
.catalog-area01 .link_text .link_text_text{
	padding-left: 30px;
}

/*================================================== /company_nav*/
.company_nav ul{
	padding-top:27px;
	margin-left:15px;
}
.company_nav .active a{
	color:#035DAD;
}
/*================================================== /company/recruit/採用情報*/
.recruit-area01{
	border:solid 1px #DDD;
	background:#F4F4F4;
	padding:20px;
	margin-bottom:30px;
}
.recruit-area01 .recruit_box01{
	border:solid 1px #DDD;
	background:#FFF;
	padding:20px;
}
.recruit_box{
	margin-top:30px;
}

/* 20251118 add */
#recruit .recruit-link-area{
	background-color: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 20px;
}
#recruit .recruit-link-area .area-inner{
	background-color: #fff;
	border: 1px solid #DDDDDD;
	padding: 80px 60px;
}
#recruit .recruit-link-area .area-ttl{
	font-weight: bold;
	font-size: 30px;
	color: #727171;
}
#recruit .recruit-link-area .bnr-list{
	display: flex;
	justify-content: space-between;
}
#recruit .recruit-link-area .bnr-block{
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 150px;
	width: calc((100% - 38px) / 2);
	position: relative;
	box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.2);
	transition: opacity .3s ease;
}
#recruit .recruit-link-area .bnr-block .icon{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 10px;
}
#recruit .recruit-link-area .bnr-block:hover{
	opacity: 0.7;
}

/*================================================== /after-service/purchase/鍵・部品・消耗品のご購入*/
.purchase-area01{
	border:solid 1px #DDD;
	background:#F4F4F4;
	padding:20px 20px 0;
	margin-bottom:30px;
}
.purchase-area01 .purchase_box01{
	border:solid 1px #DDD;
	background:#FFF;
	padding:20px;
	font-size:16px;
	margin-bottom:20px;
}
.purchase_box01 .pdf_link{
	padding-left: 30px;
	background: url(../img/contact/catalog/catalog_icon01.png) 2px 2px no-repeat;
	color: #005BAC;
}
.purchase_img01{
	position:absolute;
	top:73px;
	right:120px;
}
.purchase_img02{
	position:absolute;
	top:73px;
	right:110px;
}

.purchase-area01 .purchase_box01 .purchase_box01--height{
	height:160px;
}
.purchase-area01 .purchase_box01 dt{
	font-size:18px;
	border-bottom:solid 1px #DDD;
	padding-bottom:10px;
	margin-bottom:10px;
}
.purchase-area01 .purchase_box01 a{
	color:#005BAC;
}


/*================================================== /beginners/flow/導入までの流れ*/
.flow_main_img{
	margin-bottom:30px;
}
.flow_main_img .text{
	top:120px;
	left:20px;
	color:#005BAC;
	font-size:24px;
}
.flow_box01{
	float:left;
	margin-bottom:30px;
}
.flow_box01:nth-child(even){
	float:right;
}

.flow_box01 h3{
	font-size:20px;
	line-height:40px;
	border-top:solid 1px #DDD;
	border-right:solid 1px #DDD;
}
.flow_box01 img{
	margin-right:10px;
}
.flow_box01 .bg01{
	width:491px;
	height:223px;
	background:#F4F4F4;
	padding:20px;
	font-size:14px;
	border:solid 1px #DDD;
}
.flow_box01 .blue{
	color:#005BAC;
	margin-bottom:10px;
	font-size:16px;
}
.flow_box01 .bg02{
	height:180px;
	/* background:#FFF, url(../img/beginners/flow/test.png) no-repeat 312px 32px; */
	padding:20px;
	border:solid 1px #DDD;
}
.flow_box01 .bg02.flow__bg02--01{
	background:url(../img/beginners/flow/flow_bg01.png) no-repeat 320px 50px,#FFF ;
}
	.flow_box01 .bg02.flow__bg02--01 a{
		color:#36c;
	}
.flow_box01 .bg02.flow__bg02--02{
	background:url(../img/beginners/flow/flow_bg02.png) no-repeat 336px 35px,#FFF ;
}
.flow_box01 .bg02.flow__bg02--03{
	background:url(../img/beginners/flow/flow_bg03.png) no-repeat 255px 47px,#FFF ;
}
.flow_box01 .bg02.flow__bg02--04{
	background:url(../img/beginners/flow/flow_bg04.png) no-repeat 270px 62px,#FFF ;
}
.flow_box01 .bg02.flow__bg02--05{
	background:url(../img/beginners/flow/flow_bg05.png) no-repeat 270px 60px,#FFF ;
}
.flow_box01 .bg02.flow__bg02--06{
	background:url(../img/beginners/flow/flow_bg06.png) no-repeat 312px 30px,#FFF ;
}
/*================================================== /company/alpha/アルファグループ*/

.alpha_main_img{
	text-align:center;
	position:relative;
	z-index:1;
}
.alpha_main_text{
	position:relative;
}
.alpha_main_text p{
	position:absolute;
	top:-620px;
	left:0px;
	z-index:999;
	color:#fff;
	font-size:40px;
}
.alpha-area01{
	font-weight:bold;
	margin-bottom:100px;
}

.alpha-area01 h3{
	color:#035DAD;
	font-size:28px;
	line-height:1;
	margin-bottom:30px;
	font-weight:bold;
}
.alpha-area01 .left{
	width:550px;
	float:left;
	line-height:2.6;
	color:#444;
	/*color:rgba(68, 68, 68, 0.58);*/
	font-size:16px;
}
.alpha-area01 .left{
	width:540px;
}
.alpha-area01 .left .btn_box01{
	margin-top:40px;
}
.alpha-area01 .right_box{
	float:right;
}

/*================================================== /company/alpha/アルファグループ*/
.philosophy_main_img .text{
	top:130px;
	left:100px;
	color:#FFF;
	font-size:30px;
	text-shadow: -3px 1px 25px #FFF;
}
.philosophy-area01{
	margin-bottom:50px;
}
.philosophy-area01 .left_box{
	width:700px;
	float:left;
	color:#444;
	font-size:16px;
}
.philosophy-area01 .left_box h3{
	color:#035DAD;
	font-size:30px;
	line-height:1;
	margin-bottom:30px;
	position:relative;
	left:-5px;
	font-weight:bold;
}
.philosophy-area01 .left_box div{
	width:610px;
}
.philosophy-area01 .right_box{
	width:400px;
	float:right;
}
.philosophy-area02{
	padding:20px 30px;
	margin-bottom:30px;
	line-height:1.6;
	font-size:16px;
	color:#444;
}
.philosophy-area02 h4{
	font-size:20px;
	color:#005BAC;
	margin-bottom:10px;
	font-weight:bold;
}
.philosophy-area02 .text{
	width:775px;
}
.philosophy-area02 .text li{
	background:url(../img/company/philosophy/phiosophy_,icon01.png) no-repeat 2px 6px;
	padding-left:30px;
	margin-bottom:5px;
}

@font-face {
	font-family: ipa;
	src: url(fonts/ipaexm.ttf);
	src: url(fonts/ipaexm.ttf?#iefix) format('truetype');

	src: url(/test.ttf);
	src: url(fonts/test.ttf?#iefix) format('truetype');
}

.web_font{
	font-family: "ipa", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/*
@font-face {
font-family: AozoraMincho;
src: url(fonts/AozoraMincho-bold.ttf);
src: url(fonts/AozoraMinchoBlack.ttf);
src: url(fonts/AozoraMinchoHeavy.ttf);
src: url(fonts/AozoraMinchoLight.ttf);
src: url(fonts/AozoraMinchoMedium.ttf);
src: url(fonts/AozoraMinchoRegular.ttf);
src: url(fonts/AozoraMincho-thin.ttf);
}
*/


/*---------ホバー---------*/
/*初めての方のホバー*/

/*シャドウ*/
.hover_menu01 li{
	transition: all .3s;
}

.hover_menu01 li:hover{
	/*box-shadow: 0 0 10px rgba(0,0,0,0.6);*/
	box-shadow: 0 0 20px rgba(0,0,0,0.6) inset;
}

/*波紋*/
/*
.hover_menu01 li {
	color: #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}
.hover_menu01 li::after {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background-color:rgba(73, 141, 204, 0.4);
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover_menu01 li:hover::after {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	50% {
		opacity: 1;
	}
	100% {
		width: 250px;
		height: 250px;
	}
}
@keyframes circle {
	50% {
		opacity: 1;
	}
	100% {
		width: 250px;
		height: 250px;
	}
}

/*文字変換*/
.hover_menu01 li {
	position: relative;
	display: inline-block;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}
.hover_menu01 li::after {
	position: absolute;
	font-size:20px;
	bottom:6%;
	left: 0;
	right:0;
	color:#005BAC;
	margin:0 auto;
	content: attr(data-hover);
	transform: scale(.3);
	transition: all .4s;
	opacity: 0;
}
.hover_menu01 li span {
	display: block;
	transition: all .4s .2s;
}
.hover_menu01 li:hover::after {
	transform: scale(1);
	transition: all .4s .2s;
	opacity: 1;
}
.hover_menu01 li:hover span {
	transform: scale(.3);
	transition: all .4s;
	opacity: 0;
}


/*波紋　初めてのロッカー*/
.hover_menu02 li {
	position: relative;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.hover_menu02 li a{
	display:block;
}
/*
.hover_menu02 li:after {
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background-color:rgba(73, 141, 204, 0.4);
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover_menu02 li:hover:after {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
*/
.hover_menu02 li span {
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	/*z-index: 2;*/
	display: block;
	/*content: '';*/
	width: 0;
	height: 0;
	background-color:rgba(73, 141, 204, 0.4);
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover_menu02 li:hover span{
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	50% {
		opacity: 1;
	}
	100% {
		width: 180px;
		height: 180px;
	}
}
@keyframes circle {
	50% {
		opacity: 1;
	}
	100% {
		width: 180px;
		height: 180px;
	}
}


/*角丸*/
/*
.hover_menu03 li {
	text-decoration: none;
	outline: none;
	transition: all .3s;
}
.hover_menu03 li a{
	display:block;
}
.hover_menu03 li:hover {
	border-radius: 50px;
	border: solid 5px #DDD;
}
*/


/*角丸*/
/*
.hover_menu03 li {
	text-decoration: none;
	outline: none;
	transition: all .3s;
}
.hover_menu03 li a{
	display:block;
}
.hover_menu03 li:hover {
	border-radius: 50px;
	border: solid 5px #DDD;
}
*/

/*ホバーエフェクト*/
/*TOPと同じ*/
.hover_menu04 li{
	position:relative;
}
.hover_menu04 li span{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 196px;
	height: 100%;
	background: rgba(0,98,174,0.8);
	color: #fff;
	font-weight:normal;
	font-size: 16px;
	line-height: 169px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	box-sizing: border-box;
}
.hover_menu04 li:hover span {
	opacity: 1;
}


/*list*/
.list_menu li{
	padding:5px;
	display:inline-block;
	vertical-align:top;
}
.list_menu li.current-cat a{
	color:#005BAC;
}
.list_menu a{
	padding-right:8px;
}
.list_menu li:after{
	padding-left:5px;
	content:"|";
}
.list_menu li:last-child:after{
	content:"";
}
.list_title01{
	font-size:20px;
	font-weight:bold;
	position:relative;
}
.list_title01 span{
	position:absolute;
	left:60px;
	top:10px;
}

.list-box01{
	border:solid 1px #DDD;
	padding:20px 20px 0;
	margin-bottom:50px;
}

.list-box01 li{
	width:228px;
	height:260px;
	padding:10px;
	float:left;
	border-right:solid 1px #DDD;
	margin:0px 20px 30px 0;
}
.list-box01 li:nth-child(4n){
	border-right:none;
	margin-right:0;
}
.list-box01 li .title{
	color:#000;
	font-size:16px;
}
.list-box01 li .text{
	color:#444;
	line-height:1.2;
}


/*COMMON*/
.bn_top{
	border-top:none !important;
}


/*topのホバー*/
/*ホバーエフェクト*/
.search_purpose li .hover {
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	/*content: '';*/
	width: 0;
	height: 0;
	background-color:rgba(73, 141, 204, 0.4);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor:pointer;
	opacity: 0;
}
.search_use li:hover .hover{
	-webkit-animation: box 1.15s;
	animation: box 1.15s;
}

.search_use li .hover {
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	/*content: '';*/
	width: 0;
	height: 0;
	background-color:rgba(73, 141, 204, 0.4);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor:pointer;
	opacity: 0;
}
.search_purpose li:hover .hover{
	-webkit-animation: box 1.15s;
	animation: box 1.15s;
}


@-webkit-keyframes box {
	50% {
		opacity: 1;
	}
	100% {
		width: 370px;
		height: 120px;
	}
}
@keyframes box {
	50% {
		opacity: 1;
	}
	100% {
		width: 370px;
		height: 120px;
	}
}