/*-------------------------------------------------------------*/
/* section style */
.section_type01 {
	background-image: url(../../img/doublework/bg_lead.png);
	background-position: center center;
	background-size: cover;
	background-color: #fff;
	color: #000;
	padding: 3.5rem 0;
	position: relative;
}

@media screen and (max-width:767px) {
	.section_type01 {
		padding: 2rem 1rem;
	}
}

.section_type01 .lay_lqd {
	max-width: 760px;
	position: relative;
}
.section_type01 .lay_lqd.tightest { max-width: 616px; }




/* 2019.11 追記 */
.section_type01_new {
	background: #17c4c6;
	color: #fff;
	padding: 3.5rem 0;
	position: relative;
}
@media screen and (max-width:767px) {
	.section_type01_new {
		margin-bottom: 2rem;
		padding: 2rem 1rem;
	}
}

.section_type01_new .lay_lqd {
	max-width: 650px;
	position: relative;
}
.section_type01_new .page_head01.grn {
	padding: 0 0 0.25rem;
	color: #fff;
	border-bottom: solid 1px #fff;
	margin: 0 0 1rem;
}
.section_type01_new .page_text {
	padding: 0;
}
.section_type01_new .page_text p.mb {
	margin-bottom: 2rem;
}



/*-------------------------------------------------------------*/
/* head style */

.page_head01 {
	padding: 0 0 0.25rem;
	color: #000;
	border-bottom: solid 1px #000;
	margin: 0 0 2rem;
}
@media screen and (max-width:767px) {
	.page_head01 {
		padding: 0 0 0.5rem;
		margin: 0 0 1.5rem;
	}
}
.page_head02 {
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: #000;
	margin: 0 0 2rem;
}
@media screen and (max-width:767px) {
	.page_head02 {
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin: 0 0 1.5rem;
	}
}

.page_head04 {}
.page_head04 > span { color: #0071bc; }
.page_head04 > em { color: #0071bc; }

/*-------------------------------------------------------------*/
/* page parts */
.page_closing { color: #0071bc; }

.page_hr {
	height: 20rem;
	margin: 2rem 0 0;
}
@media screen and (max-width:767px) {
	.page_hr {
		height: 8rem;
		margin: 2rem 0 0;
	}
}

/*-------------------------------------------------------------*/
/* page parts news */

/*-------------------------------------------------------------*/
/* page parts mv */
@media screen and (min-width: 768px){
	#mv {
		width: 100%;
		min-height: 500px;
	}
}
@media screen and (min-width: 1280px){
	#mv {
		width: 100%;
		min-height: 700px;
	}
}
@media screen and (min-width: 1600px){
	#mv {
		width: 100%;
		min-height: 900px;
	}
}
.mv_image {
	text-align: center;
	transform: translate(0,1.75rem);
}
.mv_image img {max-width: 1920px;}
.mv_text img { max-width: 1000px; }

@media screen and (max-width:767px) {
	.mv_text { top: 18%; }
	.mv_image:before { padding: 125% 0 0; }
	.mv_image img {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		max-width: none;
		width: auto;
		height: 50%;
	}
}



/* 2019.11 追記 */
#mv02 {
	background: url("../../img/doublework/bg_mv.jpg") no-repeat center bottom;
	background-size: cover;
	width: 100%;
	position: relative;
}
@media screen and (min-width: 768px){
	#mv02 {
		min-height: 500px;
	}
}
@media screen and (min-width: 1280px){
	#mv02 {
		min-height: 980px;
	}
}
@media screen and (min-width: 1600px){
	#mv02 {
		min-height: 980px;
	}
}

.mv_image2 {
	text-align: center;
	transform: translate(0,5.75rem);
}
.mv_image2 img {max-width: 1200px;}

.mv_text2 {
	position: absolute;
	top: 6.0rem;
	left: 45%;
}
.mv_text2 img { max-width: 155px; }

@media screen and (max-width: 1280px){
	.mv_image2 img {
		max-width: 90%;
	}
}
@media screen and (max-width:767px) {
	.mv_image2 {
		text-align: center;
		transform: translate(0,1.75rem);
	}
	.mv_image2 img {
		max-width: 90%;
	}
	.mv_text2 {
		position: absolute;
		top: 0.5rem;
		left: 41%;
	}
	.mv_text2 img { max-width: 70px; }
}




/*-------------------------------------------------------------*/
/* page parts merit */
.box_type01 {}
.box_type01_head {
	background: #0071bc;
	color: #fff;
}
.box_type01_body {
	background: #fcfceb;
}

/*-------------------------------------------------------------*/
/* page parts merit */

