@charset "utf-8";
body,
#container{
}
#pan {
	display: none;
}
#left_frame{
	display: none;
}
#container .jobs_container strong {
	font-weight: bold;
}
.jobs_container{
	width: 960px;
	padding-top: 60px;
}
.career-left-frame{
	float: left;
	width: 220px;
}
.career-left-frame dl{
	border: 5px solid #e6e6e6;
	margin-bottom: 23px;
}
.career-left-frame dt{
	background: #e6e6e6;
	text-align: center;
}
.career-left-frame dt span{
	display: inline-block;
	padding: 46px 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.career-left-frame li a{
	display: block;
	text-align: center;
	padding: 25px 0 29px 0;
	margin: 0 20px;
  background-image: linear-gradient(to right, #b2b2b2, #b2b2b2 1px, transparent 1px, transparent 3px);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 4px 1px;
}
.career-left-frame li a.is-active{
	color: #e60012!important;
}

.career-left-frame li:first-child a{
	background: none;
}
.career-left-frame li span{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.career-left-frame li i{
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
	background-size: cover;
	border-radius: 7px;
	margin-right: 10px;
}

/* banner */

@media all{
	.u-hide-tab-pc{
	  display: none;
	}
}

#container #right_frame{
    width: 700px;
    padding: 0 0 0 0;
    float: right;
    text-align: left;
}
.career-page-title{
	border-top: #ededed 1px solid;
	margin-bottom: 30px;
}
.career-page-title h2{
	margin-top: -1px;
	margin-bottom: 40px;
}
.career-page-title h2 span{
	border-top: #e60012 1px solid;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 44px 0 0 0;
}

.career-page-title p{
	font-size: 16px;
}
.career-page-title p br{
	display: none;
}
#career{
	margin: 0
}
/* ==========================================================================
   TOP
   ======================================================================= */
.career-news__body{
	position: relative;
	height: 250px;
}

/* ==========================================================================
   Q & A
   ======================================================================= */
.qa-section + .qa-section{
	margin-top: 70px;
}
.qa-header{
	background: #e6e6e6;
}
.qa-header h3{
	font-size: 22px;
	line-height: 1;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 15px 30px;
}
.qa-item{
	margin: 24px 0;
}
.qa-item-header i{
	font-style: normal;
	font-size: 22px;
	line-height: 1;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	color: #e60012;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}
.qa-item-header span{
	font-style: normal;
	font-size: 14px;
	line-height: 1.75;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
}
.qa-item-body{
	/* display: none; */
}

.qa-item-body div{
	position: relative;
	padding: 15px 0 0 30px;
}

.qa-item-body div::before{
	content: "A";
	font-style: normal;
	font-size: 22px;
	line-height: 1;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	color: #e60012;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	position: absolute;
	left: 2px;
	top: 17px;
}

.qa-item-body p{
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.75;
}

.qa-item-body p.kome{
	font-size: 12px;
}
.qa-item-body p.link{
	margin-top: 14px;
}
.qa-item-body p.link a::before{
	content: "";
	width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 7px;
    margin-right: 10px;
}
.qa-item-body p.link span{
	display: inline-block;
    vertical-align: middle;
}

/* ==========================================================================
   detail
   ======================================================================= */
.sec_box{
	margin-top: 0;
}
a[name][id]{
	padding-top: 10px;
	display: block;
}
a#pagetop{
  padding-top: 0;
}
#career_by #web_oh{
	border: 1px solid #c8c8c8;
	position: relative;
	padding:20px 5px 20px 25px;
	margin: 30px 0 30px 0;
}
#career_by #web_oh h4{
	position: absolute;
	font-size: 16px;
	line-height: 32px;
	padding: 0 32px;
	text-align: center;
	left: 25px;
	top: 0;
	background: #e6e6e6;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#career_by #web_oh p.tn,
#career_by #web_oh p.kome{
	font-size: 14px;
	line-height: 2;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
}
#career_by #web_oh p.kome{
	font-size: 12px;
	margin-top: 14px;
}
#career_by .career-by-category{
	background-color: #e5e5e5;
	padding: 15px 15px 15px 15px;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
#career_by .career-by-category h3{
	font-size: 18px;
    line-height: 1;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding: 0;
	background-color: transparent;
}
#career_by .career-by-category p{
	margin-left: auto;
	font-size: 12px;
    line-height: 1;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#career_by .career-by-category p i{
	width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../common/v2/img/ncommon/_common/icon/left-fill-red.svg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 7px;
    margin-right: 10px;
}
#career_by .career-by-category p span{
	display: inline-block;
    vertical-align: middle;
}

