@charset "utf-8";
/*
	退職代行ニチロー　LP CSS
*/

html * {
	box-sizing: border-box;
}
body {
	line-height: 1.5;
}

/* ヘッダ非表示 */
.header-box {
  display: none;
}

/* flex */
.home .flex_wrap>.wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
}

/* 余白削除 */
#contents #main-contents {
  width: 100%;
  margin-left: 0;
}
/* 青色文字 */
.clr_blu {
  color: #0076C9;
}
/* 白色文字 */
.clr_wht {
  color: white;
}
/* ピンク色文字 */
.text_pink {
	color: #d81680;
}
/* 黄色文字 */
.text_yellow {
	color: #FAEE00;
}
/* 黄色下線 */
.under_yel {
  border-bottom: solid 3.5px #FAEE00;
}
.under_yel_dot {
	border-bottom: dotted 3px #FAEE00;
}

/* リンクに下線を表示 */
a.text_underline, .text_underline {
	text-decoration: underline !important;
}
/* 余白削除 */
.home #contents {
  width: 100%;
}
/* 真ん中寄せ */
.margin_center {
  display: block;
  margin: 0 auto;
}
.text_center {
  text-align: center;
}
/* 右寄せ */
.right_img {
  display: block;
  margin-left: auto;
  margin-right: 0;
}
.right_text, .text_right {
  text-align: right;
}
/* 左寄せ */
.left_img {
  display: block;
  margin-left: 0;
  margin-right: auto;
}
.left_text {
  text-align: left;
}
.ncr_img_container {
  position: relative;
}

/* 文字の前に画像挿入 */
.before_img:before {
  position: absolute;
  left: 10px;
  content: "";
  display: inline-block;
}
.before_img {
  position: relative;
  padding-left: 45px;
}
/* 点線 */
.hl-custom .retire_ncr .dotted_line {
  padding: .3em;
  border-bottom: 5px dashed #00284F;
}
/* 退職代行ニチロー 画像共通 */
.retire_ncr .pc_img, .retire_ncr .pc_img2 {
  display: none;
}
/* 背景画像 */
.retire_triggers,　.union_point, .ncr_achv, .support_story, .retire_reasons, .retire_tos {
  background-image: url("/wp-content/uploads/ncr_bg_01.png");
}
/* sp時不要部分 */
.page-template-lp-taisyoku .pc_img, .page-template-lp-taisyoku .pc_img2 {
  display: none;
}

/* h2見出し共通 */
.ncr_head_dotted,
.header_lv2,
.header_yel h2 {
	text-align: center;
	font-size: 1.25rem;
	font-weight: 700;
}
@media (min-width: 768px) {
	.ncr_head_dotted,
	.header_lv2,
	.header_yel h2 {
		font-size: 1.75rem;
	}
}

