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


/*PC*/
@media print, screen and (min-width: 769px) {
	
	.hed_img {
		background: url(../images/thought/hed_img.jpg) 0 0 no-repeat;
		height: 710px;
		margin-top: 80px;
		width: 40%;
		float: left;
		background-size: cover;
	}
	
	
	
	
	.flow_tit {
    font-size: 1.3em;
    color: #ea5514;
		font-weight: bold;
    margin-bottom: 10px;
}
		
	.app_img01 {
		width: 940px;
		margin: 0 auto 50px;
	}
	
	.app_img01 img {
		width: 100%;
	}
	
	.com_tit {
		line-height: 2em;
	}
	
	.rs_box {
		margin-bottom: 100px;
	}
	
	.rs_tit {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.rs_tit img {
		width: 100%;
		height: auto;
	}
	
	.r_subtit {
		color: #00a0e9;
		font-weight: bold;
		font-size: 1.4em;
		margin-bottom: 10px;
	}
	
	.r_subtit span {
		color: #000;
	}
	
	
	.s_subtit {
		color: #00a371;
		font-weight: bold;
		font-size: 1.4em;
		margin-bottom: 10px;
	}
	
	.s_subtit span {
		color: #000;
	}
	
	.rs_txt {
		background: #f2f2f2;
		margin-bottom: 20px;
		padding: 5px 10px;
	}
	
	
	.bg_reason {
		background: url(../images/thought/bg_img01.jpg) center center no-repeat;
		padding: 50px 0px;
		height: 269px;
		background-size: cover;
		margin-bottom: 30px;
		min-width: 1200px;
	}
	
	.point {
		width: 100%;
		min-width: 1200px;
	}
	
	.point_list {
		width: 100%;
		margin-bottom: 100px;
		text-align: center;
		letter-spacing: -0.4em;
	}
	
	.point_list li {
		width: 20%;
		letter-spacing: normal;
		display: inline-block;
		text-align: left;
		vertical-align: top;
	}
	
	.point_img {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.point_img img {
		width: 100%;
		height: auto;
	}
	
	
	.point_tit {
		color: #ea5514;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	.point_txt {
		padding: 15px;
		background: #e5e5e5;
	}
	
	
	.step_list {
		width: 100%;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	
	.step_list li {
		width: 230px;
		float: left;
		margin-right: 30px;
		background: #4d4d4d;
		padding: 20px;
		position: relative;
	}
	
	.step_list li:nth-child(4n+4) {
		margin-right: 0px;
	}
	
	.stepnum {
		position: absolute;
		left: -20px;
		top: -20px;
		background: #f8b62d;
		width: 40px;
		height: 40px;
		font-size: 0.8em;
		font-weight: bold;
		text-align: center;
		line-height: 1.6em;
	}
	
	.stepnum strong {
		font-size: 1.3em;
	}
	
	.step_tit {
		color: #f8b62d;
		text-align: center;
	}
	
	.step_txt {
		color: #fff;
		line-height: 1.6em;
	}
	
	
	.step_txt2 {
		color: #000;

	}

	.step_txt2::before {
		content: "✓";
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	
	
	.sol_txt2 {
		color: #000;

	}

	.sol_txt2::before {
				font-family: FontAwesome;
content: "\f00c";
		color: #d70051;
		font-weight: bold;
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	
	.tit_box {
		width: 80%;
		margin: 0 auto;
		
	}
	
	.tit_box2 {
		width: 80%;
		margin: -20px auto 50px;
		
	}
	
	
	.sol_txt {
		background: #f2f2f2;
		padding: 60px 40px 40px;
	}
	
	.sol_tit {
		width: 60%;
		text-align: center;
		color: #fff;
		
		font-size: 1.3em;
		font-weight: bold;
		margin: 0 auto -10px;
		position: relative;
	}
	
	.sol_tit span {
		background:  #d70051;
		padding: 10px 20px;
		
	}
	
	.service_imgbox{ width: 800px; margin: 0 auto; padding: 30px; border: 1px solid #ddd; margin-bottom: 50px; box-sizing: border-box; }
	.service_imgbox_tit { margin: 0 auto; padding: 2px 7px; background: #3b3d3d; color: #fff; border-radius: 15px; margin-top: -45px;  font-weight: bold; text-align: center; margin-bottom: 30px; width: 500px; }
.service_img { text-align: center; }
.service_img img { width: 100%; height: auto; }
	

}

/*sp*/
@media only screen and (max-width: 768px) {
	

		.hed_img {
		background: url(../images/thought/hed_img.jpg) center  center no-repeat;
		height: 350px;
		width: 100%;
		background-size: cover;
	}
	
	.app_img01 {
		width: 100%;
		margin: 0 auto 50px;
	}
	
	.app_img01 img {
		width: 100%;
	}
	
	
	.com_tit {
		line-height: 2em;
	}
	
	.rs_box {
		margin-bottom: 100px;
	}
	
	.rs_tit {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.rs_tit img {
		width: 100%;
		height: auto;
	}
	
	.r_subtit {
		color: #00a0e9;
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	
	.r_subtit span {
		color: #000;
	}
	
	
	.s_subtit {
		color: #00a371;
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	
	.s_subtit span {
		color: #000;
	}
	
	.rs_txt {
		background: #f2f2f2;
		margin-bottom: 20px;
		padding: 5px 10px;
	}
	
	
	.bg_reason {
		background: url(../images/thought/bg_img01.jpg) 0 0 no-repeat;
		padding: 50px 0px;
		height: 269px;
		background-size: cover;
		margin-bottom: 30px;
	}
	
	.point_list {
		width: 100%;
		margin-bottom: 100px;
		text-align: center;
		letter-spacing: -0.4em;
	}
	
	.point_list li {
		display: inline-block;
		width: 50%;
		margin-bottom: 3%;
		text-align: left;
		letter-spacing: normal;
		vertical-align: top;
	}
	
	.point_img {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.point_img img {
		width: 100%;
		height: auto;
	}
	
	
	.point_tit {
		color: #ea5514;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	.point_txt {
		padding: 15px;
		background: #e5e5e5;
	}
	
	
	.step_list {
		width: auto;
		margin-bottom: 30px;
		margin-top: 20px;
		margin: 0 6%;
	}
	
	.step_list li {
		width: 41%;
		float: left;
		margin-bottom: 10%;
		background: #4d4d4d;
		padding: 2%;
		margin-right: 10%;
		position: relative;
	}
	
	.step_list li:nth-child(2n+2) {
		margin-right: 0px;
	}
	
	.stepnum {
		position: absolute;
		left: -20px;
		top: -20px;
		background: #f8b62d;
		width: 40px;
		height: 40px;
		font-size: 0.8em;
		font-weight: bold;
		text-align: center;
		line-height: 1.6em;
	}
	
	.stepnum strong {
		font-size: 1.3em;
	}
	
	.step_tit {
		color: #f8b62d;
		text-align: center;
	}
	
	.step_txt {
		color: #fff;
		line-height: 1.6em;
	}
	
	
	.step_txt2 {
		color: #000;

	}

	.step_txt2::before {
		content: "✓";
		display: block;
		float: left;
		margin-right: 5px;
	}
	
		.flow_tit {
    font-size: 1.3em;
    color: #ea5514;
		font-weight: bold;
    margin-bottom: 10px;
}
		
	
	.sol_txt2 {
		color: #000;

	}

	.sol_txt2::before {
		content: "✓";
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	
	.sol_tit {
		color: #d70051;
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 20px;
	}
		.sol_txt2 {
		color: #000;

	}

	.sol_txt2::before {
				font-family: FontAwesome;
content: "\f00c";
		color: #d70051;
		font-weight: bold;
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	
	.tit_box {
		width: 90%;
		margin: 0 auto;
		
	}
	
	.tit_box2 {
		width: 90%;
		margin: -20px auto 50px;
		
	}
	
	
	.sol_txt {
		background: #f2f2f2;
		padding: 60px 40px 40px;
	}
	
	.sol_tit {
		width: 100%;
		text-align: center;
		color: #fff;
		
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 auto -10px;
		position: relative;
	}
	
	.sol_tit span {
		background:  #d70051;
		padding: 10px 20px;
		
	}
	
	
	.service_imgbox{ width: 100%; margin: 0 auto; padding: 30px; border: 1px solid #ddd; margin-bottom: 50px; box-sizing: border-box; }
	.service_imgbox_tit { margin: 0 auto; padding: 2px 7px; background: #3b3d3d; color: #fff; border-radius: 15px; margin-top: -45px;  font-weight: bold; text-align: center; margin-bottom: 30px;  }
.service_img { text-align: center; }
.service_img img { width: 100%; height: auto; }
}