.subtitle{
	width: auto;
	margin-bottom: 0;
}
#career_by div.m2 {
	font-size: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	border-left: none;
	line-height: 1;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
}
#career_by div.m2 span{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 20px;
}
#career_by p.kinmuchi {
	margin: 0 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #e60012;
	background: #e60012;
	letter-spacing: 0.8em;
	text-indent: 0.8em;
	color: #FFF;
	display: block;
	font-size: 12px;
	line-height: 16px;
	height: 18px;
	width: 65px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
#career_by p.kinmuchi_tokyo {
	margin: 0 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #e60012;
	background: #FFF;
	letter-spacing: 0.8em;
	text-indent: 0.8em;
	color: #e60012;
	display: block;
	font-size: 12px;
	line-height: 16px;
	height: 18px;
	width: 65px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
#career_by .subtitle--2l p.kinmuchi,
#career_by .subtitle--2l p.kinmuchi_tokyo {
	vertical-align: bottom;
}

#career_by .btn_entry{
	width: auto;
	margin-bottom: 0;
	margin-top: -8px;
}

#career_by .btn_entry a{
	padding: 9px 11px;
	border: 1px solid #e60012;
	background: #e60012;
	display: block;
}

#career_by .btn_entry a:hover{
	opacity: 0.75;
}

#career_by .btn_entry a i{
	width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-white.svg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 7px;
    margin-right: 7px;
}
#career_by .btn_entry a span{
	font-size: 13px;
	line-height: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
}

/* seminar */
#career_by .btn_seminar{
	margin-top: 15px;
	float: none;
}
#career_by .btn_seminar img{
	width: 13px;
	height: 13px;
	margin-left: 8px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
#career_by .btn_seminar a{
	padding: 12px 15px;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}
#career_by .btn_seminar a span{
	font-size: 16px;
}
#career_by .btn_seminar a i{
	margin-right: 0px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
}
table.bs {
    clear: both;
	margin: 10px 0 0 0;
}
table.bs th {
    background-color: #f5f5f5;
	border: none;
	border-top: solid 1px #bebebe;
	border-bottom: solid 1px #bebebe;
    padding: 20px 20px 20px 20px;
    line-height: 1.3;
    white-space: nowrap;
    text-align: center;
}
table.bs td {
    border: none;
	border-top: solid 1px #bebebe;
	border-bottom: solid 1px #bebebe;
    padding: 20px 30px 20px 30px;
    line-height: 1.75;
    width: 100%;
}
table.bs td p {
    line-height: 1.75;
}
table.bs td p:last-child {
	margin-bottom: 0;
}
table.bs td p.kome {
    line-height: 1.75;
}
table.bs td p.maru span.jobslink{
	font-size: 100%;
    display: inline-block;
    margin: 2px 0 2px 1.2em;
}
table.bs
.relation i
{
	width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 7px;
	margin: -2px 5px 0 0;
}
#career_by .txt-link-ico{
}
#career_by .txt-link-ico::before{
	content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 7px;
}
#career_by .txt-link-ico span {
    display: inline-block;
    vertical-align: middle;
	line-height: 14px;
	margin-left: 20px;
}

#career_by .linktxt a::before{
	content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
    background-size: cover;
	border-radius: 5px;
	margin-right: 5px;

}

/* ==========================================================================
   process
   ======================================================================= */

.process-item{
	display: flex;
	margin-top: 10px;
	align-items: center;
}
.process-item__disc{
	padding: 0 0 0 30px;
}
.process-item__disc--line{
	margin-top: -50px;
}
#process h3 {
    margin: 0;
	padding: 0;
	font-size: 22px;
    line-height: 1.636;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#process p{
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.75;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#process p + p{
	margin-top: 0;
}

/* ==========================================================================
   agreement
   ======================================================================= */
.agreement-lead{
	line-height: 1.75;
}

#kiyaku #kiyaku_txt{
	width: auto;
}


#agreement .btn-entry{
	margin: 0 auto;
	display: flex;

	width: 500px;
}
#agreement .btn-entry a:hover{
	opacity: 0.75;
}
#agreement .btn-entry .btn-entry__submit{
	padding: 14px 0;
	border: 1px solid #e60012;
	background: #e60012;
	display: block;
	font-size: 14px;
	margin: 0 14px 0 0;
	border-radius: 0;
	text-align: center;
	width: calc(50% - 14px);
	position: relative;
}

#agreement .btn-entry .btn-entry__submit i{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 14px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#agreement .btn-entry .btn-entry__submit i::before{
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #FFF;
	box-sizing: border-box;
	border-radius: 10px;
}
#agreement .btn-entry .btn-entry__submit span{
	font-size: 14px;;
	line-height: 14px;;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	margin-left: 20px;
}

