@charset "UTF-8";

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}
body{
	font-family: ヒラギノ角ゴ Pro;
}
section{
	width:100%;
  margin:auto auto 60px;
}
section li{
	list-style:none;
}

section h2{
	font-size:30px;
	font-weight:bold;
	letter-spacing:0.1rem;
	line-height:1.4;
	text-align:center;
	margin:50px auto;
}

section h3{
	font-size: 18px;
    color: black;
    font-weight: normal;
    letter-spacing: 0.06em;
    margin-top: 120px;
    text-align: center;
   
}


/*2,5*/
.sec2,
.sec5{
	/*position:relative;
	background: url(../../../Contents/ImagesPkg/campaign/2019/05/bg_img.png) no-repeat 870px;*/
	}
.sec2{
		/*margin-bottom: 115px;*/
}
.sec2 .txt,
.sec5 .txt{
	width: 464px;
	margin:20px auto;
	text-align:center;
	}
	.sec2 p{
    text-align: center;
    letter-spacing: 0.06em;
    color: black;
    font-size: 14px;
	}
	.sec2 .lineg{
	 width: 530px;
    margin-left: 343px;
	}
	.t img{
		margin-left: 195px;
		width: 160px;
		    margin-top: 60px;
    margin-bottom: 40px;	
	}
		.t2 img{
		margin-left: 520px;
		width: 160px;	
		    margin-top: 60px;
    margin-bottom: 40px;
	}
.sec2 h2,
.sec5 h2{
	width: 1040px;
	margin:20px auto;
	text-align:center;
	}
	.sec3List .txt{
		text-align: center;
    margin-left: 180px;
	}

.sec2 h3,
.sec5 h3{
	margin-bottom: 20px;
	}
.sec2 .itm,
.sec5 .itm{
	width: 162px;
	position:absolute;
	top:0;
	left:60px;}
.sec2 img,
.sec5 img{
	width: 100%;
}
.sec2 .itmbtn,
.sec5 .itmbtn{
	text-align:center;
	margin: 60px auto 0;
	}
.sec2 .itmbtn img,
.sec5 .itmbtn img{
	max-width:392px;
	margin:auto;
	}

.sec2 .itmbtn img:hover,
.sec5 .itmbtn img:hover{
	opacity:0.7;
}


/*3*/
.sec3 {
	margin-bottom: 70px;
}
.sec3 .sec3Box01{
	overflow: hidden;
	background-color: #fafafa;
}
.sec3 .sec3Box01 .sec3List{
	float: left;
	/*margin-right: 100px;*/
}

.sec3 .sec3Box01 .sec3List:last-child{
	margin-right: 0;
}

.sec3 .sec3Box01 .sec3List .point{
	display: inline-block;
	background: #77ae9b;
	font-size: 16px;
	color: #fff;
	padding: 0 8px;
	margin-bottom: 20px;
	font-weight: bold;
}

.sec3 .sec3Box01 .sec3List h4{
	font-size: 18px;
	color: #333333;
	position: relative;
	margin-bottom: 20px;
	z-index: 2222;
}

.sec3 .sec3Box01 .sec3List .sec3Des li,
.sec3 .sec3Box01 .sec3List p{
	color: #333333;
	position: relative;
	font-size: 15px;
	letter-spacing: 0.06em;
	margin-bottom: 24px;
}

.sec3 .sec3Box01 .sec3List .sec3Des li{
	padding-left: 25px;
	line-height: 2;
}

.sec3 .sec3Box01 .sec3List .sec3Des li:before{
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 15px;
	height: 12px;
	background: url(../../../Contents/ImagesPkg/campaign/2019/05/sec3_check.png) no-repeat;
}

.sec3 .sec3Box02{
	height: 500px;
	background: url(../../../Contents/ImagesPkg/campaign/2019/05/bg_sec4.png) no-repeat;
}

.sec3 .sec3Box02 .sec3Box02-inner{
	padding-top: 140px;
	padding-left: 60px;
}

.sec3 .sec3Box02 h4{
	display: inline-block;
	background: #77ae9b;
	font-size: 16px;
	color: #fff;
	padding: 0 8px;
	margin-bottom: 10px;
	font-weight: bold;
}

.sec3 .sec3Box02 p{
	color: #559a82;
	font-size: 17px;
	margin-bottom: 16px;
}

.sec3 .sec3Box02 p span{
	display: block;
	line-height: 2.6;
}


/*4*/
.sec4 {
	height: 800px;
	margin-bottom: 120px;
}

.sec4 h2{
	font-size: 28px;
	margin-bottom: 	80px;
}

.sec4 ul{
	background: url(../../../Contents/ImagesPkg/campaign/2019/05/itm.jpg) no-repeat;
	background-position: center;
    background-size: 11%;
    min-height: 406px;

}

.sec4 ul{
	position:relative;
}
.sec4 li{
	position:absolute;
}
.sec4 li:nth-child(1){
	top:0;
	left:3%;
}
.sec4 li:nth-child(2){
	top:60px;
	right:20px;
}
.sec4 li:nth-child(3){
	top:180px;
	left:40px;
}
.sec4 li:nth-child(4){
	top:440px;
	left:40px;
}
.sec4 li:nth-child(5){
	bottom:-180px;
	right:2%;
}

.sec4 .memo{
	font-size: 12px;	
	text-align: right;
    margin-top: 260px;
}
.bt1 img{
	width: 520px;
    margin-left: 350px;
    margin-bottom: 20px;
}
.bt2 img{
	width: 520px;
    margin-left: 350px;
}


.fl_l{
	float:left;
}
.fl_r{
	float:right;
}