/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/


@media (max-width:761px){

	
	/* =========================================================================
 	main
	===========================================================================*/
	
	#main_wrap{ width: 100vw; position: relative; }
	
	#member #main_wrap{height: 620px;}
	#member #main_wrap{background: #313131 url(../img/member_h1_bg_sp.jpg) no-repeat center 90px;background-size: 100% auto;}
	
	#ideal #main_wrap{height: calc(100vw*1.34);}
	#ideal #main_wrap{background:url(../img/ideal_h1_bg_sp.jpg) no-repeat top center;background-size: cover;}
	
	#diversity #main_wrap{ height: calc(100vw*1.7); }
	#diversity #main_wrap{ background:url(../img/divercity_h1_bg_sp.jpg) no-repeat top center; background-size: cover; }
	
	#new #main_wrap{ height: calc(100vw*1.7); }
	#new #main_wrap{ background:url(../img/new_h1_sp.jpg) no-repeat top center; background-size: cover; }
	
	#career #main_wrap{ height: calc(100vw*1.7); }
	#career #main_wrap{ background:url(../img/career_h1_sp.jpg) no-repeat top center; background-size: cover; }
	
	#h1_box{
		position: absolute;
		left: 50%;
		width: 100%;	
		color: #fff;
	}
	
	#member #h1_box{bottom: 0;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
	#ideal #h1_box{top: calc(50% + 50px);transform: translate(-50%,-50%);}
	#diversity #h1_box{ top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
	#new #h1_box{ top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
	#career #h1_box{ top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
	
	#h1_box h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size: 1.8rem;
		line-height: 150%;
		text-indent: 4px;
		padding: 0 6%;
		display: inline-block;
	}
	
	#h1_box span{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		font-size: 4.5rem;
		padding: 0 6%;
		line-height: 100%;
	}
	
	#h1_box p{
		font-size:1.4rem;
	}

	#member #h1_box p{
		margin: 190px 0 0;
		padding: 30px 0;
		text-align: center;
		line-height:190%;
		background:#313131;
		color: #bfbfbf;
	}
	
	#ideal #h1_box p{
		padding: 16px 6% 0;
		line-height:180%;
	}

	#diversity #h1_box p,#new #h1_box p,#career #h1_box p{
		padding: 16px 6% 0;
		line-height:180%;
	}
	
	/* =========================================================================
 	member
	===========================================================================*/

	#member .message_section {
		width: 100%;
	}
	#member .message_section:nth-of-type(1){background: #f7f8fa url(../img/member_photo13_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(2){background: #ffffff url(../img/member_photo08_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(3){background: #f7f8fa url(../img/member_photo10_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(4){background: #ffffff url(../img/member_photo11_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(5){background: #f7f8fa url(../img/member_photo12_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(6){background: #ffffff url(../img/member_photo02_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(7){background: #f7f8fa url(../img/member_photo05_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(8){background: #ffffff url(../img/member_photo06_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(9){background: #f7f8fa url(../img/member_photo07_sp.jpg) no-repeat center 40px; background-size: 80% auto;}
	#member .message_section:nth-of-type(10){background: #ffffff url(../img/member_photo14_sp.jpg) no-repeat center 40px; background-size: 80% auto;}

	
	
	#member .message_box{
		width: 80%;
		margin:98% auto 40px;
	}
	
	
	#member .message_box .name_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 3.2rem;
		line-height: 110%;
		display:inline-block;
	}

	#member .message_section:nth-of-type(1) .name_txt span{color: #9aa5e6;}
	#member .message_section:nth-of-type(2) .name_txt span{color: #c49b40;}
	#member .message_section:nth-of-type(3) .name_txt span{color: #c55d5d;}
	#member .message_section:nth-of-type(4) .name_txt span{color: #8876aa;}
	#member .message_section:nth-of-type(5) .name_txt span{color: #87c440;}
	#member .message_section:nth-of-type(6) .name_txt span{color: #5d84c5;}
	#member .message_section:nth-of-type(7) .name_txt span{color: #b257a4;}
	#member .message_section:nth-of-type(8) .name_txt span{color: #bd9060;}
	#member .message_section:nth-of-type(9) .name_txt span{color: #87c440;}
	#member .message_section:nth-of-type(10) .name_txt span{color: #90597F;}

	
	#member .message_box .part_txt{
		font-size: 1.4rem;
		line-height: 120%;
		display: block;
		margin: 16px 0 0 0;
	}
	
	#member .message_box .body_txt {
		clear: both;
		padding: 30px 0 0;
	}
	
	
	
	/* =========================================================================
 	ideal
	===========================================================================*/

	#ideal #sec {
		width: 80%;
		margin: 70px auto 90px;
	}
    

	#ideal #sec1 {
		width:100%;
	}

	#ideal #sec2 {
		width:100%;
		padding: 30px 0 150px;
	}
    
    #ideal #sec3 {
		width:100%;
		background:#eff4e1 url(../img/vision_bg.jpg) no-repeat top center;
		background-size: 100% auto;
		padding:80px 0;
	}

	#ideal #sec1 .wrapper{
		width: 90%;
		margin:0 auto;
		padding: 40px 11% 20px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}

	#ideal #sec2 .wrapper{
		width: 90%;
		margin:0 auto;
		padding: 50px 6% 30px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	
	#ideal #h2_area {
		background: url(/global/img/slash_black.png) no-repeat center bottom;
		background-size:20px auto;
		margin: 0 0 40px;
		padding: 0 0 40px;
		text-align: center;
	}
	
	#ideal #h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.5rem;
	}
	
	#ideal #h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size:3.6rem;
		line-height: 110%;
		display: inline-block;
	}
	
	#ideal .h_body{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
	}
	
	
	#ideal #sec1 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		margin:-20px 0 50px;
	}
    
    #ideal #sec1 h3,#ideal #sec2 h3{
		font-family: 'Roboto', sans-serif;
		font-weight: 200;
		letter-spacing: 2px;
		font-size: 40px;
		text-align: center;
		margin: 0 auto 50px;
	}
    
    #ideal #sec3 .cw_wrap{
		padding: 40px 10px 60px;
		margin:0 4%;
		background:#fff;
		box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
	}

	#ideal #sec3 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		line-height: 160%;
		color: #72a700;
		text-align: center;
		margin:0 10px 30px;
	}

	#ideal #sec3 h4.credo_ttl{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		color:#8c8c8c;
		text-align: center;
		margin:0 0 20px;
	}

	#ideal #sec3 h4.credo_ttl span{
		display:block;
		color:#a4c41e;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 2.0rem;
	}

	
	#ideal #sec1 span.core_box{
		display: inline-block;
		background:#000;
		color:#fff;
		font-weight: 400;
		font-size: 1.6rem;
		vertical-align: top;
		line-height: 100%;
		letter-spacing: 1px;
		margin: 9px 10px 5px 0;
		padding: 2px 8px 3px;
	}

	#ideal #sec1 h3 span,#ideal #sec2 h3 span{
		font-family: 'Noto Sans JP', sans-serif;
		display:block;
		font-weight: 500;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 100%;
		margin: -8px 0 0;
	}

	#ideal #sec1 .core_list h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		letter-spacing: -1px;
		padding: 0 0 10px;
	}

	#ideal #sec1 .core_list p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 180%;
	}

	#ideal #sec1 .core_list{
		margin: 80px 0 20px;
	}

	#ideal #sec1 .core_list li{
	margin: 0 0 40px;
	}


	

	#ideal #sec2 h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.6rem;
		font-feature-settings: 'palt';
		line-height: 140%;
		padding: 0 0 16px 53px;
		margin: 10px 0 0;
		position: relative;
	}

	#ideal #sec2 li:nth-child(2) h4{
		font-size: 1.5rem;
	}

	#ideal #sec2 h4 span{
		display:block;
		width: 42px;
		background:#ccc;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		padding: 0 0 3px;
		text-align: center;
		position:absolute;
		left:0;
		top: 3px;
	}

	#ideal #sec2 h4 span.team1{
		background:#c2dd4c;
	}
	#ideal #sec2 h4 span.team2{
		background:#e6a937;
	}
	#ideal #sec2 h4 span.team3{
		background: #4f7eb9;
		color:#fff;
	}

	#ideal #sec2 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
	}

	#ideal #sec1 ul._core_list,#ideal #sec2 ul.alpha_list{
		margin: 20px 0 0;
	}

	#ideal #sec1 ul._core_list li{
		width: 47%;
		border-top: 2px solid #737475;
		padding: 32px 0;
	}

	#ideal #sec2 ul.alpha_list li{
	border-top: 1px solid #ccc;
	margin: 0 0 50px;
	}

	#ideal #sec2 ul.alpha_list .icon_wrap{
		margin: 0 0 30px;
		padding:36px 0 0;
	}

	#ideal #sec2 ul.alpha_list .icon_wrap .img_box{
		width: 30vw;
		margin:0 auto;
	}

	#ideal #sec2 ul.alpha_list .icon_wrap i{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		font-style: normal;
		text-align: center;
		line-height: 140%;
		color: #949494;
		padding: 0 0 10px;
	}

	/* credo BTN */
	
	#ideal .credo_info_wrap li a{
		display: block;
		padding: 44px 0 46px;
		position: relative;
		text-align: center;
		border-top: 1px solid #d4d4d4;
	}
	
	#ideal .credo_info_wrap li a.lt{
		border-bottom: 1px solid #d4d4d4;
	}
	
	#ideal .credo_info_wrap li a h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		color: #8c8c8c;
		font-size: 1.3rem;
		line-height: 100%;
	}
	
	#ideal .credo_info_wrap li a h5 span.credo_eng{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		text-align: center;
		width: 100%;
		position: absolute;
		top: 17px;
		left: 0;
	}
	
	#ideal .credo_info_wrap li a:before{
		position:absolute;
		content:"";
		bottom: 23px;
		right: 50%;
		width: 12px;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		transition: all 0.5s ease 0s;
		border-top: 1px solid #8c8c8c;
		transform: rotate(0);
	}
	#ideal .credo_info_wrap li a:after{
		position:absolute;
		content:"";
		bottom: 23px;
		right: 50%;
		width: 12px;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		transition: all 0.5s ease 0s;
		border-top: 1px solid #8c8c8c;
		transform: rotate(90deg);
	}
	
	
	
	/* credo BTN active */
	
	#ideal .credo_info_wrap li a.active{
		border-top:none;
	}
	
	#ideal .credo_info_wrap:nth-last-of-type(1) li a.active{background:#8f949b;}
	#ideal .credo_info_wrap:nth-last-of-type(2) li a.active{background:#81a290;}
	#ideal .credo_info_wrap:nth-last-of-type(3) li a.active{background:#a095a7;}
	#ideal .credo_info_wrap:nth-last-of-type(4) li a.active{background:#c69959;}
	#ideal .credo_info_wrap:nth-last-of-type(5) li a.active{background:#a29181;}
	
	#ideal .credo_info_wrap li a.active h5{
		color: #fff;
	}
	
	#ideal .credo_info_wrap li a.active h5 span.credo_eng{
		color: #fff;
	}
	
	#ideal .credo_info_wrap li a.active:before{
		border-top: 1px solid #fff;
		transform: rotate(180deg);
	}
	#ideal .credo_info_wrap li a.active:after{
		border-top: 1px solid #fff;
		transform: rotate(360deg);
	}
	
	#ideal .credo_info_contents{
		padding: 28px 31px;
	}
	
	#ideal .credo_info_contents:nth-last-of-type(1){background: #c7c7c7;}
	#ideal .credo_info_contents:nth-last-of-type(2){background: #abbca8;}
	#ideal .credo_info_contents:nth-last-of-type(3){background: #d9c8dd;}
	#ideal .credo_info_contents:nth-last-of-type(4){background: #ebd7a7;}
	#ideal .credo_info_contents:nth-last-of-type(5){background: #f3f0ee;}
	
	#ideal .credo_info_contents p{
		font-size: 1.4rem;
	}


