@charset "utf-8";
/* CSS Document */


#main_visual #catch { font-size: 93.33%; /*calc( 28 / 30 * 100%)*/ }
ul.article_list li { font-size: 93.33% /*calc( 28 / 30 * 100%)*/ }
#event .event_btn { font-size: 100%; /*calc( 30 / 30 * 100%)*/ }
#link1 ul#link1_list li .link1_over p.link1_name { font-size: 100%; /*calc( 30 / 30 * 100%)*/ }
#link2 ul#link2_list li a .link2_name { font-size: 110%; /*calc( 33 / 30 * 100%)*/ }
#recruit #recruit_bnr ul#recruit_cmp li { font-size: 93.33%; /*calc( 28 / 30 * 100%)*/ }
#block_wrap .block_catch { font-size: 126.67%; /*calc( 38 / 30 * 100%)*/ }
#block_wrap .link_btn span { font-size: 93.33%; /*calc( 28 / 30 * 100%)*/ }
#info ul#info_list li a .info_over .info_cmp { font-size: 93.33%; /*calc( 28 / 30 * 100%)*/ }
#info ul#info_list li a .info_over .info_link { font-size: 93.33%; /*calc( 28 / 30 * 100%)*/ }



/* contents */
#contents_wrap {
	width: 100%;
	padding-bottom: 25%;
	position: relative;
}
#contents {
	width: 100%;
	position: relative;
}

/* main_visual */
#main_visual {
	width: 100%;
	margin: 0;
	position: relative;
}

	#main_visual #catch {
		position: absolute;
		top: 0;
		left: 0;
		padding: 2% 3.3% 2% 4%;
		width: ( 100 - 7.3%);
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba(17,170,238,0.5);
		line-height: 140%;

	}	


/* event */
#event_wrap {
	width: 100%;
	margin: 0;
}

#event {
	width: 92%;
	margin: 0;
	padding: 5% 4% 0 4%;
}

	h2 {
		padding: 1.3% 0 1.3% 10%;
	}	

	#event h2 { 
		background: url(../img/icon_event.png)left top no-repeat;
		background-size: 8%;
	}

	ul.article_list {
		width: 100%;	
	}

	ul.article_list li {
		padding: 2.6% 0;
		border-bottom: 1px solid #b2c6d3;
    	letter-spacing: 0.5px;
		line-height: 140%;
	}

    #event ul.article_list li {
		display: none;
	}

	ul.article_list li:last-child {
		border-bottom: none;
	}

	ul.article_list li p.date {
		display: block;
	}

	ul.article_list li p.article {
		display: block;
		margin-top: 5px;
	}

	#event ul.article_list li p.article a {
		/*color: #579ab9;*/
	}	

	#news ul.article_list li p.article a {
		color: #579ab9;
	}	

	#event .event_btn {
		width: 100%;
		padding: 4% 0;
		border: 2px solid #0f9ddf;
		margin: 2.7% 0 5.3% 0;
		color: #0f9ddf;
		font-weight: bold;
		text-align: center;
		display: none;
	}	

	#event #event_btn_more {
		background: url(../img/more.png) left 30% center no-repeat;
		background-size: 4% auto;
	}
		

	#event #event_btn_close {
		background: url(../img/close.png) left 30% center no-repeat;
		background-size: 4% auto;
	}
	

/* news */
#news_outer {
	width: 100%;
	margin: 0;
	background-color: #ddeeff;
}

#news {
	width: 92%;
	margin: 0;
	padding: 5% 4% 3% 4%;
}

	#news h2 { 
		background: url(../img/icon_news.png)left top no-repeat;
		background-size: 8%;
	}


/* works */

#works_outer {
	width: 100%;
	margin: 0 auto;
	background-color: #ddeeff;
	padding-bottom: 10%;
}

#works_wrap {
	width: 90%;
	margin: 0 auto;
	background-color:#FFF
}

#works {
	padding: 8vw 4vw;
}

#works_outer .lead {
	margin: 0 auto;
	padding: 8vw 4vw;
	font-size: 5.333333333333334vw;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;

}

#works_outer #works_wrap #works h2 {
	font-size: 6.933333333333333vw;
	padding: 0;

}

#works_outer #works_wrap #works h2 .s_tit {
	font-size: 4.8vw;
	font-weight: normal;

}

