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

.spOnly_ip{
	display: none;
}
.close-rate h1.page_tit03{
    margin-bottom: 0;
}

.close-rate .main .wrap{
	width: 1050px;
	margin: auto;
	max-width: 100%;
	padding-top: 0;
}
.close-rate p.txt{
	line-height: 1.4;
}
.close-rate p + p {
    margin-top: 2em;
}

.close-rate .main h2 {
    text-align: center;
    font-size: 3.6rem;
    font-weight: bold;
    padding-bottom: 16px;
    background: url(../img/tit_bg.png) no-repeat center bottom;
    margin: 0 auto;
	padding: 58px 0 10px;
    line-height: 1.25;
}
.close-rate .close-rate_tit h2 span.h3_in {
    width: 100%;
    display: inline-block;
}
.close-rate .close-rate_tit h2 span.h3_in {
    display: inline;
    padding-bottom: 16px;
    background: url(../img/tit_bg.png) no-repeat center bottom;
}
.close-rate p.img{
	margin: 35px auto 0;
    line-height: 1;
    padding-bottom: 40px;
    text-align: center;
}
.close-rate .step02 p.img{
	padding-bottom: 0;
}
.step_sec{
	padding-bottom: 45px;
	padding-top: 40px;
}
.step_sec.step03{
	padding-bottom: 65px;
}
.step_sec h3{
	font-size: 3.6rem;
	font-weight: bold;
	padding-top: 4px;
	margin-bottom: 20px;
}
.step_sec h3 .steps {
    width: 180px;
	display: inline-block;
    color: #FFF;
    background: #197d82;
    height: 38px;
    margin-bottom: 15px;
    font-size: 3rem;
	font-weight: bold;
	padding-top: 3px;
	margin-right: 21px;
    text-align: center;
	position: relative;
	top: -4px;
}


.maru_num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	vertical-align: top;
	color: #fff;
	background-color: #197d82;
	width: 42px;
	height: 42px;
	margin-left: 9px;
	margin-right: 15px;
	position: relative;
	top: -7px;
}
.maru_num span{
	font-size: 3rem;
	line-height: 1.5em;
	font-weight: bold;
	position: relative;
	top: 1px;
}
.step_cnt h4{
	font-size: 3rem;
	font-weight: bold;
	padding-top: 7px;
	margin-bottom: 27px;
}
.close-rate .btn a{
	width: auto;
	font-size: 1.8rem;
}



.step_cnt{
	padding-top: 50px;
	padding-bottom: 50px;
}
.step_cnt.stepcnt02_carousel{
	padding-bottom: 0;
}
.step_cnt p.txt{
	font-size: 1.7rem;
	letter-spacing: -0.04em;
}
.stepcnt03_speed p.img{
	float: right;
	margin-top: -45px;
	padding-right: 65px;
	padding-left: 30px;
	padding-bottom: 20px;
	
}
.stepcnt03_speed::after{
	content: "";
	display: block;
	clear: both;
}
.stepcnt02_carousel p.img{
	float: right;
	margin-top: 0;
	padding-right: 23px;
	padding-left: 40px;
	padding-bottom: 0;
	
}
.stepcnt02_carousel::after{
	content: "";
	display: block;
	clear: both;
}
.stepcnt03_speed + .step_cnt{
	padding-top: 20px;	
}
.stepcnt03_speed + .step_cnt + .step_cnt{
	padding-top: 12px;	
}
.stepcnt03_speed + .step_cnt + .step_cnt .btn_set{
	margin-top: 50px;
}

.step_sec.step02{
	background-color: #f4f5f7;
}

.image_flex{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.image_flex span:nth-of-type(2){
	padding-left: 60px;
	padding-right: 30px;
}

.close-rate-case{
	background-color: #f4f5f7;
	padding-top: 35px;
	padding-bottom: 63px;
}

.close-rate-case h3 {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    padding-bottom: 16px;
    background: url(../img/tit_bg.png) no-repeat center bottom;
    padding-top: 29px;
    margin: 0 auto 34px;
    line-height: 1.3;
}

.close-rate-case .cnt_box{
	background-color: #fff;
	width: 100%;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3);
	padding: 0 63px 50px;
	box-sizing: border-box;
}
.case_box + .case_box{
	margin-top: 45px;
}
.case_box a{
	display: flex;
	justify-content: space-between;
}
.case_txt{
	width: 600px;
	max-width: 100%;
}
.case_img{
	width: 300px;
	max-width: 100%;
}
.case_title{
	margin-bottom: 27px;
}
.case_txt h4{
	font-size: 2rem;
	font-weight: bold;
	display: inline-block;
}
.case_txt .type{
	display: inline-block;
	font-size: 1.4rem;
	margin-left: 18px;
	position: relative;
	top: -3px;
}
.case_txt .type span{
    letter-spacing: 1em;
    text-indent: 1em;
    line-height: 1.6;
    background: #197d82;
	text-align: center;
	display: inline-block;
	color: #fff;
	margin-right: 8px;
	position: relative;
}

