/* contents common title
------------------------------------------------------------*/

section.work_story_section {
	margin: 4rem 0;
}

div.work_story_intro_area {
	padding: 6rem 0;
}
div.work_story_intro_area_02 {
	padding: 0 0 6rem;
}

h2.work_story_intro_h2 {
	font-family: "Noto Sans Japanese", sans-serif;
	font-size: 2.7rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.8rem;
	color: #333;
	line-height: 190%;
}


div.work_story_intro_left {
	width: 55%;
	text-align: right;
}
div.work_story_intro_right {
	position: relative;
	width: 45%;
}


div.work_story_intro_left > img {
	display: in-lineblock;
	width: 61.4%;
	margin-right: 15%;
}

div.work_story_intro_pos {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

div.work_story_intro_right p {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 600;
	color: #333;
	line-height: 300%;
}

.colbBox{
	background-color:#d9dde0;
	padding: 4%;
    width: 100%;
	margin-bottom: 100px;
}
.colbBox strong{
	color: #006992;
  background: -webkit-linear-gradient(0deg, #006992, #008c92);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 175%;
    margin-bottom: 30px;
    display: block;
}
.colbBox .bB_conts{
	display: inline-block;
    width: 100%;
}
.colbBox .bB_conts img{
	float: left;
    width: 44%;
    margin-right: 3%;
}
.colbBox .bB_conts p{
    line-height: 200%;
    font-weight: 500;
    margin-bottom: 20px;
}
.colbBox .bB_conts a{
	background-color: #fff;
    color: #006992;
    padding: 10px 2%;
    letter-spacing: 1px;
    font-weight: 500;
    display: inline-block;
}


@media screen and (max-width: 960px) {

	/* h2.work_story_intro_h2 {
		display: none;
	} */
	h3.step_title {
	    font-size: 2rem;
	}
	p.step_str {
    font-size: 1.8rem;
}
	div.work_story_intro_left {
		width: 100%;
		text-align: center;
	}
	div.work_story_intro_right {
		width: 90%;
		margin: 0 auto;
		padding: 2rem 0 0;
	}
	div.work_story_intro_pos {
		position: relative;
		top: initial;
		transform: initial;
	}

	div.work_story_intro_right p {
		font-size: 1.8rem;
		letter-spacing: -0.1em;
	}


br{
		display: none;
	}

	div.work_story_step_left {
		width: 100%;
    margin-right: 0;
	}
	div.work_story_step_right {
		width: 100%;
		margin-top: 20%;
	}


	div.step_number_box {
		box-sizing: border-box;
		height: calc(100% - 35px);
	}

	div.step_box_2 {
		display: none;
	}
	div.step_box_3 {
		width: calc(100% - 50px);
	}

	div.next_icon > span {
		position: absolute;
		left: 40%;
	}

	div.work_story_step_left_box:nth-child(10) div.step_number_box {
		display: block;
		height: 100%;
	}

	div.work_story_step_left_box:last-child {
		position: relative;
		margin-top: 80px;
	}

	div.work_story_step_left_box:last-child:before {
		content: "";
		position: absolute;
		top: -80px;
		left: 50%;
		width: 50%;
		height: 80px;
		border-left: dashed 2px #d1d2d2;

	}

	div.work_story_step_left_box:last-child div.step_number_box {
		display: block;
		height: calc(100% - 35px);
	}

	div.work_story_step_left_box:last-child div.step_box_3 {
		margin: 0;
	}

	div.work_story_step_left_box:last-child div.step_timeline_box_2 {
		margin: 0;
	}
	div.work_story_step_right_box p {
		font-size: 1.8rem;
	}

	div.story_step_right_box_1 {
		margin-bottom: initial;
	}
	div.story_step_right_box_2 {
		margin-bottom: initial;
	}
	div.story_step_right_box_3 {
		margin-bottom: initial;
	}
	div.story_step_right_box_4 {
		margin-bottom: initial;
	}
	div.story_step_right_box_last {
		position: relative;
		bottom: initial;
		margin-bottom: 20%;
	}

	div.step_number_box:after {
		top: 50%;
	}
    div.work_story_intro_left > img {
    	margin-right: 0;
    }
	.colbBox{
		margin-bottom:70px;
	}
	.colbBox strong{
		font-size: 148%;
	}
}
@media screen and (max-width: 768px) {
	.colbBox{
		padding: 7% 6% 7%;
	}
	.colbBox strong {
        font-size: 125%;
		margin-bottom: 20px;
    }
	.colbBox .bB_conts img {
    	float: initial;
    	width: 100%;
    	margin-right: 0;
    	margin-bottom: 20px;
    }
	.colbBox .bB_conts a {
    	padding: 10px 2%;
    	letter-spacing: 1px;
   		font-weight: 500;
    	display: block;
    	text-align: center;
    }
}
@media screen and (max-width: 480px) {
}