/* #works_outer #works_wrap #works h2 .s_tit::before {
	border-top: 1px solid;
	content: "";
	width: 2em;
	margin-right: 0.5em;
	display: inline-block;
} */

#works_outer #works_wrap #works dl {
	margin: 8vw 0;
	padding-left: 1em;
}

#works_outer #works_wrap #works .tit_bold {
	font-size: 4.8vw;
	font-weight: bold;
	margin-bottom: 5.333333333333334vw;
	position:relative;
	display:inline-block;
}

#works_outer #works_wrap #works .tit_bold::before {
	content:"";
	display:inline-block;
	width:1.0666666666666667vw;
	height:4.8vw;
	background-color:#11aaee;
	position:absolute;
	top:-0.5333333333333333vw;
	left:-3.4666666666666663vw;
}

#works_outer #works_wrap #works .txt_normal {
	font-size: 4.266666666666667vw;
	text-indent: -1em;
	line-height: 1.8em;
}


/* link */
#link {
	width: 100%;
	margin: 0;
	padding: 7% 0 0 0;	
}

#link1 {
	width: 92%;
	padding: 0 4%;	
}
#link1 h2 {
    background: url(../img/icon_interview.png)left top no-repeat;
    background-size: 8%;	
}
#link1 h2 a {
	display: inline-block;
	position: relative;
}
#link1 h2 a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    bottom: 0.32em;
    right: -0.9em;
    width: 0.4em;
    height: 0.4em;
    margin: auto;
    border-top: 2px solid #0f96b8;
    border-right: 2px solid #0f96b8;
    transform: rotate(45deg);
}


	#link1 ul#link1_list {
		width: 100%;
		margin-top: 2.6%;
	}

	#link1 ul#link1_list li {
		width: 100%;
		margin-bottom: 3.3%;
		position: relative;
	}

	#link1 ul#link1_list li a {
		display: block;
	}


	#link1 ul#link1_list li#link1_c1 a { 
		background: url(../img/sp_link1_c1.png) left top no-repeat;
		background-size: 100% auto;
		padding-bottom: 41%;
	}

	#link1 ul#link1_list li#link1_c2 a { 
		background: url(../img/sp_link1_c2.png) left top no-repeat;
		background-size: 100% auto;
		padding-bottom: 41%;
	}

	#link1 ul#link1_list li#link1_c3 a { 
		background: url(../img/sp_link1_c3.png) left top no-repeat;
		background-size: 100% auto;
		padding-bottom: 41%;
	}


	#link1 ul#link1_list li .link1_over {
		position: absolute;
		top: 0;
		left: 0;
		padding-bottom: 40.6%;
		width: 50.4%;
	}

	#link1 ul#link1_list li .link1_over p.link1_name {
    	color: #fff;
		position: absolute;
		top: 25%;
		width: 100%;
		text-align: center;
		padding-bottom: 23%;
    	font-weight: bold;
    	line-height: 140%;
		letter-spacing: -0.5px;

	}

	#link1 ul#link1_list li .link1_over p.link1_name span.link1_name_1 {
		display: block;
		margin-top: 3%;
	}

	#link1 ul#link1_list li .link1_over p.link1_name span.link1_name_2 {
		display: block;
		margin-top: 8%;
	}

	#link1 ul#link1_list li#link1_c1 a .link1_over {
		background-color: rgba(17,170,238,0.8);
	}

	#link1 ul#link1_list li#link1_c2 a .link1_over {
		background-color: rgba(17,170,238,0.8);
	}

	#link1 ul#link1_list li#link1_c3 a .link1_over {
		background-color: rgba(17,170,238,0.8);
	}

	#link1 ul#link1_list li#link1_c1 .link1_over p.link1_name {
		background: url(../img/arrow7.png) center bottom no-repeat;
		background-size: 15%;
	}

	#link1 ul#link1_list li#link1_c1 .link1_over p.link1_name span.small_company_name,
	#link1 ul#link1_list li#link1_c2 .link1_over p.link1_name span.small_company_name,
	#link1 ul#link1_list li#link1_c3 .link1_over p.link1_name span.small_company_name {
		font-size: 10px;
		display: block;
		margin-top: 10px;
	}
 
	/* {
		background: url(../img/arrow7.png) center bottom no-repeat;
		background-size: 15%;
	} */

	#link1 ul#link1_list li#link1_c2 .link1_over p.link1_name {
		background: url(../img/arrow7.png) center bottom no-repeat;
		background-size: 15%;
	}

	#link1 ul#link1_list li#link1_c3 .link1_over p.link1_name {
		background: url(../img/arrow7.png) center bottom no-repeat;
		background-size: 15%;
	}