.case_txt p.txt{
	font-size: 1.8rem;
	line-height: 1.33;
}
.case_txt p.txt + p.txt{
	margin-top: 1em;
}
.case_txt p.txt span{
	font-weight: bold;
	color: #cc0000;
}


.main_tit h2 + p{
	margin-top: 50px;
}

@media screen and (max-width:766px) {
	.close-rate .main .wrap{
		width: 92%;
		margin: 0 4%;
	}
	.close-rate .wrap.btn_set{
		width: 100%;
		margin: auto;
	}
	.close-rate h1.page_tit03.bg3{
		margin-bottom: 0;
	}
	.close-rate .main_tit > div.wrap{
		padding-top: 0;
		
	}
	.close-rate .main_tit h2 {
		font-size: 2.3rem;
		margin: 0 auto 8%;
		padding: 8% 0 10px;
		background: url(../img/tit_bg.png) no-repeat center bottom;
	}
	.main .main_tit h2 span.h3_in{
		padding-bottom: 0;
	}
	.step_sec {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.step_sec.step01{
		padding-top: 0;
	}
	.step_sec.step03{
		padding-bottom: 30px;
	}
	.step_sec h3 {
		font-size: 1.8rem;
		margin-bottom: 20px;
		padding-top: 0;
	}
	.step_sec h3 .steps {
		width: auto;
		height: 30px;
		line-height: 30px;
		margin-bottom: 15px;
		font-size: 1.6rem;
		padding: 3px 5px 0;
		margin-right: 10px;
		top: 0px;
	}
	.close-rate p + p{
		margin-top: 5%;
	}
	.close-rate .stepcnt01_message p.img{
		padding-bottom: 0;
	}
	.step_cnt h4 {
		font-size: 1.8rem;
		padding-top: 7px;
		margin-bottom: 27px;
	}
	.step_cnt h4::after{
		clear: both;
		content: "";
		display: block;
	}
	.step_cnt h4 > span{
		float: left;
		width: calc(100% - 30px - 10px - 5px);
		
	}
	.maru_num {
		width: 30px;
		height: 30px;
		margin-left: 5px;
		margin-right: 10px;
		float: left;
	}
	.maru_num span {
		font-size: 1.7rem;
	}
	.step_cnt p.txt {
		font-size: 1.4rem;
		letter-spacing: -0.04em;
	}
	.close-rate .btn a{
		width: 100%;
	}
	.step_cnt {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.stepcnt03_speed p.img,
	.stepcnt02_carousel p.img{
		float: none;
		margin-top: 0;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 20px;
	}
	.stepcnt03_speed p.img img{
		max-width:100%;
		width: auto !important;
	}
	.image_flex span:nth-of-type(2) {
		padding-left: 20px;
		padding-right: 10px;
	}
	.close-rate-case .cnt_box {
		padding: 0 5% 5%;
	}
	.close-rate-case h3 {
		font-size: 1.8rem;
		padding-bottom: 10px;
		padding-top: 5%;
		margin: 0 auto 15px;
		line-height: 1.3;
	}
	.case_txt {
		width: 62%;
	}
	.case_img{
		width: 35%;
	}
	.case_txt h4 {
		font-size: 1.4rem;
	}
	.case_title{
		margin-bottom: 15px;
	}
	.case_txt .type {
		font-size: 1.3rem;
		margin-left: 0;
		top: 0;
		margin-top: 5px;
		display: block;
	}
	.case_txt p.txt{
		font-size: 1.4rem;
	}
	.case_box + .case_box{
		margin-top: 6%;
	}
	
	
}
@media screen and (max-width:667px) {
	.close-rate .btn a{
		font-size: 1.6rem;
	}
	
	
}


@media screen and (max-width:425px) {
	
	.spOnly_ip{
		display: block;
	}
	
	.maru_num {
		top: 0;
	}
	
	.step_cnt05_slack .maru_num{
		top: -7px;
	}
	p.btn a, li.btn a {
		padding: 0.6em 1.5em 0.6em;
		border-radius: 2em;
	}
	.case_box a{
		display: block;
	}
	
	.case_txt{
		width: 100%;
		margin-bottom: 5%;
	}
	.case_img{
		width: 100%;
	}
	.image_flex{
		display: block;
	}
	.image_flex span{
		display: block;
	}
	.image_flex span:nth-of-type(2){
		padding: 0;
	}
	.image_flex span:nth-of-type(2) img{
		width: auto;
		margin: auto;
		display: block;
		transform: rotate(90deg);
	}	
	
	
}
@media screen and (max-width:320px) {
	.step_sec h3{
		font-size: 1.7rem;
	}
}