/* 平行四辺形　黄色　見出し */
.header_yel {
  background-color: #FAEE00;
  margin: 0 35px 1rem;
  transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
	text-align: center;
	position: relative;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.header_lv2,
.header_yel h2 {
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	padding: 8px 0;
  }
.header_lv2::after {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: -20px;
	left: -16px;
}
@media (min-width: 768px) {
	.header_lv2,
	.header_yel h2 {
		padding-top: 12px;
	  }
	.header_lv2::after {
		top: -40px;
	}
}
@media (min-width: 1024px) {
	.header_yel {
		max-width: 900px;
	}
}
@media (min-width: 1200px) {
	.header_lv2,
	.header_yel h2 {
		font-size: 2.0rem;
	}
}

/* アンダーラインドット　見出し */
.ncr_head_dotted {
	margin-top: 0.75rem;
	margin-bottom: 1.5rem;
}
.ncr_head_dotted::after {
	content: "";
	display: block;
	width: 50%;
	max-width: 300px;
	height: 3px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 3px #00284F dashed;
}
@media (min-width: 768px) {
	.ncr_head_dotted {
		margin-bottom: 2.5rem;
	}
}
@media screen and (min-width: 1024px) {
	.ncr_head_dotted::after {
		width: 15%;
	  }
}

/* 平行四辺形　青　見出し */
.header_blue {
	margin-left: auto;
	margin-right: auto;
	background-color: #00284F;
	transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	width: 90%;
	max-width: 400px;
	text-align: center;
	font-size: 0.85rem;
}
.header_blue span {
	display: inline-block;
	transform: skewX( 20deg);
	-webkit-transform: skewX( 20deg);
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FFF;
}
@media (min-width: 768px) {
	.header_blue {
		font-size: 1.0rem;
	}
}

/* 青色見出し削除 */
.hl-custom h2 {
	background-color: transparent;
	color: #00234E;
	margin-top: 0;
}
.hl-custom .retire_ncr h4 {
	border-left: 0;
}

/* ヒーローパネル　あなたを労働組合が助けます！ */

.hero_wrapper {
    height: 100%;
	background: url("/wp-content/uploads/bg_taishoku_avfd_sp@2x.png") center center / cover no-repeat;
    position: relative;
}

.hero_wrapper .ncr_container_inner {
	height: 100%;
	position: relative;
}

@media (min-width: 768px) {
    .hero_wrapper .ncr_container_inner {
        justify-content: flex-start;
    }
}

.hero_wrapper .ncr_img_container {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}
.retire_ncr h1 {
	margin: 0;
	padding: 0;
}
.hero_ttl {
	width: 100%;
	padding: 0.75rem 0.75rem 0 1.5rem ;
	position: relative;
}

@media (min-width: 768px) {
    .hero_ttl {
        width: 70%;
    }
}

.hero_ttl img {
	width: 100%;
}

.hero_read.main_read {
    font-size: 5.6vw;
	font-weight: 600;
    margin-top: 0;
    text-shadow: 0 1px 4px #0086D1;
	font-family: serif, sans-serif;
}

@media (min-width: 768px) {
    .hero_read.main_read {
        font-size: 4vw;
    }
}

@media (min-width: 1024px) {
    .hero_read.main_read {
        font-size: 2rem;
        margin-bottom: 0;
    }

    .hero_read.main_read .pc_none {
        display: none;
    }
}

.hero_read.second_read {
    font-size: 4vw;
    color: #fff;
    text-shadow: 0 1px 4px #0086D1;
	/* font-family: serif, sans-serif; */
}

.hero_read span {
    font-size: 5vw;
    font-weight: 600;
}

@media (min-width: 768px) {
    .hero_read.second_read {
        font-size: 3vw;
    }
    
    .hero_read span {
        font-size: 4vw;
    }
}

@media (min-width: 1024px) {
    .hero_read.second_read {
        font-size: 1.5rem;
        margin-top: 0;
        padding-left: 3rem;
    }
    
    .hero_read span {
        font-size: 2.625rem;
    }

    .hero_read.second_read .pc_none {
        display: none;
    }
}

.ncr_img_hero{
	position: absolute;
    top: 13%;
    right: -70px;
	display: flex;
	flex-direction: row-reverse;
	align-content: flex-end;
}

@media (min-width: 1024px) {
    .ncr_img_hero{
        top: 30px;
        right: 30px;
    }
}

.ncr_img_hero::before {
	display:  block;
	content: '';
	width: 200px;
	height: 92px;
	background-image: url("/wp-content/uploads/img_taishoku_comment_01_sp.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 84px;
}
.ncr_img_hero img {
    max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.character_introduction {
	width: 370px;
	display: flex;
	align-items: flex-end;
	font-size: 0.75rem;
	color: #fff;
	position: relative;
}
.character_introduction > p {
	padding: 0;
	margin: 0;
	position: absolute;
	right: -40px;
	bottom: 300px;
    display: none;
}

.character_introduction_in {
    font-size: 0.75rem;
	color: #fff;
    padding-left: 1.5rem;
}

@media (min-width: 768px) {
    .character_introduction_in {
        padding-left: 8rem;
    }
}

@media (min-width: 1024px) {
    .character_introduction_in {
        position: absolute;
        top: -60px;
        right: 15px;
    }
}

@media (min-width: 1200px) {
    .character_introduction_in {
        top: -90px;
    }
}

/*  iPhone SE max-width  */
@media (max-width: 320px) {
	.hero_read {
		font-size: 1.15rem;
	}
	.ncr_img_hero::before {
		left: 130px;
	}
/* 	.character_introduction > p {
		bottom: 70px;
	} */
}

/*  iPhone X mim-height  */
@media (min-height: 667px) {
    .ncr_img_hero::before {
        width: 247px;
        height: 117px;
    } 
}
.hero_lists {
    padding-left: 1.5rem;
	width: 70vw;
    position: relative;
    z-index: 1;
}
.hero_lists>li {
    margin-top: -5px;
    margin-left: -0.5rem;
}
.hero_lists img {
    margin-bottom: 0;
	width: 80%;
}
.ncr_img_container>.hero_lists>ul>li {
  margin-bottom: 0;
}
.hero_lists .price{
	margin-top:0.4em;
	margin-bottom:0.4em;
}
.hero_lists .price img{
	width:60%;
	margin-left:0.4em;
}
.hero_lists .price_note{
	margin-top:0;
}
@media (min-width: 768px) {
	.hero_read {
	  font-size: 2.25rem;
	}
	.ncr_img_hero::before {
		top: 180px;
		left: 100px;
	}
	.ncr_img_hero img {
		width: 587px;
		height: auto;
	}
	.character_introduction {
		text-align: left;
	}
	.hero_lists {
	  width: 100%;
	  top: 60%;
	}
	.hero_line {
	  right: 46%;
	}
	.hero_lists img {
        width: 100%;
        max-width: 360px;
        margin-bottom: 0;
	}
	 .character_introduction > p {
		right: 0;
		bottom: 60px;
	}
}

 @media screen and (min-width: 1024px) {
    /* hero部分 */
    .hero_wrapper {
        background-position: 50% 45%;
    }
    .hero_ttl img {
        max-width: 90%;
        height: auto;
    }
    .ncr_img_hero::before {
        width: 360px;
        height: 167px;
        background-image: url("/wp-content/uploads/img_taishoku_comment_01_sp@3x.png");
        left: 0;
        top: 220px;
    }
    .ncr_img_hero img {
		width: 460px;
	}
    .hero_line {
        width: 100%;
        bottom: 80%;
        right: -40px;
    }
    .hero_lists {
        padding-top: 0;
        padding-bottom: 53px;
    }
    .hero_line img {
        width: 100%;
        max-width: 498px;
    }
    .hero_lists {
        padding-bottom: 0;
    }
    .hero_line img {
        margin-left: 250px;
        width: 40%;
        display: none;
    }
	.hero_lists .price{
		position:absolute;
		left:24em;
		top:4.2em;
	}
	.hero_lists .price img{
		width:76%;
		margin-left:2em;
	}
	.hero_lists .price_note{
		position: absolute;
    	top: 15.6em;
    	left: 24em;
	}
}

@media screen and (min-width: 1200px) {
    .ncr_img_hero img {
		width: 510px;
	}
}

 @media screen and (min-width: 1600px) {
	.retire_ncr {
		  background: url("/wp-content/uploads/bg_taishoku_avfd_pc@2x.png") no-repeat center top;
		  background-size: contain;
	 }
	/* hero部分 */
	.hero_wrapper {
		background-image: none;
	}
}

/* みんなの退職のきっかけ */
.retire_triggers {
/* 	padding-top: 7.0rem; */
	padding-top: 3.5rem;
	padding-bottom: 180px;
	position: relative;
}
.retire_ttl {
/* 	position: absolute;
	top: 3.0rem;
	left: 0;
	right: 0; */
	margin-left: auto;
	margin-right: auto;
}
.retire_ttl .header_lv2::after {
	width: 173px;
	height: 26px;
	background-image: url("/wp-content/uploads/taishoku_title_before_02.png");
}
.retire_trigger_items {
	position: relative;
}
.retire_trigger_list {
	display: flex;
	justify-content: space-around;
}
.retire_trigger_list li {
	width: 30%;
}
.retire_trigger_list img {
	width: 100%;
	height: auto;
}
.retire_trigger_list_2 {
	text-align: right;
	padding: 0 1.0rem;
}
.retire_trigger_list_2 {
	padding-right: 2.0rem;
}
.retire_trigger_list_2 img {
	width: 50%;
}

.ncr_img_trigger {
	position: absolute;
	bottom: 0;
	left: -50px;
}
.ncr_img_trigger img {
	width: 284px;
	height: 343px;
	vertical-align: bottom;
}
.ncr_img_trigger::after {
	display:  block;
	content: "";
	width: 208px;
	height: 125px;
	background-image: url("/wp-content/uploads/img_taishoku_comment_02_sp.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 6%;
	right: -130px;
}
.retire_line {
  top: 0;
  right: 15px;

}

/*  iPhone SE  */
@media (max-width: 320px) {
	.ncr_img_trigger img {
		width: 80%;
		height: auto;
	}
}
/* @media (min-width: 600px) {
	.retire_triggers {
		padding-bottom: 30px;
	} */

@media (min-width: 768px) {
	.retire_triggers {
		padding-top: 5.0rem;
		padding-bottom: 30px;
	}
/* 	.retire_ttl {
		top: 4.5rem;
	} */
	.ncr_img_trigger {
		left: -20px;
	}
	.ncr_img_trigger::after {
		bottom: auto;
		top: 70px;
		right: -120px;
	}
	.retire_ttl .header_lv2::after {
		width: 346px;
		height: 52px;
	}
}
@media (min-width: 1024px) {
	.ncr_img_trigger {
		left: 60px;
	}
}
@media (min-width: 1200px) {
	.retire_triggers {
/* 		padding-top: 14.0rem; */
		padding-bottom: 0;
	}
	.retire_triggers .ncr_container_inner {
		position: relative;
	}
	.retire_ttl {
		margin-bottom: 4.0rem;
	}
	.ncr_img_trigger {
		left: -120px;	
		bottom: 0;
	}
	.ncr_img_trigger img {
		width: 100%;
		height: auto;
	}
	.ncr_img_trigger::after {
		width: 349px;
		height: 182px;
		background-image: url("/wp-content/uploads/img_taishoku_comment_02_pc@2x.png");
		bottom: auto;
		top: -140px;
/* 		right: 50px; */
		right: -30px;
	}
	.retire_trigger_items {
/* 		width: 80%; */
		width: 100%;
		padding-bottom: 80px;
	}
	.retire_trigger_list {
/* 		float: right; */
		padding-left: 2.0rem;
		padding-right: 6.0rem;
		justify-content: flex-end;
	}
	.retire_trigger_list li {
		width: auto;
	}
	.retire_trigger_list_2 img {
		/* width: 75%; */
		width: auto;
	}
}

/* みんなの退職ハードル */

.high_hurdle {
	padding-top: 3.0rem;
	padding-bottom: 2.5rem;
}
.high_hurdle .ncr_container_inner {
	display: flex;
	justify-content: center;
}
.hurdle_ttl .header_lv2::after {
	width: 238px;
	height: 26px;
	background-image: url("/wp-content/uploads/taishoku_title_before_03.png");
}
.hurdle_list_items {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hurdle_list img {
	width: 100%;
}
.hurdle_list li {
	position: relative;
	margin-top: 12px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 30px;/*アイコン分 */
	padding-right: 0;
	font-weight: 600;
	white-space: nowrap;
}
.hurdle_list li:before {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	left: 0;
	content: "";
	display: inline-block;
}
.hate_icon, .tired_icon, .bother_icon {
	font-size: 1.2rem;
}
.hate_icon:before, .tired_icon:before, .bother_icon:before {
	background-size: contain;
	width: 25px;
	height: 25px;
	display:block;
}
.hurdle_list .hate_icon:before{
	background: url(/wp-content/uploads/icon_sad01.png) no-repeat;
}
.hurdle_list .tired_icon:before{
	background: url(/wp-content/uploads/icon_sad02.png) no-repeat;
}
.hurdle_list .bother_icon:before{
	background: url(/wp-content/uploads/icon_sad03.png) no-repeat;
}
.hurdle_list .tear_icon:before{
	background: url(/wp-content/uploads/icon_droplet.png) no-repeat top center;
	width: 22px;
	height: 22px;
	background-color: transparent !important;
	border-radius: 0;
}
.ncr_img_hurdle {
	width: 40%;
	padding-top: 60px;
	position: relative;
	text-align: center;
}
.ncr_img_hurdle img {
	width: 163px;
	height: 293px;
}
.ncr_img_hurdle::after {
	display:  block;
	content: "";
	width: 130px;
	height: 72px;
	background-image: url("/wp-content/uploads/img_taishoku_comment_03_pc.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
}

@media (min-width: 768px) {
	.high_hurdle {
		padding-top: 5.0rem;
		padding-bottom: 2.5rem;
	}
	.hurdle_ttl .header_lv2::after {
		width: 476px;
		height: 52px;
	}
	.hurdle_list {
		padding-left: 1.5rem;
	}
	.hurdle_list li {
		font-size: 1.75rem;
	}
	.ncr_img_hurdle {
		width: 50%;
		padding-top: 90px;
	}
	.ncr_img_hurdle img {
		width: 50%;
		height: auto;
		float: left;
	}
	.ncr_img_hurdle::after {
		width: 250px;
		height: 138px;
		background-image: url("/wp-content/uploads/img_taishoku_comment_03_pc@2x.png");
		right: 25px;
	}
}
@media (min-width: 1024px) {
	.hurdle_list li {
		font-size: 2.0rem;
	}
	.ncr_img_hurdle {
		padding-top: 40px;
	}
	.ncr_img_hurdle img {
		width: 326px;
		height: 586px;
	}
	.ncr_img_hurdle::after {
		right: 100px;
	}
}

/* これだけは言っておきたい */

.union_point {
   background-image: url("/wp-content/uploads/ncr_bg_02.png");
}
.union_point_inner {
	width: 100%;
	background: linear-gradient(45deg, rgba(2, 123, 197, 0), rgb(2,123,197, 0.8));
	position: relative;
}
.union_point .ncr_container_inner {
  display: flex;
  justify-content: flex-end;
}
.ncr_quote {
	position: relative;
	width: 60%;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: #FFF;
}
.ncr_quote::before {
	content: "";
	display: block;
	width: 220px;
	height: 190px;
	background: url("/wp-content/uploads/taishoku_ambassador_04_sp@2x.png") no-repeat;
	background-size: contain;
	position: absolute;
	left: -185px;
	bottom: 0;
}

.title_border {
	display: flex;
	align-items: center;
	text-indent: -1.5rem;
	padding: 0;
	margin: 0;
	font-size: 0.9rem;
}
.title_border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
	margin-right: 1.0rem;
}

.ncr_quote_wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ncr_quote_01, .ncr_quote_02 {
	width: 100%;
	margin: 0;
	margin-top: 0.5rem;
}
.ncr_quote_02 {
  font-size: 1.15rem;
}
@media (min-width: 768px) {
	.ncr_quote {
		width: 75%;
		font-size: 1.125rem;
	}
	.ncr_quote_02 {
	  font-size: 2.0rem;
		font-weight: 700;
		font-family: serif, sans-serif;
		text-shadow: 2px 2px 0 rgba(0,0,0,0.25);
	}
}
@media (min-width: 1024px) {
	.ncr_quote {
		width: 65%;
		padding-top: 3.5rem;
		padding-bottom: 2.0rem;
		font-size: 1.25rem;
	}
	.title_border {
		margin-right: 2.0rem;
	}
	.ncr_quote_02 {
		font-size: 2.25rem;
	}
	.ncr_quote::before {
		width: 319px;
		height: 276px;
		left: -300px;
	}
}

/* ニチローのサポートは万全！ */
.support_contents {
	padding-top: 2.0rem;
	padding-bottom: 4.0rem;
    background-color: #DFF2FD;
}
.support_contents .ncr_container {
    max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.support_contents .ncr_container_inner {
    padding-left: 1.5rem;
	padding-right: .5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.support_list_wrapper {
	background: url("/wp-content/uploads/bkgr_support_list_sp.png") repeat-x right bottom;
}
.ncr_col_sp1_pc3.support_list_wrapper {
	padding: 0 8px 8px 0;
/* 	margin-left: 16px; */
    width: calc(50% - 8px);
}

.ncr_col_sp1_pc3.support_list_wrapper:last-child {
    width: 100%;
}

.support_list {
	padding-top: 32px;
	margin-top: 1.0rem;
	margin-bottom: 0;
	position: relative;
	background-color: #DFF2FD;
	margin-left: -8px;
}
.support_list::before {
	content: "";
	width: 37px;
	height: 26px;
	background: url("/wp-content/uploads/icon_crown@2x.png") no-repeat;	
	background-size: contain;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	top: 0;
}

.border_ttl {
	background-color: #00284F;
	padding: 1.0rem .5rem;
	padding-bottom: 1.5rem;
	text-align: center;
	color: #FFF;
	font-weight: 600;
}

.support_contents .border_desc {
    background-color: #fff;
}

@media (min-width: 1024px) {    
    .support_contents .ncr_container_inner {
        flex-wrap: nowrap;
    }

    .support_contents .ncr_col_sp1_pc3.support_list_wrapper {
        width: calc(100% / 3);
        margin-left: 16px;
    }
    
    .support_contents .ncr_col_sp1_pc3.support_list_wrapper:last-child {
        width: calc(100% / 3);
    }

    .support_contents .border_desc {
        min-height: 110px;
    }
}

/*  iPhone SE max-width  */
@media (max-width: 320px) {
    .border_ttl {
        font-size: .875rem;
    }
}

.border_ttl .under_yellow {
	display: block;
	position: relative;
}
.border_ttl .under_yellow::after {
	content: "";
	display: block;
	width: 100px;
	height: 4px;
	background-color: #FAEE00;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	bottom: -8px;
}
.support_list img {
	  padding: 0;
	  padding-bottom: 10px;
  }
  .border_desc {
	  border: solid 1px #00284F;
	  padding: 1.0rem;
  }
  .support_list .under_yel {
    width: 10rem;
    padding-bottom: 2px;
  }
  .border_desc {
    padding: 1.0rem 0.5rem 1.5rem;
    font-size: .875rem;
 }

@media (min-width: 768px) {
	.support_list_wrapper {
		background-image: url("/wp-content/uploads/bkgr_support_list_tablet.png");
	}
	.support_list {
		padding-top: 4.0rem;
	}
	.support_list::before {
		width: 82px;
		height: 57px;
	}
}
@media (min-width: 1024px) {
	.support_contents {
		padding-top: 3.0rem;
		padding-bottom: 4.0rem;
	}
	.ncr_col_sp1_pc3.support_list_wrapper {
		width: calc(33.3% - 20px);
	}
	.support_list_wrapper {
		background-image: url("/wp-content/uploads/bkgr_support_list_pc_new.png");
	}
  .border_desc {
		height: auto;
      min-height: 180px;
 }
}

  /* 退職代行ニチローとは？ */
.ncr_about {
	background-color: #DFF2FD;
	 padding-top: 2.0rem;
	padding-bottom: 2.0rem;
}
.about_list {
	background-color: #FFF;
	margin-bottom: 1.5rem;
	margin-left: 15px;
	margin-right: 15px;
}
.about_list_img {
	padding: 1.5rem 1.5rem 0;
	text-align: center;
}
.about_list_img img {
	height: 150px;
	width: auto
}
.about_list_content {
	padding: 1.5rem;
}
.figure_ttl {
	text-align: center;
	font-weight: 600;
	font-size: 1.25rem;
}

@media (min-width: 768px) {
	/* 退職代行ニチローとは */
	.about_list {
	  display: flex;
	  align-items: center;
      width: 100%;
	}
	.about_list_img {
		width: 35%;
		padding-top: 2.0rem;
		padding-bottom: 2.0rem;
	}
	.about_list_img img {
		height: 200px;
	}
	.about_list_content {
		width: 65%;
		padding-top: 2.0rem;
		padding-bottom: 2.0rem;
	}
	.figure_ttl {
		text-align: left;
		font-size: 1.5rem;
	}
}
@media (min-width: 1024px) {
	.about_list_content {
		padding-right: 2.5rem;
	}
	.figure_ttl {
		margin-top: 2.0rem;
	}
}

  /* メディア掲載実績 */
.ncr_achv {
	padding: 30px 20px 30px 20px;
}
.achv_ttl {
	padding-bottom: 30px;
}
.ncr_achv .ncr_container_inner {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.ncr_achv .ncr_container_inner img {
    width: 100%;
	 height: auto;
}
/* 	  .co_icons img {
		  width: 20%;
		  margin: 0.5rem;
	  } */


/* 専門家のチームがあなたをサポート */
.your_adviser {
    padding: 2.0rem 0;
    background-image: url("/wp-content/uploads/ncr_bg_01.png");
}
.your_adviser .ncr_container {
    padding-left: 15px;
    padding-right: 15px;
}
.adviser_profile {
    padding-left: 0;
    padding-right: 0;
}
.adviser_info {
	display: flex;
	justify-content: center;
	text-align: center;
    background-color: #fff;
    padding: 1.5rem 1.5rem 0;
}
.adviser_info .profile_icon {
	position: relative;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}
.adviser_info .profile_icon img {
	width: 100%;
	max-width: 87px;
	height: auto;
}
.adviser_info .profile_icon::before {
	content: url("/wp-content/uploads/img_sparkles.png");
	position: absolute;
	top: 0;
	left: 0;
}
.adviser_name {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 1rem;
	padding-bottom: 1.0rem;
	width: 60%;
}
.adviser_content {
    font-size: .875rem;
    background-color: #fff;
    padding: 0 1.5rem 1.5rem;
}

@media (min-width: 768px) {
	.adviser_info .profile_icon::before {
		left: 20%;
	}
}
@media (min-width: 1024px) {
    .your_adviser {
        padding-bottom: 60px;
    }

	.adviser_info {
		display: block;
        width: 100%;
	}
	.adviser_profile {
        display: flex;
        flex-wrap: wrap;
        padding-left: 1rem;
        padding-right: 1rem;
	}
	.adviser_info .profile_icon::before {
		left: 0;
	}
	.adviser_info .profile_icon img {
		max-width: 174px;
	}
	.adviser_name {
/* 		align-items: center; */
		display: block;
		width: 100%;
		text-align: center;
	}
}


  /* 退職サポートの3ステップ */
.support_story {
	padding-top: 2.0rem;
	padding-bottom: 3.0rem;
 }
.story_list {
	position:relative;
}
.story_list::after {
	content: url("/wp-content/uploads/triangle_horizontal.png");
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translatex(-50%);
}
.story_list:last-child::after {
	content: "";
}
 .story_list_ttl {
	background-color: #0086D1;
	padding: 10px;
	font-size: 1.3rem;
	color: #FFF;
	 text-align: center;
  }
  .story_list .story_desc {
    background-color: white;
    padding: 20px 25px;
  }

@media (min-width: 1024px) {
	/* 退職サポートの流れ */
	  .support_story .ncr_container {
		  overflow: hidden;
	  }
	  .support_story .ncr_container_inner {
		  display: flex;
		  justify-content: space-around;
	  }
	  .story_list {
		  display: flex;
		  flex-wrap: wrap;
	  }
	  .story_list * {
		  width: 100%;
	  }
	  .story_list::after {
		  content: url("/wp-content/uploads/triangle_vertical.png");
		  bottom: 50%;
		  transform: translatey(50%);
		  left: 98%;
	  }
	  .story_desc {
		  height: 100%;
	  }
}

  /* 退職代行サポートの料金 */
.support_price {
	background-image: url(/wp-content/uploads/bg_taishoku_price.jpg);
	background-size: cover;
	background-position: center;
	padding: 80px 15px;
}
.support_price .ncr_container {
	max-width: 1200px;
}
.announce {
	padding-left: 2.0rem;
	padding-right: 2.0rem;
	margin-left: auto;
	margin-right: auto;
	font-weight: 0.85rem;
	text-align: center;
}
.support_price .ncr_container_inner {
	max-width: 900px;
	padding: 0 0 1.5rem;
	display: flex;
	flex-wrap: wrap;
}

.price_info_ttl {
	padding: 0.75rem 0 0;
	font-weight: 600;
    font-size: .75rem;
}

  .price_content {
    background-color: white;
    padding-top: 25px;
    padding-bottom: 5px;
  }
  .price_content p .lead {
    margin: 0;
    font-weight: 600;
    font-size: 1.375rem;
  }
  .price_content_price {
    color: #E40E7F;
    font-weight: 700;
    font-size: 1.5rem;
	text-align: center;
    margin: 0;
  }
  .price_content_price .large {
    font-size: 3.1875rem;
  }
  .price_content_note {
    font-size: .75rem;
    font-weight: bold;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .price_content_note span {
    display: inline-block;
  }
  .notice_box p {
    font-size: 0.8rem;
  }
  .price_content>.price_content_inner {
    padding: 0 20px 20px 20px;
  }
  .price_content .border_ttl {
    font-size: 0.85rem;
    font-weight: 600;
  }
  .price_content .border_box {
	padding: 1.0rem;
	border: solid 1px #ccc;
	display: flex;
	align-items: center;
  }
  .price_content .border_box img {
	width: 100%;
	max-width: 334px;
 	display: block;
	margin: 0;
  }
  .price_content .border_ttl:nth-child(4) {
    margin-left: 10px;
  }
  .price_content .border_box ul {
    font-weight: 600;
    font-size: 0.85rem;
	  line-height: 2.0;
  }

/* iPhone 6/7/8 */
@media (max-height: 667px) {
	.support_price .ncr_container_inner {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		padding-bottom: 0.75rem;
		display: flex;
        justify-content: space-around;
	}
}
@media (min-width: 768px) {
	.support_price .ncr_container_inner {
		padding: 0 2.0rem 2.0rem;
		flex-wrap: nowrap;
        flex-direction: row-reverse;
	}
    .price_content .price_info:first-child .border_box {
        justify-content: center;
    }
	.price_content .border_box {
		min-height: 200px;
	}
}
@media (min-width: 1024px) {
    .price_content p .lead {
        font-size: 2.25rem;
    }
    .price_content_price {
        font-size: 2.5rem;
    }
    .price_content_price .large {
        font-size: 5.125rem;
    }
    .price_content .border_box ul {
        font-size: 1.0rem;
    }
    .price_info_ttl {
        font-size: .875rem;
    }
}

/* 相談無料 */
.free_consultation {
	padding-top: 0.6rem;
	padding-bottom: 2.0rem;
    background-color: #fff;
}
.free_consultation.top_narrow {
	padding-top: 3.0rem;
}
.free_consultation.top_more_narrow {
	padding-top: 6.0rem;
}
.free_consultation.top_narrow_responce {
    padding-top: 6.0rem;
}
.free_consultation.parent_max_width {
    margin: 0 calc(50% - 50vw);
	width: 100vw;
}
@media (min-width: 768px) {
    .free_consultation.top_narrow_responce {
        padding-top: 2.0rem;
    }
}
.free_consultation_alt {
	padding-top: 2.0rem;
}
.free_ttl {
	height: 110px;
    margin-top: -45px;
    margin-bottom: 0;
	padding-top: 48px;
	text-align: center;
	color: #FFF;
	font-size: 1.125rem;
    font-weight: bold;
	background: url("/wp-content/uploads/bkgr_taishoku_title_CTA_new.png") no-repeat center top;
	background-size: 340px auto;
    color: #E40E7F;
    position: relative;
}
.consultation_line, .consultation_tel {
    width: 100%;
    margin: 0 auto;
}
.consultation_tel a, .consultation_line a {
    display: block;
	padding: 30px 0 20px;
    /*padding: 30px 0;*/
	border-radius: 6px;
    text-decoration: none;
	color: #FFF;
    font-weight: bold;
}
@media (min-width: 768px) {
    .consultation_tel a, .consultation_line a {
	padding: 35px 0 20px
}
}
.consultation_tel a {
    background-color: #FF9100;
    position: relative;
    padding-left: 45px;
}
.consultation_line a {
    background-color: #00B900;
    position: relative;
    padding-left: 45px;
}
.consultation_tel a:hover, .consultation_line a:hover,
.consultation_tel a:active, .consultation_line a:active,
.consultation_tel a:focus, .consultation_line a:focus {
    color: #FFF;
}
  .consultation_line>a:before,
  .consultation_tel>a:before {
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translatey(-50%);
}
  .consultation_line>a:before {
    background-image: url("/wp-content/uploads/icon_line.png");
    width: 38px;
    height: 36px;
    left: 25px;
  }
  .consultation_tel>a:before {
    background-image: url("/wp-content/uploads/icon_phone_legend_wh.png");
    width: 53px;
    height: 30px;
    left: 20px;
  }
  .mail_icon a:before {
    content: "\f003";
    font-family: 'FontAwesome';
  }

 @media screen and (min-width: 768px) {
  .free_consultation.ncr_container,
  .free_consultation_alt.ncr_container {
      display: flex;
      justify-content: center;
  }
  .free_consultation .ncr_container_inner,
  .free_consultation_alt .ncr_container_inner {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    }
    .consultation_line, .consultation_tel {
        width: 40%;
        margin-left: 0;
        margin-right: 0;
	}
	.free_consultation_text {
        font-size: 1.25rem;
	}

    .free_consultation_alt .consultation_line p,
    .free_consultation_alt .consultation_tel p {
        font-size: 1rem;
    }

    .free_consultation_alt .consultation_line a,
    .free_consultation_alt .consultation_tel a {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .free_ttl {
        height: 180px;
        padding-top: 80px;
        font-size: 1.875rem;
        background-size: 580px auto;
    }

    .consultation_line, .consultation_tel {
        width: 40%;
        font-size: 1.6875rem;
    }

    .free_consultation_alt .consultation_line,
    .free_consultation_alt .consultation_tel {
        width: 30%;
    }
}

.free_consultation .bottom_info {
    font-size: 0.75rem;
    padding: 0 1rem;
    margin: 0 auto;
}
@media screen and (min-width: 1024px) {
    .free_consultation .bottom_info {
        padding: 1rem;
        max-width: calc(1000px - 5.5rem);
    }
}
@media screen and (min-width: 1200px) {
    .free_consultation .bottom_info {
        padding: 1rem;
        max-width: calc(1200px - 5.5rem);
    }
}

/* よくある質問 */
.ncr_faq {
  background: url("/wp-content/uploads/ncr_bg_01.png");
	padding-top: 2.0rem;
	padding-bottom: 4.0rem;
}
.ncr_faq .ncr_container_inner {
  display: flex;
  flex-wrap: wrap;
}
.ncr_faq_content {
  background-color: #FFF;
  width: 100%;
}
.ncr_faq_header {
  min-height: 134px;
  padding: 1.75rem 1.5rem;
  padding-right: 4.0rem;
  background-color: #00284F;
  color: #fff;
  position: relative;
}
.ncr_faq_num {
  display: block;
}
.ncr_faq_body {
  padding: 1.0rem 1.5rem 2.0rem;
  display: none;
}
 @media (min-width: 768px) {
    .ncr_faq_content {
      height: 100%;
    }
    .ncr_faq_header.cts_com_accord_toggler {
      padding-right: 1.5rem !important;
    }
    .ncr_faq_header::after, is__show.ncr_faq_header::after {
      content: "";
    }
    .ncr_faq_body {
      display: block;
    }
 }

/* データで見る「退職の動向」 */
.retire_trends {
  padding-top: 2.5rem;
  padding-bottom: 4.0rem;
}
.retire_trends_content {
  padding: 2.5rem;
}
.retire_trends_content img {
 	width: 100%;
 	max-width: 467px;
	height: auto;
}
.retire_trends_discription {
	width: 100%;
	padding-left: 1.0rem;
	padding-right: 1.0rem;
	margin-bottom: 2.0rem;
}
.retire_trends_discription ul {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
.bnr_more_reseach {
	text-align: center;
	padding-left: 1.0rem;
	padding-right: 1.0rem;
}
.bnr_more_reseach > a > img {
	width: 100%;
	max-width: 435px;
}

/* iPhone6/7/8 */
@media (max-height: 667px) {
	.retire_trends_discription {
		font-size: 0.85rem;
	}
}
@media (min-width: 768px) {
	.retire_trends_discription {
		padding-left: 0;
		padding-right: 0;
	}
  .retire_trends .ncr_container_inner {
    display: flex;
	  max-width: 900px;
  }
	.bnr_more_reseach {
		padding-left: 0;
		padding-right: 0;
	}
}

  /* みんなの退職理由 */
.retire_reasons {
	padding-top: 2.0rem;
	padding-bottom: 2.0rem;
}
.profile_info {
	background-color: #00284F;
	padding: 1.0rem;
}
.profile_info.cts_com_accord_toggler {
	padding-right: 1.0rem !important;
}
.profile_info.cts_com_accord_toggler::after {
	content: "";
}
.profile_icon {
  margin-bottom: 1.0rem;
}
.profile_icon img {
	width: 100px;
	height: auto;
}
.tweet_box {
	background-color: #FFF;
	margin: 0 20px;
	padding: 20px;
	position: relative;
}
.tweet_box:before, .tweet_box:after {
	position: absolute;
}
.tweet_box:before {
	content: url("/wp-content/uploads/double_quotation_before@2x.png");
	top: -10px;
	left: 5px;
	z-index: 2;
}
.tweet_box:after {
	content: url("/wp-content/uploads/double_quotation_after@2x.png");
	bottom: -15px;
	right: 5px;
}
.desc_ttl {
	font-weight: bold;
}
.profile_body {
	background: #FFF;
	padding: 20px 25px 40px;
	display: none;
}
.profile_desc {
	margin: 0 25px;
	background: white;
	padding: 20px 25px 20px 25px;
	font-size: 1.25rem;
	font-weight: bold;
}
/* 暫定的に閉じるボタンを非表示 */
.profile_body .btn_close {
	display: none;
}
@media (min-width: 768px) {
	 .retire_reasons .ncr_container_inner {
	  display: flex;
	}
	.profile_body {
	  display: block;
	}
	  .profile_body .btn_close {
		display: none;
	}	
}

/* フォーム */
.wpcf7-form {
	width: 90%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* 見出し　ページ内遷移時に見切れｒが発生しないように調整 */
.ttl_webform {
	font-size: 1.25rem;
	margin-top: 1.0rem;
	text-align: center;
	padding-top: 2.5rem;
}
.retire_ncr .wpcf7 {
	background-color: transparent;
	max-width: 900px;
	padding-top: 0 !important;
}
.contact-page-form {
	width: 100%;
	border: solid 1px #ccc;
	margin-bottom: 1.0rem;
	border-collapse: collapse;
}
.wpcf7-form p, .form_bottom_text {
	margin-top: 0 !important;
}
.form_bottom_text {
	text-align: center;
	padding-left: 1.0rem;
	padding-right: 1.0rem;
}

/* iPhone 6/7/8 */
@media (min-width: 500px) {
	.form_bottom_text {
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
}
	
  /* 退職代行サポート利用規約 */
.retire_tos {
	margin-top: 4.5rem;
	padding-top: 3.0rem;
	padding-bottom: 5.0rem;
}
  .retire_tos h3 {
    padding: 30px 0 5px 0;
    width: fit-content;
    margin: 0 auto;
  }
.ncr_scroll_content {
	overflow-y: scroll;
	background-color: white;
	padding: 1.5rem 2.5rem 4.0rem;
	height: 400px;
	width: 90%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 3px 0 rgba(0,0,0, 0.25) inset;
	border-radius: 2px;
}
 @media screen and (min-width: 768px) {
	.ncr_scroll_content {
		padding-left: 4.0rem;
		padding-right: 4.0rem;
	  }
    .support_contents_inner.ncr_container_inner {
      display: flex;
    }
}

/* 運営団体 */
.management_organization {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 2.0rem;
    padding-bottom: 7.0rem; /* 固定フッターと重複する分、余白で調整 */
    background-color: #FFF;
}
.management_organization h3 {
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 1.2rem;
}
/* footer */
.retire_ncr footer {
    background-color: #00284F;
    color: white;
    font-size: 0.5rem;
    padding: 20px 25px;
}
    

/* h3の下線部削除 */
.home .hl-custom .wp-block-column h3 {
    border-bottom: none;
}
/* 背景色削除 */
.home .hl-custom h2 {
    background-color: transparent;
    color: black;
    text-align: center;
}

/* flex */
.home .flex_wrap>.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
}

/* 2021.05.21 提携する弁護士・社労士・税理士ブロック追加 */
.your_adviser_top {
  margin-top: 60px;
}

@media (min-width: 1024px) {
  .your_adviser_top .adviser_profile {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  .your_adviser_top .adviser_profile {
    margin-left: 3.0rem;
    margin-right: 3.0rem;
  }
}

@media (min-width: 1024px) {
  .your_adviser_top .adviser_profile {
    margin-left: 0;
    margin-right: 0;
  }
}

.your_adviser_top .adviser_info {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 1024px) {
  .your_adviser_top .adviser_info {
    display: block;
  }
}

.your_adviser_top .adviser_info .profile_icon {
  position: relative;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.0rem;
  width: 40%;
}

.your_adviser_top .adviser_info .profile_icon img {
  width: 100%;
  max-width: 87px;
  height: auto;
  margin: 0;
}

@media (min-width: 1024px) {
  .your_adviser_top .adviser_info .profile_icon img {
    max-width: 174px;
  }
}

.your_adviser_top .adviser_name {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin: 0 0 1.0rem 0;
  width: 60%;
}

@media (min-width: 1024px) {
  .your_adviser_top .adviser_name {
    display: block;
    width: 100%;
    text-align: center;
  }
}


/* 2021.05.24 line,電話 問い合わせボタン リデザイン*/
.free_consultation_buttons > .ncr_col_pc2 {
  display: flex;
  flex-flow: column wrap;
}

.free_consultation_buttons > .ncr_col_pc2 p, .free_consultation_buttons > .ncr_col_pc2 a {
  display: block;
  width: 100%;
}

.consultation_line a,
.consultation_tel a {
  margin-top: auto;
  transition: none;
}

.consultation_line a:hover,
.consultation_tel a:hover {
  filter: none;
  top: 5px;
}

.consultation_line a {
  filter: drop-shadow(0 5px 0 #008600);
}

.consultation_tel a {
  filter: drop-shadow(0 5px 0 #bb6a00);
}

/**/
.consultation_tel a {
	position: relative
}
.consultation_tel a span {
	position: absolute;
	top: 15px;
	left: calc(50% + 22.5px);
	transform: translateX(-50%);
	font-size: 60%;
}
/**/

/* 2021.05.24 みんなの退職理由 ボックスの高さを合わせる*/
@media (min-width: 1024px) {
  .profile {
    display: flex;
    flex-flow: column nowrap;
  }
  .profile dd {
    height: 100%;
  }
}

/* 2024.09.14 規約とプライバシーポリシーの見出しをpタグ化 */
.ncr_docs .ncr_docs_center {
	text-align: center;
}

/* 新LP */
/* ヒーロービジュアル */
.ncr_img_hero::before {
    content: none;
}



/* ヒーローCTA */
.hero_wrapper .free_consultation {
    width: 100%;
    background: linear-gradient(to top,rgba(223, 242, 253,1) 30%,rgba(223, 242, 253,0) 100%);
    position: relative;
}


.hero_wrapper .free_consultation .ncr_container {
    position: relative;
}

@media (min-width: 1024px) {
    .hero_wrapper .free_consultation {
        margin: 0 calc(50% - 50vw);
	    width: 100vw;
    }
}

/* .hero_wrapper .free_consultation .ncr_container .free_sub {
    display: block;
    font-size: .875rem;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -20px;
    right: 37px;
    line-height: 1.25;
    transform: rotate(19deg);
    z-index: 1;
}

.hero_wrapper .free_consultation .ncr_container .free_ttl::after {
    display: block;
    content: '';
    width: 75px;
    height: 75px;
    background-image: url("/wp-content/uploads/bkgr_taishoku_title_CTA_circle.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -40px;
    right: 15px
} */

.hero_wrapper .free_consultation .ncr_container .ncr_container_inner {
    min-height: auto;
}

.hero_wrapper .free_consultation .ncr_container .ncr_container_inner .ncr_col_pc2:first-child {
    padding-top: 0;
}

.hero_wrapper .free_consultation .ncr_container .ncr_container_inner .ncr_col_pc2:last-child {
    padding-top: 10px;
}

/* ニチローができること */
.can_do {
    background-color: #dff2fd;
    position: relative;
    padding-top: 1.5rem;
}

.can_do .can_do_items {
    margin: 1.5rem 15px 0;
}

.can_do .can_do_items .can_do_list {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
}

.can_do .can_do_items .can_do_list li {
    width: 25%;
}

.can_do .can_do_items .can_do_list li:nth-child(even) {
    margin-top: -10px;
}

.can_do .can_do_items .can_do_list li:nth-child(n+5) {
    width: 30%;
}

.can_do .can_do_items .can_do_list li img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.can_do .ncr_img_can_do img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .can_do {
        padding-top: 5rem;
    }
}

@media (min-width: 1200px) {
    .can_do .ncr_container_inner {
        flex-wrap: nowrap;
        align-items: flex-end;
    }

    .can_do .ncr_container_inner .can_do_items {
        width: 65%;
        padding-bottom: 60px;
        margin-right: 0;
    }

    .can_do .ncr_container_inner .ncr_img_can_do {
        width: 35%;
    }

    .can_do .ncr_container_inner .ncr_img_can_do img {
        margin-left: -80px;
    }
}

/* 退職代行とは */
.ncr_what {
    padding-top: 2rem;
    padding-bottom: 4rem;
    background-color: #DFF2FD;
}

.ncr_what .ncr_container_inner {
    padding: 0 15px;
}

.ncr_what .what_messenger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 90px;
    margin-bottom: 1rem;
    position: relative;
}

.ncr_what .what_messenger .what_messenger_item {
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% / 3);
}

.ncr_what .what_messenger .what_messenger_item span {
    display: block;
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
    font-size: .75rem;
    color: #00284F;
}

.ncr_what .what_messenger .what_messenger_item img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.ncr_what .what_messenger .what_messenger_item:nth-child(2) img {
    padding-left: 15px;
    padding-right: 15px;
}

.ncr_what .what_messenger::after {
    display: block;
    content: '';
    width: 180px;
    height: 99px;
    background-image: url("/wp-content/uploads/what_messenger_balloon@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}

.ncr_what .what_desc p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .875rem;
}

@media (min-width: 768px) {
    .ncr_what .what_messenger {
        margin-top: 60px;
    }

    .ncr_what .what_messenger .what_messenger_item span {
        font-size: 1.125rem;
    }

    .ncr_what .what_messenger::after {
        width: 240px;
        height: 132px;
        top: -40px;
    }

    .ncr_what .what_desc p {
        font-size: 1rem;
    }
}

@media (min-width: 1024px) {
    .ncr_what .what_messenger .what_messenger_item span {
        font-size: 1.375rem;
    }
}

/* 退職サポートの流れ */
.support_flow {
    padding-top: 2rem;
    padding-bottom: 3rem;
    background-image: url("/wp-content/uploads/ncr_bg_01.png");
}

.support_flow .ncr_container_inner {
    padding: 0 15px;
}

.support_flow .support_flow_container {
    margin: 2rem auto 4rem;
    max-width: 800px;
}

.support_flow .support_flow_container .flow_start {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.support_flow .support_flow_container .flow_start::after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #00284F;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
}

.support_flow .support_flow_container .flow_start .start_item {
    padding: 0 30px 20px;
}


.support_flow .support_flow_container .flow_start .start_item img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.support_flow .support_flow_container .flow_start .start_item span {
    display: block;
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
    font-size: .875rem;
    color: #00284F;
}

.support_flow .support_flow_container .flow_step {
    margin-bottom: 15px;
}

.support_flow .support_flow_container .flow_step dt {
    padding: 5px 10px;
    font-size: .875rem;
    font-weight: bold;
    background-color: #FAEE00;
}

.support_flow .support_flow_container .flow_step dd {
    background-color: #fff;
    padding: 15px 10px;
}

.support_flow .support_flow_container .step_work {
    background-color: #fff;
    padding: 15px 10px;
    margin-bottom: 15px;
}

.support_flow .support_flow_container .flow_step dd img,
.support_flow .support_flow_container .step_work img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.support_flow .support_flow_container .step_desc {
    display: block;
    font-weight: bold;
    font-size: .75rem;
    margin-top: 5px;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .support_flow .support_flow_container {
        margin: 2rem auto 10rem;
    
    }

    .support_flow .support_flow_container .flow_start .start_item span {
        font-size: 1.125rem;
    }

    .support_flow .support_flow_container .flow_step .sp_only {
        display: none;
    }

    .support_flow .support_flow_container .step_desc {
        font-size: 1.125rem;
    }
}

@media (min-width: 1024px) {
    .support_flow .support_flow_container .flow_start {
        justify-content: center;
    }

    .support_flow .support_flow_container .step_work {
        padding: 30px;
    }

    .support_flow .support_flow_container .flow_step dd {
        padding: 30px;
    }

    .support_flow .support_flow_container .flow_start .start_item img {
        max-width: 80%;
        margin: 0 auto;
    }

    .support_flow .support_flow_container .flow_step dt {
        font-size: 1rem;
    }
}

/* STEP1 */
.support_flow .support_flow_container .flow_step.step_01 {
    position: relative;
    margin-bottom: 0;
}

.support_flow .support_flow_container .flow_step.step_01::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #00284F;
    position: absolute;
    border-radius: 50%;
    top: -5px;
    left: 50%;
    transform: translatex(-50%);
}

.support_flow .support_flow_container .flow_step.step_01 dd {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.support_flow .support_flow_container .flow_step.step_01 dd .step_item {
    width: calc(50% - 10px);
    padding-left: 5px;
    padding-right: 5px;
}

/* STEP2/STEP3 */
.support_flow .support_flow_container .flow_step_mix {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    position: relative;
}

.support_flow .support_flow_container .flow_step_mix .your_step {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.support_flow .support_flow_container .flow_step_mix .your_step .flow_step {
    width: 100%;
}

.support_flow .support_flow_container .flow_step_mix .ncr_step {
    display: flex;
    align-items: center;
    width: 50%;
}

.support_flow .support_flow_container .flow_step_mix .your_step .flow_step.step_03 img {
    padding-left: 30px;
    padding-right: 30px;
}

.support_flow .support_flow_container .flow_step_mix .ncr_step .step_work img {
    padding-left: 30px;
    padding-right: 30px;
}

.support_flow .support_flow_container .flow_step_mix .your_step .flow_step .step_desc,
.support_flow .support_flow_container .flow_step_mix .ncr_step .step_work .step_desc {
    text-align: center;
}

.support_flow .support_flow_container .flow_step_mix .your_step .flow_step dt {
    position: relative;
}

.support_flow .support_flow_container .flow_step_mix .your_step .flow_step dt::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #00284F;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: calc(100% - 5px);
    transform: translatey(-50%);
    z-index: 1;
}

.support_flow .support_flow_container .flow_step_mix .ncr_step .step_work {
    width: 100%;
    position: relative;
}

.support_flow .support_flow_container .flow_step_mix .ncr_step .step_work::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #00284F;
    position: absolute;
    left: 0;
    top: -1px;
}

.support_flow .support_flow_container .flow_step_mix .ncr_step .step_work::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #00284F;
    position: absolute;
    border-radius: 50%;
    top: -5px;
    left: -5px;
}

.support_flow .support_flow_container .flow_step_mix::after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #00284F;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
}

/* STEP4 */
.support_flow .support_flow_container .flow_step.step_04 {
    position: relative;
    margin-bottom: 0;
}

.support_flow .support_flow_container .flow_step.step_04::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #00284F;
    position: absolute;
    border-radius: 50%;
    top: -5px;
    left: 50%;
    transform: translatex(-50%);
}

.support_flow .support_flow_container .flow_step.step_04 dd {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.support_flow .support_flow_container .flow_step.step_04 dd .step_item {
    width: calc(50% - 10px);
    padding-left: 5px;
    padding-right: 5px;
}

/* STEP5 */
.support_flow .support_flow_container .flow_step_mix .flow_step.step_05::before {
    content: '';
    display: block;
    height: 60px;
    width: 100%;
}

.support_flow .support_flow_container .flow_step_mix .ncr_step.step_05 {
    align-items: flex-start;
}

.support_flow .support_flow_container .flow_step_mix .your_step .flow_step.step_05 img {
    padding-left: 30px;
    padding-right: 30px;
}

.support_flow .support_flow_container .flow_step_mix .ncr_step.step_05 .step_work img {
    padding-left: 0;
    padding-right: 0;
}

/* STEP完了 */
.support_flow .support_flow_container .flow_end {
    position: relative;
}

.support_flow .support_flow_container .flow_end::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #00284F;
    position: absolute;
    border-radius: 50%;
    top: -5px;
    left: 50%;
    transform: translatex(-50%);
    z-index: 1;
}

.support_flow .support_flow_container .flow_end::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 34vw;
    background: url("/wp-content/uploads/flow_step_end@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    left: 60%;
    top: 50%;
    transform: translateY(-50%);
}

.support_flow .support_flow_container .flow_end .end_desc {
    display: inline-block;
    width: 80%;
    padding: 20px 15px;
    background-color: #0086D1;
    position: relative;
}

.support_flow .support_flow_container .flow_end .end_desc span {
    color: #fff;
    font-size: 1.125rem;
    font-weight: bold;
}

@media (min-width: 768px) {
    .support_flow .support_flow_container .flow_end::after {
        width: 280px;
        height: 248px;
    }
}

@media (min-width: 1024px) {
    .support_flow .support_flow_container .flow_end {
        text-align: center;
    }

    .support_flow .support_flow_container .flow_end .end_desc {
        width: 50%;
    }

    .support_flow .support_flow_container .flow_end .end_desc span {
        font-size: 1.375rem;
    }

    .support_flow .support_flow_container .flow_step_mix .flow_step.step_05::before {
        height: 150px;
    }
}

/* 退職後のサポート */
.support_flow .ncr_container_inner.after_service p {
    font-size: .875rem;
}

.support_flow .ncr_container_inner.after_service .after_service_image {
    text-align: center;
}

.support_flow .ncr_container_inner.after_service .after_service_image img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .support_flow .ncr_container_inner.after_service p {
        font-size: 1rem;
    }
}

@media (min-width: 1024px) {
    .support_flow .ncr_container_inner.after_service p {
        display: inline-block;
        width: 600px;
    }
    
    .support_flow .ncr_container_inner.after_service p:first-child {
        margin-bottom: 3rem;
    }

    .support_flow .ncr_container_inner.after_service .after_service_image img {
        max-width: 70%;
        margin: 0 auto;
    }

}

/* 再利用ブロック用メディア掲載実績 */
.ncr_medhia {
	position: relative;
	z-index: 10;
    padding-top: 2rem;
    padding-bottom: 3rem;
    background-image: url("/wp-content/uploads/ncr_bg_01.png");
}

.ncr_medhia .ncr_container {
    padding-left: 15px;
    padding-right: 7px;
}

.ncr_medhia .medhia_list_wrapper {
    width: 100%;
    padding: 0 8px 8px 0;
    background: url("/wp-content/uploads/bkgr_support_list_sp.png") repeat-x right bottom;
    margin-bottom: 1rem;
}

.ncr_medhia .medhia_list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background-color: #fff;
}

.ncr_medhia .medhia_list .medhia_image {
    margin-right: 15px;
    width: 30%;
}

.ncr_medhia .medhia_list .medhia_image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.ncr_medhia .medhia_list .medhia_detail {
    width: calc(70% - 15px);
    font-weight: bold;
}

.ncr_medhia .medhia_list .medhia_detail .medhia_detail_date {
    display: block;
    font-size: .875rem;
}

.ncr_medhia .medhia_list .medhia_detail .medhia_detail_desc {
    display: block;
    font-size: .875rem;
}

@media (min-width: 1024px) {
    .ncr_medhia .ncr_container_inner {
        justify-content: flex-start;
        max-width: 1000px;
    }

    .ncr_medhia .medhia_list_wrapper {
        width: calc(50% - 15px);
    }

    .ncr_medhia .medhia_list_wrapper:nth-child(odd) {
        margin-right: 15px;
    }

    .ncr_medhia .medhia_list {
        height: 100%;
    }

    .ncr_medhia .medhia_list .medhia_image {
        width: 50%;
    }

    .ncr_medhia .medhia_list .medhia_detail {
        width: calc(50% - 15px);
    }

    .ncr_medhia .medhia_list .medhia_detail .medhia_detail_desc {
        font-size: 1rem;
    }
}

/* 中間バルーン無しCTA */
.free_consultation.non_balloon .free_ttl {
    height: 80px;
    margin-top: -60px;
    padding-top: 12px;
    background: url("/wp-content/uploads/bkgr_taishoku_title_CTA_non_balloon.png") no-repeat center top;
	background-size: 300px auto;
}
.free_consultation.non_balloon .free_consultation_text {
    font-size: .875rem;
    font-weight: bold;
    margin-bottom: .5rem;
}

.free_consultation.non_balloon .free_consultation_buttons {
    padding-left: 30px;
    padding-right: 30px;
}

.free_consultation.non_balloon .free_consultation_buttons .consultation_line,
.free_consultation.non_balloon .free_consultation_buttons .consultation_tel {
    padding: .5rem 1rem;
}

@media (min-width: 1024px) {
    .free_consultation.non_balloon {
        padding-bottom: 5rem;
    }

    .free_consultation.non_balloon .free_ttl {
        height: 140px;
        padding-top: 10px;
        background-size: 360px auto;
    }

    .free_consultation.non_balloon .free_consultation_text {
        font-size: 1.625rem;
        font-weight: bold;
        margin-bottom: 30px;
    }
}

/* フッター固定CTAの調整 */
body #page-top {
    bottom: 75px;
}

@media (min-width: 768px) {
    body #page-top {
        bottom: 22px;
    }
}