#link1 #intervier_other {
	margin-top: 3%;
}
#link1 #intervier_other a {
	display: inline-block;
	position: relative;
	/*font-size: 93.33%;*/
	font-weight: bold;
}
#link1 #intervier_other a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    bottom: 0.26em;
    right: -0.9em;
    width: 0.4em;
    height: 0.4em;
    margin: auto;
    border-top: 3px solid #0f96b8;
    border-right: 3px solid #0f96b8;
    transform: rotate(45deg);
}

#link2 {
	padding-top: 8%;
}

	#link2 ul#link2_list {
		width: 92%;
	    padding: 0 4% 7% 4%;	
	}

	#link2 ul#link2_list li {
		width: 100%;
		margin-bottom: 3.3%;
		position: relative;
	}

	#link2 ul#link2_list li:last-child {
		margin-bottom: 0;
	}

	#link2 ul#link2_list li a {
		display: block;
		padding-bottom: 42.75%;
	}

	#link2 ul#link2_list li a .link2_name {
		font-weight: bold;
	}

	#link2 ul#link2_list li#link2_1 a { 
		background: url(../img/arrow3.png) right 2.5% bottom 5.5% no-repeat,url(../img/sp_link2_1.png) left top no-repeat;
		background-size: 5%,100% auto;
	}

	#link2 ul#link2_list li#link2_2 a { 
		background: url(../img/arrow4.png) right 2.5% bottom 5.5% no-repeat,url(../img/sp_link2_2.png) left top no-repeat;
		background-size: 5%,100% auto;
	}

	#link2 ul#link2_list li#link2_1 a .link2_name {
		position: absolute;
		top: 9%;
		left: 5%;
		
	}

	#link2 ul#link2_list li#link2_2 a .link2_name {
		position: absolute;
		top: 27%;
		text-align: center;
		left: 0;
    	right: 0;
}


/* recruit */
#block_wrap {
	width: 100%;
	margin: 0;
	padding: 5% 0 0 0;	
}

#recruit {
	width: 92%;
	padding: 0 4%;	
}

	#recruit h2 { 
		background: url(../img/icon_recruit.png)left top no-repeat;
		background-size: 8%;
	}

	#recruit #recruit_bnr a {
		width: 100%;
		display: block;
		margin: 2.6% 0 10% 0;
		padding-bottom: 57.5%;
		background: url(../img/sp_information.png) left top no-repeat;
		background-size: 100% auto;
		position: relative;
		letter-spacing: 1px;
	}

    /*募集要項　３月公開予定対応*/
	#recruit #recruit_bnr.nolink {
		width: 100%;
		display: block;
		margin: 2.6% 0 10% 0;
		padding-bottom: 62.32%;
		background: url(../img/sp_recruit.png) left top no-repeat;
		background-size: 100% auto;
		position: relative;
		letter-spacing: 1px;
	}

	#recruit #recruit_bnr ul#recruit_cmp {
		position: absolute;
		top: 6%;
		left: 0;
		right: 0;
	}

	#recruit #recruit_bnr ul#recruit_cmp li {
		padding: 1.5% 3%;
		background-color: #fff;
		letter-spacing: -2px;
		width: 60%;
        margin: 0 auto 1.2% auto;
		font-weight: bold;
		text-align: center;
	}

	#recruit #recruit_bnr ul#recruit_cmp li:last-child {
		margin-bottom: 0;
	}

	#recruit #recruit_bnr ul#recruit_cmp li#recruit_cmp1 { color: #02a699 }
	#recruit #recruit_bnr ul#recruit_cmp li#recruit_cmp2 { color: #4aae20 }
	#recruit #recruit_bnr ul#recruit_cmp li#recruit_cmp3 { color: #c88f0d }

	#block_wrap .block_catch {
		position: absolute;
		color: #fff;
		font-weight: bold;
		line-height: 130%;
		text-shadow: 0 0 50px #000;
		width: 94%;
	}
	#block_wrap #recruit_bnr .block_catch {
		text-shadow: 0 0 20px #000;
	}
	#recruit #recruit_bnr .block_catch {
		top: 35%;
		left: 3%;
		text-align: center;
	}

	#block_wrap .link_btn {
		position: absolute;
		top: 92%;
		right: 0;
		left: 0;
		padding: 3% 7%;
		background: url(../img/arrow5.png) right 9% center no-repeat;
		background-size: 3% auto;
		width: 60%;
		margin: auto;
		text-align: center;
		/*box-shadow: 0 20px 25px -20px #000;*/
	}

	#recruit #recruit_bnr .link_btn {
		background-color: #47b8d4;
	}

	#block_wrap .link_btn span {
		letter-spacing: -3px;
		font-weight: bold;
		color: #fff;
	}

	/*募集要項　３月公開予定対応*/
	#recruit #recruit_bnr .link_btn.notredy {
		background: none;
		background-color: #adadad;
	}

	/*募集要項　３月公開予定対応*/
	#recruit #recruit_bnr .link_btn.notredy span {
		letter-spacing: 0;
	}