#agreement .btn-entry .btn-entry__cancel{
	padding: 14px 0;
	border: 1px solid #929292;
	background: #929292;
	display: block;
	font-size: 14px;
	margin: 0 0 0 14px;
	border-radius: 0;
	text-align: center;
	width: calc(50% - 14px);
	position: relative;
}
#agreement .btn-entry .btn-entry__cancel i{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#agreement .btn-entry .btn-entry__cancel i::before{
	content: "";
	width: 20px;
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background: #FFF;
	transform: rotate(45deg);
}
#agreement .btn-entry .btn-entry__cancel i::after{
	content: "";
	width: 20px;
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background: #FFF;
	transform: rotate(-45deg);
}
#agreement .btn-entry .btn-entry__cancel span{
	font-size: 14px;
	line-height: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	margin-left: 20px;
}
#agreement .pp a{
	background: none;
}
#agreement .pp a::before{
	content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 7px;
    margin-right: 10px;
}
#agreement .pp a span{
	display: inline-block;
	vertical-align: middle;
	line-height: 14px;
}

#agreement .agreement-text{
	line-height: 1.75;
}

#container h1 a:hover {
    color: #464646;
    text-decoration: none;
    outline: none;
}

.linktxt {
    padding: 10px 0px 10px 1em;
    text-indent: -1em;
}
.btn_kadai p{
    padding: 0 0 10px 0;
    text-indent: 0;
    margin: 0 0 0 0;
}
.border_none{
	border-bottom: none !important;
}
.padding_none{
	padding: 0 !important;
}
span.bold{
	font-size: 110% !important;
	color:#464646 !important;
	font-weight: bold;
}
.underline{
	border-bottom: 1px solid;
}
.career-footer dt{
	padding-right: 70px;
}
.career-footer{
	margin-top: 40px;
}


/*--------------------------------------------------
元のコンテンツ幅が960pxのため、ブレイクポイント調整

要素は%指定
左ナビは元が220px → width: calc(220 / 960 * 100%) ;
右コンテンツは元が700px → width: calc(700 / 960 * 100%) ;

文字はvw指定
文字サイズ14pxの場合 → font-size: calc(14 / 960 * 100vw);
--------------------------------------------------*/
@media screen and (min-width: 760px) and (max-width: 959px) {
	.jobs_container {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.career-left-frame {
		width: calc(220 / 960 * 100%) ;
	}
	#container #right_frame {
		width: calc(700 / 960 * 100%) ;
	}
	.career-left-frame dt span {
		font-size: calc(18 / 960 * 100vw);
	}
	.career-left-frame li span {
		font-size: calc(14 / 960 * 100vw);
	}
	.career-left-frame li a {
		margin: 0 calc(10 / 960 * 100vw);
	}
	.jobs_container p {
		font-size: calc(16 / 960 * 100vw);
	}


	/*--------------------------------
	　見出し
	--------------------------------*/
	/*見出し1*/
	.job-header--1__subtext {
		font-size: calc(18 / 960 * 100vw);
	}
	.job-header--1__maintext {
		font-size: calc(30 / 960 * 100vw);
	}

	/*--------------------------------
	　ボタン
	--------------------------------*/
	/*ボタン3　.btn-entry*/
	.btn-entry .btn-entry__submit span{
		font-size: calc(16 / 960 * 100vw);
	}
	.btn-entry .btn-entry__cancel span{
		font-size: calc(16 / 960 * 100vw);
	}
}