.box_merit_body { border: solid 3px #0071bc; }

.box_good {
	border: solid 1px #bfbfbf;
	background-image: url(../img/icon_hand_green.png);
	position: relative;
}

.box_good dt { color: #0071bc; }
.box_good dt em { color: #0071bc; }

.box_good_figure {
	width: 4rem;
	position: absolute;
	right: 0;
	top: 0;
}
.box_good_figure img {
	width: 100%;
	height: auto;
}

@media screen and (max-width:767px) {
	.box_merit_body { border: solid 3px #0071bc; }
	.box_good { background-image: url(../img/icon_hand_green.png); }
	.box_good_figure { display: none; }

}

/*-------------------------------------------------------------*/
/* page parts voice */
.box_voice_head > span {
	background: #0071bc;
	color: #fff;
}
.box_voice_head > span:after { border-color: #0071bc transparent transparent transparent; }
.box_voice_name { color: #0071bc; }

/*-------------------------------------------------------------*/
/* page parts voice */

.box_pickup:before { border-color: #0071bc transparent transparent #0071bc; }
.box_pickup:after { border-color: transparent #0071bc #0071bc transparent; }

.box_pickup_head { color: #0071bc; }
.box_pickup_head span:before { border-bottom: solid 3px #0071bc; }

.box_pickup dl dd { color: #0071bc; }

/* 2019.11.15 追記 */
#title_padding {
	padding-top: 0px;
}
@media screen and (max-width: 768px){
	#title_padding {
		padding-top: 50px;
	}
}
@media screen and (max-width: 1280px){
	#title_padding {
		padding-top: 100px;
	}
}
@media screen and (max-width: 1600px){
	#title_padding {
		padding-top: 50px;
	}
}

.lay_lqd .point_box{
	display: flex;
	justify-content: space-between;
}

.lay_lqd .point_box .box01{
	width: 45%;
	height: 225px;
	display: flex;
}

.lay_lqd .point_box .box01 .icon{
	content: url(../img/box01_bk.png);
	position: absolute;
	right: -11%;
	top: -115%;
}

.lay_lqd .point_box .box01 p{
	border: solid 1px #bfbfbf;
	background-image: url(../img/icon_hand_blue.png);
	position: relative;
	font-size: 1.35rem;
	padding: 1.75rem 1.5rem 1.75rem 4.5rem;
	margin: 0 0 0.5rem;
	background-position: 0.9rem 1.5rem;
	background-size: auto 3.5rem;
	background-repeat: no-repeat;
	align-self: flex-end;
	width: 100%;
	color: #0071bc;
	font-size: 1.9rem;
}

.lay_lqd .point_box .box02{
	width: 45%;
	height: 225px;
	display: flex;
}

.lay_lqd .point_box .box02 .icon{
	content: url(../img/box02_bk.png);
	position: absolute;
	right: -11%;
	top: -115%;
}

.lay_lqd .point_box .box02 p{
	border: solid 1px #bfbfbf;
	background-image: url(../img/icon_hand_blue.png);
	position: relative;
	font-size: 1.35rem;
	padding: 1.75rem 1.5rem 1.75rem 4.5rem;
	margin: 0 0 0.5rem;
	background-position: 0.9rem 1.5rem;
	background-size: auto 3.5rem;
	background-repeat: no-repeat;
	align-self: flex-end;
	width: 100%;
	color: #0071bc;
	font-size: 1.9rem;
}


@media screen and (max-width: 1110px){
	.lay_lqd .point_box{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	@media screen and (max-width: 768px){
	.lay_lqd .point_box{
	}

	.lay_lqd .point_box .box01{
	}

	.lay_lqd .point_box .box01 .icon{
	width: 30%;
	top: -90%;
	}

	.lay_lqd .point_box .box01 p{
	font-size: 1.5em;
	}

	.lay_lqd .point_box .box02{
	}

	.lay_lqd .point_box .box02 .icon{
	width: 30%;
	top: -76%;
	}

	.lay_lqd .point_box .box02 p{
	font-size: 1.5em;
	}
}

	.lay_lqd .point_box .box01{
		width: 85%;
		height: 225px;
		display: flex;
		margin: auto;
	}

	.lay_lqd .point_box .box02{
		width: 85%;
		height: 225px;
		display: flex;
		margin: auto;
	}
}

.flow > li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.flow > li:not(:last-child) {
    margin-bottom: 40px;
}
.flow > li:not(:first-child)::before {
    content: "";
    height: 55px;
    display: block;
    border-left: 2px solid #29abe2;
    position: absolute;
    top: -45px;
    left: calc(22.5% + 30px - 2px);
    z-index: 10;
}
.flow > li dl {
    width: 100%;
    padding: 0 30px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    position: relative;
    flex-wrap:wrap;
}
.flow > li:not(:last-child) dl::before,
.flow > li:not(:last-child) dl::after {
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.flow > li:not(:last-child) dl::before {
    border-width: 22px;
    border-top-color: rgb(107,144,219);
}
.flow > li:not(:last-child) dl::after {
}

.flow > li dl dd{
	width: 50%;
}

.flow > li dl dd.img_box{
	width: 22%;
}


.flow > li dl dt {
    font-weight: 600;
    color: rgb(107,144,219);
    text-align: center;
    width: 13%;
}
.flow > li dl dt .icon {
    font-size: 1.8rem;
    color: #0071bc;
    display: block;
}

.flow_img{
	width: 100%;
	padding: 0 20px;
}

.flow .title{
	font-size: 1.8rem;
	color: #0071bc;
}

.flow .text{
	font-size: 1.2rem;
}

.flow_bottom{
	margin: 50px auto 0;
	width: 90%;
}

.flow_bottom img{
	width: 100%;
}

@media screen and (max-width: 768px){
	.flow > li {
	}
	.flow > li:not(:last-child) {
	}
	.flow > li:not(:first-child)::before {
		border:none;
	}
	.flow > li dl {
	width: 100%;
	padding: 0;
	}
	.flow > li:not(:last-child) dl::before,
	.flow > li:not(:last-child) dl::after {

	}
	.flow > li:not(:last-child) dl::before {
	}
	.flow > li:not(:last-child) dl::after {
	}

	.flow > li dl dd{
	width: 100%;
	}

	.flow > li dl dd.img_box{
	width: 36%;
	}


	.flow > li dl dt {
	width: 50%;
	}
	.flow > li dl dt .icon {
	}

	.flow_img{
	}

	.flow .title{
	}

	.flow .text{
	}

	.flow_bottom{
	}

	.flow_bottom img{
	}
}