/* mypage */
#block_wrap {
width: 100%;
margin: 0;
padding: 5% 0 0 0;	
}

#mypage {
width: 92%;
padding: 0 4%;	
}

#mypage h2 { 
	background: url(../img/icon_recruit.png)left top no-repeat;
	background-size: 8%;
}

#mypage #mypage_bnr a {
	width: 100%;
	display: block;
	margin: 2.6% 0 10% 0;
	padding-bottom: 57.5%;
	background: url(../img/sp_yatteminahare.png) left top no-repeat;
	background-size: 100% auto;
	position: relative;
	letter-spacing: 1px;
}

/*募集要項　３月公開予定対応*/
#mypage #mypage_bnr.nolink {
	width: 100%;
	display: block;
	margin: 2.6% 0 10% 0;
	padding-bottom: 62.32%;
	background: url(../img/sp_recruit.png) left top no-repeat;
	background-size: 100% auto;
	position: relative;
	letter-spacing: 1px;
}

#mypage #mypage_bnr ul#mypage_cmp {
	position: absolute;
	top: 6%;
	left: 0;
	right: 0;
}

#mypage #mypage_bnr ul#mypage_cmp li {
	padding: 1.5% 3%;
	background-color: #fff;
	letter-spacing: -2px;
	width: 60%;
	margin: 0 auto 1.2% auto;
	font-weight: bold;
	text-align: center;
}

#mypage #mypage_bnr ul#mypage_cmp li:last-child {
	margin-bottom: 0;
}

#mypage #mypage_bnr ul#mypage_cmp li#mypage_cmp1 { color: #02a699 }
#mypage #mypage_bnr ul#mypage_cmp li#mypage_cmp2 { color: #4aae20 }
#mypage #mypage_bnr ul#mypage_cmp li#mypage_cmp3 { color: #c88f0d }

#block_wrap .block_catch {
	position: absolute;
	color: #fff;
	font-weight: bold;
	line-height: 130%;
	text-shadow: 0 0 50px #000;
	width: 94%;
}
#block_wrap #mypage_bnr .block_catch {
	text-shadow: 0 0 20px #000;
}
#mypage #mypage_bnr .block_catch {
	top: 35%;
	left: 3%;
	text-align: center;
}

#block_wrap .link_btn {
	position: absolute;
	top: 92%;
	right: 0;
	left: 0;
	padding: 3% 7%;
	background: url(../img/arrow5.png) right 9% center no-repeat;
	background-size: 3% auto;
	width: 60%;
	margin: auto;
	text-align: center;
	/*box-shadow: 0 20px 25px -20px #000;*/
}

#mypage #mypage_bnr .link_btn {
	background-color: #47b8d4;
}

#block_wrap .link_btn span {
	letter-spacing: -3px;
	font-weight: bold;
	color: #fff;
}

/*募集要項　３月公開予定対応*/
#mypage #mypage_bnr .link_btn.notredy {
	background: none;
	background-color: #adadad;
}

/*募集要項　３月公開予定対応*/
#mypage #mypage_bnr .link_btn.notredy span {
	letter-spacing: 0;
}



/* seminar */