/*モバイル*/
@media screen and (max-width: 759px) {
	.career-left-frame {
			float: none;
			width: auto;
			margin-left: calc(((100vw - 100%) / 2) * -1);
			margin-right: calc(((100vw - 100%) / 2) * -1);
		}
	#container #right_frame {
		float: none;
		width: auto;
	}
	#container .jobs_container {
		padding-top: 0;
	}
	#page_top a::before {
		display: none;
	}
	#container .f_clear {
		display: none;
	}

	/*以下既存スタイル*/
	#pan{
		display: none;
	}
	#left_frame{
		display: none;
	}
	#head_title_s h1 {
	    display: block;
	    width: 100%;
	    text-align: center;
		margin: 0 auto;
		padding: 25px 0;

		font-size: 20px;
		line-height: 1;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	#footer .footet_pan a{
	    text-decoration: none;
	}

	#sp_navi_set3{
	    display: none;
	}

	.career-left-frame dl{
		background: #e6e6e6;
	}
	.career-left-frame dt{
	    display: none;
	}
	.career-left-frame ul{
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.career-left-frame li:nth-child(1){
	    order: 1;
	}
	.career-left-frame li:nth-child(2){
	    order: 3;
	}
	.career-left-frame li:nth-child(3){
	    order: 5;
	}
	.career-left-frame li:nth-child(4){
	    order: 7;
	}
	.career-left-frame li:nth-child(4) i, .career-left-frame li:nth-child(4) span {
		position: relative;
		top: -10px;
	}
	.career-left-frame li a{
	    display: block;
	    padding: 16px 16px;
	}
	.career-left-frame li a.is-active{
		color: #e60012!important;
	}
	.career-left-frame ul::before{
	    display: inline-block;
	    width: 1px;
	    height: 23px;
	    order: 2;

	    background-image: linear-gradient(to bottom, #646464, #646464 1px, transparent 1px, transparent 3px);
	    background-repeat: repeat-y;
	    background-position: left top;
	    background-size: 1px 3px;
	}
	.career-left-frame ul::after{
	    display: inline-block;
	    width: 1px;
	    height: 23px;
	    order: 4;

	    background-image: linear-gradient(to bottom, #646464, #646464 1px, transparent 1px, transparent 3px);
	    background-repeat: repeat-y;
	    background-position: left top;
	    background-size: 1px 3px;
	}
	.career-left-frame li:nth-child(4)::before{
	    content: "";
	    display: inline-block;
	    position: relative;
	    top: 24px;
	    width: 1px;
	    height: 23px;

	    background-image: linear-gradient(to bottom, #646464, #646464 1px, transparent 1px, transparent 3px);
	    background-repeat: repeat-y;
	    background-position: left top;
	    background-size: 1px 3px;
	}
	.career-left-frame li span{
		display: inline-block;
		vertical-align: middle;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
	    font-size: 11px;
	    line-height: 13px;
		-webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
			margin-top: -0.2em;
	}
	.career-left-frame li i{
		width: 11px;
		height: 11px;
		display: inline-block;
		vertical-align: middle;
		background: #FFF url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
		background-size: cover;
		border-radius: 7px;
		margin-right: 5px;
	}

	.career-page-title{
	    padding: 32px 0 25px 0;
	    text-align: center;
	}

	.career-page-title h2{
		margin-bottom: 12px;
	}

	.career-page-title h2 span{
		display: inline-block;
		vertical-align: middle;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		font-size: 21px;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.career-page-title p{
	    font-size: 14px;
		line-height: 1.786;
		margin-top: 24px;
	}

	/* banner */
	@media all{
	    .u-hide-sp{
	      display: none !important;
	    }
	  }

	.career-news{
		border: 1px solid #c8c8c8;
		position: relative;
	    padding: 32px 1px 7px 7px;
	    margin: 0 7px 30px 7px;
	}
	.career-news h3{
		position: absolute;
		font-size: 11px;
		line-height: 24px;
		padding: 0 12px;
		text-align: center;
		left: 7px;
		top: 0;
		background: #e6e6e6;
		letter-spacing: 0.2em;
		text-indent: 0.2em;

		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.career-news__body{
		position: relative;
		height: 140px;
	}

	.career-news__list dl{
		display: flex;
		padding: 12px 10px 10px 10px;
	    margin-right: 14px;
	}
	.career-news__list dl:first-child{
		background: none;
		padding: 0 10px 8px 10px;
	}
	.career-news__list dl:nth-child(2n){
		background-color: #efefef;
	}
	.career-news__list .career-news__date{
		font-family: 'Roboto Condensed', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: block;
		font-size: 13px;
		line-height: 15px;
	}
	.career-news__date.jtn_data::after{
		content: "NEW";
	    display: block;
	    height: 15px;
	    color: #fff;
	    background-color: #e60012;
	    font-size: 10px;
	    text-align: center;
	    margin-top: 4px;
	    line-height: 1.5;
	    letter-spacing: 0.2em;
	    text-indent: 0.2em;
	}
	.career-news__list .career-news__area--kyoto{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #e60012;
		background: #e60012;
		color: #FFF;
		display: block;
		font-size: 11px;
		line-height: 15px;
		height: 17px;
		width: 60px;
		text-align: center;
	}
	.career-news__list .career-news__area--tokyo{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #e60012;
		background: #FFF;
		letter-spacing: 0.8em;
		text-indent: 0.8em;
		color: #e60012;
		display: block;
		font-size: 11px;
		line-height: 15px;
		height: 17px;
		width: 60px;
		text-align: center;
	}
	.career-news__list dd {
		font-size: 11px;
		line-height: 1.5;
		display: block;
		margin-top: -2px;
		margin-left: 14px;
	}
	.career-news__list dd a {
		text-decoration: underline !important;
	}

	.career-list{
	    margin: 0 7px;
	}

	.career-list-item{
		margin-top: 14px;
		position: relative;
		min-height: 40px;
		border-bottom: 3px solid #e6e6e6;
	}
	.career-list-item__header{
	  position: -webkit-sticky; /* Safari */
	  position: sticky;
	  top: 64px;
	  border-top: 3px solid #e6e6e6;
	  border-left: 3px solid #e6e6e6;
	  border-right: 3px solid #e6e6e6;
	  z-index: 10;
	  background: #FFF;
	}
	.career-list-item__body{
		border-left: 3px solid #e6e6e6;
		border-right: 3px solid #e6e6e6;
	}

	.career-list-item__btn{
	    display: block;
		text-decoration: none;
	    padding: 8px 0 8px 14px;
	    position: relative;
	}
	.career-list-item__btn--disable{
	    padding: 5px 0 10px 14px;
	    margin-top: 0;
	}


	.career-list-item__btn span{
		font-size: 14px;
		line-height: 24px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.career-list-item__btn--disable span{
		font-size: 14px;
		line-height: 24px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #c9c9c9;
	}
	.career-list-item__header-note{
		font-size: 10px;
		line-height: 1;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #646464;
	    transform: translateY(-50%);
	    padding-left: 14px;
	    padding-bottom: 5px;
	}


	.career-list-item__btn i{
		display: block;
		width: 18px;
		height: 18px;
	    display: block;
	    position: absolute;
	    right: 14px;
	    top: 0;
	    bottom: 0;
	    margin: auto 0;
	}

	.career-list-item__btn i::before{
		content: "";
		width: 18px;
		height: 4px;
		border-radius: 2px;
		background: #e60012;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin:-2px 0 0 -9px;
	}
	.career-list-item__btn i::after{
		content: "";
		width: 4px;
		height: 18px;
		border-radius: 2px;
		background: #e60012;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin:-9px 0 0 -2px;
	}
	.is-accordion-active .career-list-item__btn i::before{
		transform: rotate(45deg);
	}
	.is-accordion-active .career-list-item__btn i::after{
		transform: rotate(225deg);
	}

	.career-list-item__tab{
		display: none;
	}
	.is-accordion-active .career-list-item__tab{
		display: block;
	}


	.career-list-item__tab-body{
	    display: flex;
	    position: relative;
	}
	.career-list-item__tab-body::before{
	    content: "";
	    display: inline-block;
	    width: 1px;
	    height: 23px;

	    background-image: linear-gradient(to bottom, #646464, #646464 1px, transparent 1px, transparent 3px);
	    background-repeat: repeat-y;
	    background-position: left top;
	    background-size: 1px 3px;

	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	}
	.career-list-item__tab-body a{
	    display: block;
	    width: 50%;
	    text-align: center;
	    background: #e6e6e6;
	    padding: 12px 0 10px 0;
	    border-bottom: 2px solid #e6e6e6;
	}
	.career-list-item__tab-body a.is-active{
	    border-bottom: 2px solid #e60012;
	}
	.career-list-item__tab-body span{
	    font-size: 12px;
	    font-weight: bold;
	}
	.career-list-item__tab-body i{
		width: 12px;
		height: 12px;
		display: inline-block;
		vertical-align: middle;
		background: #FFF url(../../../common/v2/img/ncommon/_common/icon/down-fill-red.svg) 50% 50% no-repeat;
		background-size: cover;
		border-radius: 7px;
		margin-right: 5px;
	}

	.career-list-item__inner{
		margin: 0 14px;
	}
	.career-list-area{
	    padding-bottom: 20px;
	}
	.career-list-area{
	    background-image: linear-gradient(to right, #b2b2b2, #b2b2b2 1px, transparent 1px, transparent 3px);
	    background-repeat: repeat-x;
	    background-position: left bottom;
	    background-size: 4px 1px;
	}

	.career-list-area__title{
		border-bottom: 1px solid #e6e6e6;
		padding: 28px 0 10px;

	}
	.career-list-area__title::before{
		content: "";
		width: 4px;
		height: 16px;
		border-radius: 2px;
		background: #e60012;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}
	.career-list-area__title span{
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
		line-height: 16px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.career-list-area__list li{
		margin-top: 10px;
	}

	.career-list-area__list a{
		font-size: 12px;
		line-height: 1.5;
		position: relative;
		display: inline-block;
		padding-left: 18px;
	}
	.career-list-area__list a:before{
		content: "";
		width: 12px;
		height: 12px;
		display: inline-block;
		vertical-align: middle;
		background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
		background-size: cover;
		border-radius: 6px;
		position: absolute;
		left: 0;
		top: 3px;
	}
	.career-list-item__bottom{
		padding: 14px 0 14px 0;
		text-align: center;
	}
	.career-list-item__bottom span{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 12px;
		line-height: 16px;
		vertical-align: middle;
		display: inline-block;
		margin-top: -2px;
	}
	.career-list-item__bottom i{
		display: inline-block;
		width: 16px;
		height: 16px;
		position: relative;
		vertical-align: middle;
		transform: rotate(45deg);
	}
	.career-list-item__bottom i::before{
		content: "";
		width: 12px;
		height: 2px;
		border-radius: 1px;
		background: #8c8c8c;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin:-1px 0 0 -6px;
	}
	.career-list-item__bottom i::after{
		content: "";
		width: 2px;
		height: 12px;
		border-radius: 1px;
		background: #8c8c8c;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin:-6px 0 0 -1px;
	}
	.career-footer{
		margin-top: 25px;
	}
	.career-footer dl{
		border: 1px solid #c8c8c8;
		align-items: center;
		justify-content: center;
		padding: 22px 0;
	    text-align: center;
	    margin: 0 7px;
	}
	.career-footer dt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	    font-size: 14px;
	    letter-spacing: 0.1em;
	    text-indent: 0.1em;
	    line-height: 1;
	    margin-bottom: 20px;
	}
	.career-footer dd{
	}
	.career-footer__txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 12px;
		line-height: 1;
		margin-bottom: 10px;
	}
	.career-footer__sub{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 12px;
		line-height: 1;
		display: inline-block;
		vertical-align: baseline;
	}
	.career-footer__number{
		font-family: 'Roboto Condensed', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 26px;
		line-height: 1;
		display: inline-block;
	    vertical-align: baseline;
	    text-decoration: none;
	}
	/* ==========================================================================
	   Q & A
	   ======================================================================= */
	.qa-section {
		margin: 0 14px;
	}
	.qa-section + .qa-section{
		margin-top: 70px;
	}
	.qa-header{
		background: #e6e6e6;
	}
	.qa-header h3{
		font-size: 14px;
		line-height: 1;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		padding: 15px 15px;
	}
	.qa-item{
		margin: 21px 0 35px 0;
	}
	.qa-item-header a{
		display: block;
		position: relative;
		padding-left: 30px
	}
	.qa-item-header i{
		font-style: normal;
		font-size: 22px;
		line-height: 1;
		font-family: 'Noto Sans JP', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: 400;
		color: #e60012;
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.qa-item-header span{
		font-style: normal;
		font-size: 14px;
		line-height: 1.75;
		font-family: 'Noto Sans JP', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: 700;
		display: inline-block;
		vertical-align: middle;
	}
	.qa-item-body{
		/* display: none; */
	}
	.qa-item-body div{
		position: relative;
		padding: 9px 0 0 30px;
	}
	.qa-item-body div::before{
		content: "A";
		font-style: normal;
		font-size: 22px;
		line-height: 1;
		font-family: 'Noto Sans JP', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: 400;
		color: #e60012;
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
		position: absolute;
		left: 2px;
		top: 8px;
	}
	.qa-item-body p{
		font-family: 'Noto Sans JP', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.75;
	}

	.qa-item-body p.kome{
		font-size: 11px;
	}
	.qa-item-body p.link{
		margin-top: 14px;
	}
	.qa-item-body p.link a::before{
		content: "";
		width: 14px;
	    height: 14px;
	    display: inline-block;
	    vertical-align: middle;
	    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
	    background-size: cover;
	    border-radius: 7px;
	    margin-right: 10px;
	}
	.qa-item-body p.link span{
		display: inline-block;
	    vertical-align: middle;
	}

	/* ==========================================================================
	   detail
	   ======================================================================= */
	#career_by{
		margin: 0 7px;
	}
	#career_by #web_oh{
		border: 1px solid #c8c8c8;
	    position: relative;
	    padding: 14px 14px 14px 14px;
	    margin: 0 0 30px 0;
	}
	#career_by #web_oh h4{
		position: absolute;
	    font-size: 11px;
	    line-height: 24px;
	    padding: 0 12px;
	    text-align: center;
	    left: 7px;
	    top: 0;
	    background: #e6e6e6;
	    letter-spacing: 0.2em;
	    text-indent: 0.2em;
	    font-family: 'Noto Sans JP', sans-serif;
	    font-weight: 700;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	#career_by #web_oh p.tn,
	#career_by #web_oh p.kome{
		font-size: 12px;
	    line-height: 1.75;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin: 0;
	}
	#career_by #web_oh p.kome{
		font-size: 10px;
		margin-top: 12px;
	}
	#career_by .career-by-category{
		background-color: #e5e5e5;
		padding: 14px 7px 14px 7px;
		display: flex;
		align-items: center;
		margin-bottom: 8px;
	}
	#career_by .career-by-category h3{
		font-size: 14px;
	    line-height: 1.4;
	    font-family: 'Noto Sans JP', sans-serif;
	    font-weight: 700;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
		padding: 0 0 0 3px;
		background-color: transparent;
		margin-top: 0;
		width: 195px;
	}
	#career_by .career-by-category p{
		margin-left: auto;
		font-size: 11px;
	    line-height: 1;
	    font-family: 'Noto Sans JP', sans-serif;
	    font-weight: 400;
	    -webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: right;
	}
	#career_by .career-by-category p i{
		width: 10px;
	    height: 10px;
	    display: inline-block;
	    vertical-align: middle;
	    background: url(../../../common/v2/img/ncommon/_common/icon/left-fill-red.svg) 50% 50% no-repeat;
	    background-size: cover;
	    border-radius: 5px;
	    margin-right: 3px;
	}
	#career_by .career-by-category p span{
		display: inline-block;
		vertical-align: middle;
		font-size: 10px;
	}
	.sec_box {
	    padding: 14px 0 0 0;
	}
	.subtitle{
		width: 100%;
		margin-bottom: 0;
	}
	#career_by div.m2 {
		font-size: 11px;
	    margin: 0 0 0 0;
	    padding: 0 0 0 0;
		border-left: none;
		line-height: 1;
	    font-family: 'Noto Sans JP', sans-serif;
	    font-weight: 700;
	    -webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		vertical-align: middle;
	}
	#career_by div.m2 span{
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
		line-height: 16px;
	}
	#career_by p.kinmuchi {
		margin: 0 0 0 0;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #e60012;
		background: #e60012;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		color: #FFF;
		font-size: 11px;
		line-height: 14px;
		height: 14px;
		width: 40px;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
	}
	#career_by p.kinmuchi_tokyo {
		margin: 0 0 0 0;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #e60012;
		background: #FFF;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		color: #e60012;
		font-size: 11px;
		line-height: 14px;
		height: 14px;
		width: 40px;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
	}
	#career_by .btn_entry{
		width: 140px;
		margin-bottom: 10px;
		margin-top: 10px;
		float: right;
	}
	#career_by .btn_entry a{
		padding: 7px 9px;
		border: 1px solid #e60012;
		background: #e60012;
		display: block;
		font-size: 12px;
		margin: 0;
		border-radius: 0;
	}
	#career_by .btn_entry a i{
		width: 11px;
	    height: 11px;
	    display: inline-block;
	    vertical-align: middle;
	    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-white.svg) 50% 50% no-repeat;
	    background-size: cover;
	    border-radius: 7px;
		margin-right: 5px;
	}
	#career_by .btn_entry a span{
		font-size: 11px;
		line-height: 11px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		vertical-align: middle;
		color: #FFF;
		margin-top: -2px
	}
	/* seminar */
	#career_by .btn_seminar{
		width: auto;
		float: none;
	}
	#career_by .btn_seminar img{
		width: 11px;
		height: 11px;
		margin-left: 5px;
		vertical-align: middle;
		position: relative;
		top: -1px;
	}
	#career_by .btn_seminar a{
		float: none;
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
	}
	#career_by .btn_seminar a span{
		font-size: 13px;
		padding-top: 2px;
	}
	#career_by .btn_seminar a i{
		width: 13px;
		height: 13px;
		border-radius: 50%;
	}
	table.bs {
	    clear: both;
		margin: 0 0 30px 0;
		padding-top: 20px;
	}
	table.bs th {
	    background-color: #f5f5f5;
		border: none;
		border-top: solid 1px #bebebe;
		border-bottom: solid 1px #bebebe;
	    padding: 10px 14px 10px 14px;
	    line-height: 1.3;
	    white-space: nowrap;
	    text-align: center;
	}
	table.bs td {
	    border: none;
		border-top: solid 1px #bebebe;
		border-bottom: solid 1px #bebebe;
	    padding: 10px 14px 10px 14px;
	    line-height: 1.75;
		width: 100%;
		font-size: 12px;
	}
	table.bs td p {
	    line-height: 1.75;
	}
	table.bs td p:last-child {
		padding-bottom: 0;
	}
	table.bs td p.kome {
		line-height: 1.75;
	}
	table.bs td p.relation{
		text-indent: 0;
		margin-left: -1.2em;
	}
	table.bs td p.relation span.jobslink{
		margin-left: 1.2em;
	    color: #5e5e5e;
	    font-size: 12px;
	    padding-left: 18px;
	    display: block;
	    position: relative;
	}
	table.bs td p.relation i
	{
		width: 13px;
	    height: 13px;
	    display: inline-block;
	    vertical-align: middle;
	    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
	    background-size: cover;
	    border-radius: 7px;
	    margin: -2px 3px 0 0;
	    position: absolute;
	    top: 6px;
	    left: 0;
	}
	table.bs td p.relation span.jobslink a{
	    display: block;
	}
	/* ==========================================================================
	   process
	   ======================================================================= */
	#process{
		margin: 0 14px 0 14px;
	}
	.process-item{
		margin-top: 28px;
	}
	.process-item::after{
		content: "";
		display: block;
		clear: both;
	}

	.process-item:first-child{
		margin-top: 0;
	}
	.process-item__ico{
		width: 64px;
		float: left;
	}
	.process-item__ico img{
		width: 64px;
		height: auto;
	}
	.process-item__disc{
		padding: 0 0 0 0;
		float: right;
		width: calc(100% - 78px);
	}
	.process-item__disc--line {
	    margin-top: 14px;
	}
	#process h3 {
	    margin: 0;
		padding: 0;
		font-size: 14px;
	    line-height: 1.5;
	    font-family: 'Noto Sans JP', sans-serif;
	    font-weight: 700;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	#process h3 br{
		display: none;
	}

	#process p{
		margin-top: 7px;
		font-size: 11px;
		line-height: 1.55;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#process p br{
		display: none;
	}

	#process p + p{
		margin-top: 0;
	}

	#process .process-item__note{
		position: relative;
		padding: 0 0 0 1em;
	}
	#process .process-item__note span{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
	}

	/* ==========================================================================
	   agreement
	   ======================================================================= */
	.agreement-lead{
		line-height: 1.75;
		text-align: left;
		padding: 0 14px;
	}

	#kiyaku #kiyaku_txt{
		margin: 0 14px;
	}

	#agreement .btn-entry{
		margin: 0 14px;
		display: flex;
	}
	#agreement .btn-entry .btn-entry__submit{
		padding: 14px 0;
		border: 1px solid #e60012;
		background: #e60012;
		display: block;
		font-size: 14px;
		margin: 0 7px 0 0;
		border-radius: 0;
		text-align: center;
		width: calc(50% - 7px);
		position: relative;
	}

	#agreement .btn-entry .btn-entry__submit i{
		width: 20px;
		height: 20px;
		position: absolute;
		left: 14px;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	#agreement .btn-entry .btn-entry__submit i::before{
		content: "";
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		border: 2px solid #FFF;
		box-sizing: border-box;
		border-radius: 10px;
	}
	#agreement .btn-entry .btn-entry__submit span{
		font-size: 14px;;
		line-height: 14px;;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		vertical-align: middle;
		color: #FFF;
		margin-left: 20px;
	}

	#agreement .btn-entry .btn-entry__cancel{
		padding: 14px 0;
		border: 1px solid #929292;
		background: #929292;
		display: block;
		font-size: 14px;
		margin: 0 0 0 6px;
		border-radius: 0;
		text-align: center;
		width: calc(50% - 7px);
		position: relative;
	}
	#agreement .btn-entry .btn-entry__cancel i{
		width: 20px;
		height: 20px;
		position: absolute;
		left: 10px;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	#agreement .btn-entry .btn-entry__cancel i::before{
		content: "";
		width: 20px;
		height: 2px;
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -1px;
		background: #FFF;
		transform: rotate(45deg);
	}
	#agreement .btn-entry .btn-entry__cancel i::after{
		content: "";
		width: 20px;
		height: 2px;
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -1px;
		background: #FFF;
		transform: rotate(-45deg);
	}
	#agreement .btn-entry .btn-entry__cancel span{
		font-size: 14px;
		line-height: 14px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		vertical-align: middle;
		color: #FFF;
		margin-left: 20px;
	}
	#agreement .pp a{
		background: none;
	}
	#agreement .pp a::before{
		content: "";
	    width: 14px;
	    height: 14px;
	    display: inline-block;
	    vertical-align: middle;
	    background: url(../../../common/v2/img/ncommon/_common/icon/right-fill-red.svg) 50% 50% no-repeat;
	    background-size: cover;
	    border-radius: 7px;
	    margin-right: 10px;
	}
	#agreement .pp a span{
		display: inline-block;
		vertical-align: middle;
		line-height: 14px;
	}

	#agreement .agreement-text{
		line-height: 1.75;
	}
	.btn_kadai{
		margin-bottom: 20px;
	}
	.btn_kadai p{
		font-size: 10px;
	    padding: 0 0 5px 0;
	    text-indent: 0;
	    margin: 0 0 0 0;
	}
}

@media all{
	.u-hide-sp{
	  display: none !important;
	}