/* =========================================================================
	diversity
===========================================================================*/


	#diversity #sec {
		width: 100%;
		margin: 100px 0 40px;
	}
	
	
	#diversity #h2_area {
		background: url(/global/img/slash_black.png) no-repeat center 80px;
		background-size: 20px auto;
		padding: 0 0 90px;
		text-align: center;
	}
	
	#diversity #h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
	}
	
	#diversity #h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 3.2rem;
		line-height: 110%;
		display: inline-block;
	}
	
	#diversity .h2_area p{
		padding: 60px 0 0;
	}
	
	#diversity .diversity_box{
		/* font-size: 14px; */
		position: relative;
		width: 88%;
		margin: 0 auto;
	}

	#diversity table{
		width: 100%;
	}

	#diversity th,#diversity td{
		padding: 25px 5px;
		border-bottom: 1px solid #626262;
		vertical-align: top;
		text-align: left;
		font-size: 1.2rem;
	}
	
	#diversity tr:first-child th,#diversity tr:first-child td{
		border-top: 2px solid #626262;
	}
	
	#diversity tr:last-child th,#diversity tr:last-child td{
		border-bottom: 2px solid #626262;
		position: relative;
		padding: 25px 5px 40px;
	}
	
	#diversity th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		padding: 25px 0 25px 5px;
		white-space: nowrap;
	}
	
	#diversity td span{
		display: block;
		font-size: 1.2rem;
		padding: 5px 0 0;
		line-height: 160%;
	}
	
	#diversity .info {
		margin: 30px 0 80px;
		font-size: 1.3rem;
	}
	#diversity .info2 {
		margin: 20px 0 50px;
		font-size: 1.3rem;
	}

	
	#diversity .box2{
		padding: 7px 16px;
		background: #e5e5e5;
		font-weight: 600;
		font-size:1.6rem;
	}

	
	#diversity .diversity_box a:link {
	color: #587bde;
	text-decoration: underline !important; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
	}
	#diversity .diversity_box a:visited {
		color: #587bde;
		text-decoration: underline;
	}
	#diversity .diversity_box a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
		text-decoration: underline;
	}
	
	
	/* =========================================================================
 	new
	===========================================================================*/
	
	#new #sec {
		background: #f7f8fa;
		padding: 48px 8% 100px;
	}
	
	#new #sec2 {
		width: 100%;
		background: #f7f8fa;
	}
	
	#new #sec3 {
		width: 100%;
		padding: 100px 0 50px;
	}

	#new #sec2 p.body_txt,#new #sec3 p.body_txt{
		width: 80%;
		margin: 0 auto;
		padding: 0 0 20px;
	}
	
	#new .h2_area {
		background: url(/global/img/slash_black.png) no-repeat center 80px;
		background-size: 20px auto;
		padding: 0 0 90px;
		text-align: center;
	}
	
	#new .h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
	}
	
	#new .h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 3.2rem;
		line-height: 110%;
		display: inline-block;
	}

	
	#new #message_wrap{
		padding: 28px 25px;
		background: #fff;
		position: relative;
	}
	
	#new #message_img{
		width: 100%;
		margin: 0 0 17px;
	}
	
	#new #message_txt_wrap{
		
	}
	
	#new #message_txt_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 2.2rem;
		color: #6b6b6b;
		position: relative;
		padding: 14px 0 10px;
	}
	
	#new #message_txt_wrap h2:before{
		content: "MESSAGE";
		color: #fff;

		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 1.0rem;
		background: #aaaaaa;
		padding: 4px 10px 3px;
		letter-spacing:1px;
		line-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
	}
	
	#new #message_txt_wrap h2:after{
		display: inline-block;
		content: "";
		width: 40px;
		height: 1px;
		background: #b7b7b7;
		margin: 0 0 8px 10px;
	}

	#new #message_txt_wrap p{
		font-size:1.4rem;
		line-height:160%;
	}
	#new #message_txt_wrap p.team_txt{
		font-size:1.2rem;
		line-height:120%;
		text-align:right;
		padding: 15px 0 0;
	}
	
	
	
	#new .bnr_box{
		width: 80%;
		margin: 14px auto 90px;
	}
	
	#new .bnr_box li{
		width: 100%;
		background:#fff;
		margin: 0 0 8px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); 
	}

	#new .bnr_box li a{
		display:block;
	}

	#new .bnr_box li a:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}

	#new .other_wrap{
		width:80%;
		margin:0 auto 60px;
	}

	#new .other_wrap p{
		font-size:1.4rem;
		width:75%;
		padding:10px 0 0;
		line-height:140%;
		float:right;
	}

	#new .other_wrap .bnr_box2{
		width: 16%;
		float:left;
	}
	
	#new .mypage_wrap{
		width: 100%;
		background: #535353;
		padding:50px 0;
	}

	#new .mypage_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.9rem;
		color:#fff;
		text-align:center;
	}

	#new .mypage_wrap h3 span.bet{
		letter-spacing: 2px;
	}	

	#new .mypage_wrap h3 span.bracket{
		margin: 0 0.4rem 0 1rem;
	}

	
	#new .mypage_wrap h3 span.adjust{
		letter-spacing: 2px;
		font-size: 1.78rem;
		margin: 0 1px 0 0;
	}	


	#new .mypage_wrap p{
		font-size: 1.4rem;
		color:#fff;
		width: 80%;
		margin:0 auto;
		padding:14px 0 30px;
	}

	#new .mypage_wrap p.cap{
		font-size: 13px;
		padding: 12px 0 3px;
		color: #b0b0b0;
		line-height: 21px;
	}
	
	#new .mypage_name{
		font-size: 28px;
		color: #ffffff;
		margin: 4px auto 3px;
		text-align:center;
		/* font-weight:400; */
		/* letter-spacing: 2.8px; */
	}		

	#new .mini2{
		font-size: 16px;
		color:#a9a7a7;
		margin: 0 3px 0 0;
		text-align:center;
		font-weight:400;
		letter-spacing: 2.8px;
		display: inline;
	}	
	

	#new .mini{
		font-size: 17px;
		color:#a9a7a7;
		/* margin: 0px auto 0; */
		text-align:center;
		font-weight:400;
		letter-spacing: 2.8px;
		display: inline;
	}	
	
	#new .flow_wrap{
		width: 80%;
		margin: 10px auto 20px;
	}

	#new .flow_wrap > li{
		margin: 0 0 24px;
		position: relative;
	}
	
	
	
	
	#new .flow_wrap > li:before{
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		line-height: 100%;
		width: 40px;
		text-align:center;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		z-index: 20;
	}
	
	#new .flow_wrap > li:after{
		content:"";
		display: inline-block;
		background: #8f949b;
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		z-index: 10;
		height:100%;
	}
	
	#new .flow_wrap > li:nth-child(1):before{content: "1"; }
	#new .flow_wrap > li:nth-child(2):before{content: "2"; }
	#new .flow_wrap > li:nth-child(3):before{content: "3"; }
	#new .flow_wrap > li:nth-child(4):before{content: "4"; }
	#new .flow_wrap > li:nth-child(5):before{content: "5"; }
	

	#new .flow_wrap li .flow_box{
		border:1px solid #ccc;
		margin:0 0 0 48px;
		padding:20px 16px;
		position:relative;
	}
	
	#new .flow_wrap li .flow_box:before{
		content:"";
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		bottom: -24px;
		left: 50%;
		-webkit-transform:translate(-50%, 0);
		transform:translate(-50%, 0);
		background: url(../img/new_bg_arrow_sp.gif) no-repeat center;
		background-size: 16px auto;
	}

	
	#new .flow_wrap > li:nth-child(5) .flow_box:before{
		top: -24px;
	}
	
	#new .flow_wrap li .flow_box2{
		border:1px solid #ccc;
		background: #f1f2f4;
		/* width: 206px; */
		height: 56px;
		margin: 0 0 6px 49px;
	}
	
	#new .flow_wrap .flow_img{
		margin: 0 auto 10px;
	}
	#new .flow_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.8rem;
		text-align:center;
		padding: 0 0 10px;
	}
	#new .flow_wrap > li:nth-child(5) .flow_box h3{padding: 0;}
	
	#new .flow_box2 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		text-align:center;
		padding: 8px 0 2px;
		line-height:160%
	}
	#new .flow_box p{font-size: 1.3rem;line-height: 150%;}
	#new .flow_box2 p{
		font-size: 1.3rem;
		line-height: 100%;
		text-align:center;
	}

	#new .flow_box p.flow_cap{
		font-size: 1.2rem;
		line-height: 140%;
		padding: 10px 0;
	}

	#new .btn_box li{
		width:126px;
		margin:0 auto 20px;
	}

	#new .btn_box li a:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}

	#new .flow_cap2{
		font-size:12px;
		text-indent: -1.4em;
		padding: 0 0 0 1em;
		margin: 0 11%;
	}
	
	#new .cv_txt{
		text-align: center;
		line-height: 150%;
		/* font-size: 14px; */
		padding: 0 0 20px;
	}
	
	#new .cv_wrap{
		background:#f7f8fa;
		
	}
	
	
	/* =========================================================================
 	career
	===========================================================================*/
	
	#career #sec {
		background: url(../img/career_photo01_sp.jpg) no-repeat top center;
		background-size: cover;
		height: calc(100vw*0.672);
		position: relative;
	}
	
	#career #sec2 {
		width: 100%;
		padding: 100px 0 50px;
	}

	#career #sec2 p.body_txt{
		width: 80%;
		margin: 0 auto;
		padding: 0 0 20px;
	}
	
	
	#career li.info_btn {
		width: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	
	#career li.info_btn a{
		display: block;
		padding: 20px 0;
		line-height: 140%;
		background: #fff url(/global/img/arrow_b.png) no-repeat 94% center;
		background-size: 5px auto;
		font-size: 1.4rem;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	
	#career li.info_btn a span{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		letter-spacing: 2px;
		padding: 0 0 3px;
	}
	
	
	
	#career .h2_area {
		background: url(/global/img/slash_black.png) no-repeat center 80px;
		background-size: 20px auto;
		padding: 0 0 90px;
		text-align: center;
	}
	
	#career .h2_area h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
	}
	
	#career .h2_area span{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 3.2rem;
		line-height: 110%;
		display: inline-block;
	}

	
	
	
	#career .flow_wrap{
		width: 80%;
		margin: 10px auto 20px;
	}

	#career .flow_wrap > li{
		margin: 0 0 24px;
		position: relative;
	}
	
	
	
	#career .flow_wrap > li:before{
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		line-height: 100%;
		width: 30px;
		text-align:center;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		z-index: 20;
	}
	
	#career .flow_wrap > li:after{
		content:"";
		display: inline-block;
		background: #8f949b;
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		z-index: 10;
		height:100%;
	}
	
	#career .flow_wrap > li:nth-child(1):before{content: "1"; }
	#career .flow_wrap > li:nth-child(2):before{content: "2"; }
	#career .flow_wrap > li:nth-child(3):before{content: "3"; }
	#career .flow_wrap > li:nth-child(4):before{content: "4"; }
	#career .flow_wrap > li:nth-child(5):before{content: "5"; }
	

	#career .flow_wrap li .flow_box{
		border:1px solid #ccc;
		margin: 0 0 0 34px;
		padding:20px 16px;
		position:relative;
	}
	
	#career .flow_wrap li .flow_box:before{
		content:"";
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		bottom: -24px;
		left: 50%;
		-webkit-transform:translate(-50%, 0);
		transform:translate(-50%, 0);
		background: url(../img/new_bg_arrow_sp.gif) no-repeat center;
		background-size: 16px auto;
	}
	
	#career .flow_wrap > li:nth-child(4) .flow_box:before{
		background:none;
	}

	
	#career .flow_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.5rem;
		font-feature-settings: 'palt';
	}

	
	#career .flow_box p{font-size: 1.3rem;line-height: 150%;}

	
	#career .cv_txt{
		text-align: center;
		line-height: 150%;
		padding: 0 0 20px;
	}
	
	#career .cv_wrap{
		background:#f7f8fa;
		
	}
	
}




/*===============================================
　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

/*********  SPヘッダー iPhone5サイズ対応 ************/
@media (max-width:349px) {
	#member #main_wrap{
		width: 100vw;
		height: 450px;
		position: relative;
	}
}