#seminar {
	width: 92%;
	padding: 2% 4% 0 4%;	
}
	#seminar h2 { 
		background: url(../img/icon_seminar.png)left top no-repeat;
		background-size: 8%;
	}

	#seminar #seminar_bnr a {
		width: 100%;
		margin: 2.6% 0 10% 0;
		padding-bottom: 62.32%;
		background: url(../img/sp_seminar.png) left top no-repeat;
		background-size: 100% auto;
		position: relative;
		display: block;
	}

	#seminar #seminar_bnr .block_catch {
		position: absolute;
		top: 10%;
		left: 3%;
		line-height: 160%;
		text-align: center;
		z-index: 999;
	}

	#seminar #seminar_bnr .block_catch span{
		font-size: 100%;
	}

	#seminar #seminar_bnr .link_btn {
		background-color: #5285e7;
	}

	#block_wrap .link_btn.seminar_inactive {
		background-image: none;
	}
		
	#block_wrap .link_btn.seminar_inactive span {
		letter-spacing: 0;
	}		

#seminar2 {
	width: 92%;
	padding: 2% 4% 0 4%;	
}
	#seminar2 h2 { 
		background: url(../img/icon_seminar.png)left top no-repeat;
		background-size: 8%;
	}

	#seminar2 #seminar2_bnr a {
		width: 100%;
		margin: 2.6% 0 10% 0;
		padding-bottom: 62.32%;
		background: url(../img/sp_recruit.png) left top no-repeat;
		background-size: 100% auto;
		position: relative;
		display: block;
	}

	#seminar2 #seminar2_bnr .block_catch {
		position: absolute;
		top: 25%;
		left: 3%;
		line-height: 160%;
		text-align: center;
		z-index: 999;
	}

	#seminar2 #seminar2_bnr .block_catch span{
		font-size: 82.67%;
	}

	#seminar2 #seminar2_bnr .link_btn {
		background-color: #5285e7;
	}

	#block_wrap .link_btn.seminar_inactive {
		background-image: none;
	}
		
	#block_wrap .link_btn.seminar_inactive span {
		letter-spacing: 0;
	}		



/* info */
#info {
	width: 100%;
	padding: 2% 0 0 0;
}

#info #sp_wrap {
	width: 92%;
	padding: 0 4%;	
}

	#info h2 { 
		background: url(../img/icon_info.png)left top no-repeat;
		background-size: 8%;
	}	

	#info ul#info_list {
		width: 100%;
		margin-top: 2.6%;
	}

	#info ul#info_list li {
		width: 100%;
	}

	#info ul#info_list li a {
		display: block;
		padding: 0 4%;
		width: 92%;
		text-decoration: underline solid;
	}

	/* #info ul#info_list li#info_list1 a { background-color: #22ccbb; } */
	/* #info ul#info_list li#info_list2 a { background-color: #77dd44; } */
	/* #info ul#info_list li#info_list3 a { background-color: #eeaa22; } */


	#info ul#info_list li a .info_over {
		width: 100%;
		overflow: hidden;
	}
/*
	#info ul#info_list li a .info_over .info_bg {
		position: absolute;
		top: 150px;
		left: 0;
		width: 300px;
		height: 100px;
		background-color: rgba(255,255,255,0.5);
	}
*/

	#info ul#info_list li a .info_over .info_img {
		float: left;
		width: 26%;
		margin-right: 6%;
	}

	#info ul#info_list li a .info_over .info_cmp {
		/* float: right; */
		text-align: left;
		margin-bottom: 10%;
		font-weight: bold;
		margin: 3% 0 5% 0;
		width: 68%;
	}

	#info ul#info_list li a .info_over .info_link {
		float:right;
		width: 68%;
		padding: 2% 0;
		text-align: center;
		background: url(../img/arrow6.png) right 12% center no-repeat;
		background-size: 3% auto;
		background-color: #fff;
	}


#recruit_bnr,
#mypage_bnr,
#seminar_bnr,
#seminar2_bnr {
	position: relative;
}
#recruit_bnr:after {
	content: "";
	background-color: rgba(0,0,0,0.1);
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
}
#mypage_bnr:after {
	content: "";
	background-color: rgba(0,0,0,0.1);
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
}
#seminar2_bnr:after,
#seminar_bnr.close:after {
	content: "";
	background-color: rgba(0,0,0,0.3);
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
}


/* 202402 募集要項リンク･ボタン設置 */

#news ul.article_list li p.article a.article_list_link {
	color:#262626;
	text-decoration:underline;
}


#block_wrap #recruit_bnr.type2 {
	width: 100%;
    display: block;
    margin: 2.6% 0 10% 0;
    /*padding-bottom: 110%;  ボタン2つ*/
    padding-bottom: 90%; /*ボタン1つ*/
	background: url(../img/sp_information.png) left top no-repeat;
    background-size: 100% auto;
    position: relative;
    letter-spacing: 1px;
	background-color: #B9E4FF;
}
#block_wrap #recruit_bnr.type2:after {
	content: none;
}
#block_wrap #recruit_bnr.type2 .block_catch {
    /*font-size: 3.9vw;*/
	font-size: 126.67%;
    /*top: 20%; ボタン2つ*/
    top: 25%; /*ボタン1つ*/
}
#block_wrap #recruit_bnr.type2 .block_catch span.red {
	color:#fff;
	font-weight:bold;
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn {
	position: absolute;
    /*top: 63%; ボタン2つ*/
    top: 76%; /*ボタン1つ*/
	width: 90%;
    left: 50%;
	transform: translateX(-50%);
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn li {
	width: 100%;
	margin-bottom: 5%;
	border-radius: 100px;
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn li:last-child {
    margin-bottom: 0;
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn li.base_blue {
	background-color: #006ED2;
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn li.base_green {
	background-color: #00AC00;
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn li a {
    display: block;
    width: 85%;
    height: auto;
    background: none;
	margin: 0;
    padding: 5% 3% 4% 12%;
	font-size: 3.5vw;
	color: #fff;
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn li a span.btn_tytle {
	font-size: 120%;
	font-weight: bold;
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn li a span.btn_tytle_small {
	font-size: 70%;
    letter-spacing: -1px;
}
#block_wrap #recruit_bnr.type2  ul#recruit_btn li a:after {
	content: "";
    position: absolute;
    top: 50%;
	left: 4%;
    margin: auto;
    vertical-align: middle;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	width: 2vw;
	height: 2vw;
    transform: rotate(45deg) translateY(-50%);
    z-index: 15;
}

/* #mypage */
#block_wrap #mypage_bnr.type2 {
	width: 100%;
    display: block;
    margin: 2.6% 0 10% 0;
    /*padding-bottom: 110%;  ボタン2つ*/
    padding-bottom: 90%; /*ボタン1つ*/
	background: url(../img/sp_yatteminahare.png) left top no-repeat;
    background-size: 100% auto;
    position: relative;
    letter-spacing: 1px;
	background-color: #B9E4FF;
}
#block_wrap #mypage_bnr.type2:after {
	content: none;
}
#block_wrap #mypage_bnr.type2 .block_catch {
    /*font-size: 3.9vw;*/
	font-size: 126.67%;
    /*top: 20%; ボタン2つ*/
    top: 25%; /*ボタン1つ*/
}
#block_wrap #mypage_bnr.type2 .block_catch span.red {
	color:#fff;
	font-weight:bold;
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn {
	position: absolute;
    /*top: 63%; ボタン2つ*/
    top: 76%; /*ボタン1つ*/
	width: 90%;
    left: 50%;
	transform: translateX(-50%);
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn li {
	width: 100%;
	margin-bottom: 5%;
	border-radius: 100px;
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn li:last-child {
    margin-bottom: 0;
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn li.base_blue {
	background-color: #006ED2;
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn li.base_green {
	background-color: #00AC00;
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn li a {
    display: block;
    width: 85%;
    height: auto;
    background: none;
	margin: 0;
    padding: 5% 3% 4% 12%;
	font-size: 3.5vw;
	color: #fff;
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn li a span.btn_tytle {
	font-size: 120%;
	font-weight: bold;
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn li a span.btn_tytle_small {
	font-size: 70%;
    letter-spacing: -1px;
}
#block_wrap #mypage_bnr.type2  ul#mypage_btn li a:after {
	content: "";
    position: absolute;
    top: 50%;
	left: 4%;
    margin: auto;
    vertical-align: middle;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	width: 2vw;
	height: 2vw;
    transform: rotate(45deg) translateY(-50%);
    z-index: 15;
}