@charset "utf-8";
@media screen and (min-width: 768px) { 

#contentsWrap {
	width: 100%;
	text-align: center;
	background: #d7f3ff url(../images/bg.png) repeat;
	
	padding-bottom: 40px;
	
}
	
#mainVisual {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}
	
	#lead {
	width: 100%;
	max-width: 980px;

	margin: 0 auto 3%;
}
	
#info {
	width: 100%;
	max-width: 980px;
	background: #fff;
	border-radius: 10px;
	margin: 3% auto;
}
	
#infoInner {
	width: 88%;
	max-width: 860px;
	margin: 0 auto;
	padding: 6% 0;
}

h1 {width: 100%;
/*max-width: 516px;*/
margin: 0 auto;
padding: 0;
	}
h1 img { width: 100%; /*max-width: 516px;*/ }
p#txt01 { width: 40%; margin: 0 auto;}
p#txt01 img { width: 100%;}
p#txt02 { width: 100%; border-radius:30px; background: #042f80; margin: 0 auto 2%; }
p#txt02 img { width: 94%; max-width: 772px;}
	#lead .txt03{font-size:14px; color:#1f223f;}
	
p.note { font-size: 14px;}
	
	
	#profileBox{width: 100%;max-width: 980px;background: #fff;border-radius: 10px;margin: 3% auto;	}
	#profileBox h2{background:#fd7994; padding:1.5%; border-radius: 10px; text-align: center; color:#fff; font-weight: bold; font-size: 20px; margin-bottom:3%;}
	#profileInner {width: 88%;max-width: 860px;margin: 0 auto;padding: 6% 0;}
	#profileBox ul li{text-align: left;}
	#profileBox ul li:first-child{padding-right:28%; background:  url(../images/img-profile.jpg) no-repeat right top; background-size:contain;min-height:150px; margin-bottom:3%; }
	#profileBox ul li:last-child{ border-top:2px dotted #cccccc; padding-top:3%; margin-top:2%; }
	
	#profileBox ul li .tit{font-weight: bold; font-size: 18px;margin-bottom:2%;}
	#profileBox ul li .txt1{font-size: 14px;}

#info .txt1 { color: #e9561e; font-size: 20px; font-weight: bold; }
	
ul.step { text-align: center; padding: 3% 0 4%; }
ul.step li {width: 33%; display: inline-block; vertical-align: top; background: url(../images/step-arrow.png) no-repeat right 4% top 45%; background-size: 10%; font-size: 14px; font-weight: bold; text-align: left;  }
	ul.step li p { text-align: center; padding-right: 25%; }
	ul.step li:last-child p { text-align: center; padding-right: 0; }
ul.step li:last-child {width: 25%; background: none;}
ul.step li img {width: 75.76%; margin-bottom: 10px;}
ul.step li:last-child img {width: 100%;}
	
	#lineGet { background: #2bc030; padding: 3%; border-radius:10px; text-align: left; margin-bottom: 3%; }
	#lineGet h2 { color: #fff; font-size: 20px; margin-bottom: 3%; }
	#lineGet p { color: #fff; font-size: 14px; margin-bottom: 3%; }
	#lineGet div#lnAcc { background: #f5ff9e; padding: 3%; border-radius:10px; }
	#lineGet p.lnAcc { color: #666; font-size: 14px; margin-bottom: 0; }
	#lineGet p.lnAcc span { color: #2bc030; font-weight: bold }
	#lineGet div#lft { display: inline-block; width: 70%; max-width: 560px; margin-right: 5%; vertical-align: top; }
	#lineGet div#rit { display: inline-block; width: 25%; max-width: 200px; vertical-align: top; background: #fff; border-radius: 10px; }
	#lineGet div#rit img { width: 100%; }

	
	#aboutStamp { border-radius: 10px; border: 3px solid #2bc030; padding: 3% 3% 0; text-align: left; } 
	#aboutStamp h2 { color: #2bc030; font-weight: bold; font-size: 20px; margin-bottom: 2%;  }
	#aboutStamp ul { margin-bottom: 3%;}
	#aboutStamp ul li {display: inline-block; vertical-align: top; font-weight: bold; height: 30px; }
	#aboutStamp ul li:first-child { border-radius: 15px; height: 30px; background: #2bc030; color: #fff; line-height: 30px; width: 25%; text-align: center; }
	#aboutStamp ul li:last-child { color: #333;  width: 74%; padding-left: 3%; line-height: 1.6; height: auto;}
	#aboutStamp ul li span { font-weight: normal; font-size: 14px;}
		
#contentsWrap .stamp li { position: absolute; max-width:170px; width: 15.5%; }
#contentsWrap .stamp li.stamp1 {
top: 36.5%;
left: 7.8%;

}

#contentsWrap .stamp li.stamp2 {
top: 68.5%;
left: 11.2%;

}

#contentsWrap .stamp li.stamp3 {
top: 35.5%;
left: 78.3%;

}
#contentsWrap .stamp li.stamp4 {
top: 68.5%;
left: 74%;

}


#contentsWrap .stamp li.stamp1 img,
#contentsWrap .stamp li.stamp2 img,
#contentsWrap .stamp li.stamp3 img,
#contentsWrap .stamp li.stamp4 img{ width: 100%; }



	
.bnrTvcm {
  width: 100%;
	max-width: 980px;
  text-align: center;
  margin: 0 auto;
  padding:6% 0;
}

.bnrTvcm img { width: 100%;
  margin: 0px auto;
  max-width: 980px; }

}


@media screen and (max-width: 767px) and (min-width: 0px) {
	
	#contentsWrap {
	width: 100%;
	padding: 0 3% 10%;
	text-align: center;
	background: #d7f3ff url(../images/bg.png) repeat;

	}
	
		
#mainVisual {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	position: relative;
	background: url(../images/main_bg_180821_sp.png) no-repeat center top;
	background-size: 100% auto;
}
	#mainVisual .copyright{font-size:2.2vw; color:#1f223f;}
#lead{width: 100%;

	margin: 2% auto 0;}
	
#profileBox{width: 100%;	background: #fff;	border-radius: 2.4vw;	margin: 7% auto 3%;}
	#profileBox h2{background:#fd7994; padding:1.5%; border-radius: 1.5vw; text-align: center; color:#fff; font-weight: bold; font-size: 4.2vw; margin-bottom:6.5%;}
	#profileInner {padding: 6.5%;}
	#profileBox ul li{text-align: left;}
	#profileBox ul li:first-child{ margin-bottom:6.5%; }
	#profileBox ul li:last-child{ border-top:3px dotted #cccccc; padding-top:6.5%; margin-top:4%; }
	
	#profileBox ul li .tit{font-weight: bold; font-size: 3.2vw;margin-bottom:4%;}
	#profileBox ul li .txt1{font-size: 2.8vw;}
	#profileBox #imgProfile{margin: 0 auto; width: 60%;margin-bottom:6.5%;}
	#profileBox #imgProfile img{width:100%;}
	
	
#info {
	width: 100%;
	background: #fff;
	border-radius: 2.4vw;
	margin: 7% auto 3%;
}
	
#infoInner {
	padding: 6.5%;
}

h1 { width: 100%;
    margin: 0 auto;
    padding: 0 0 ; }
h1 img { width: 100%; }
p#txt01 { width: 55%; margin: 0 auto;}
p#txt01 img { width: 100%;}
p#txt02 { width: 100%; border-radius:4vw; background: #042f80; margin: 0 auto 2%; }
p#txt02 img { width: 100%;}
#lead .txt03{font-size:2.8vw; color:#1f223f;}
p.note { font-size: 12px; font-size: 2.8vw;}
	
#info .txt1 { color: #e9561e; font-size: 4.2vw; font-weight: bold; margin-bottom: 5%; }
	
ul.step { text-align: center; padding: 3% 0 4%; }
ul.step li {width: 50%; display: inline-block; vertical-align: top; background: url(../images/step-arrow.png) no-repeat right 5% top 45%; background-size: 8%; font-size: 14px; font-weight: bold; text-align: left;  }
ul.step li:first-child { display: none; }
ul.step li p { text-align: center; padding-right: 20%; font-size: 3; }
ul.step li:last-child p { text-align: center; padding-right: 0; }
ul.step li:last-child {width: 40%; background: none;}
ul.step li img {width: 80%;}
ul.step li:last-child img {width: 100%;}

	p.btn1 { background: #eb5504; border-radius: 1.6vw; margin-bottom: 5%;}
	p.btn1 img {width: 100%; }
	
	#aboutStamp { border-radius: 1.6vw; border: 3px solid #2bc030; padding: 4% 4% 1%; text-align: center; margin-bottom: 5%; } 
	#aboutStamp h2 { color: #2bc030; font-weight: bold; font-size: 4.4vw; margin-bottom: 2%;  }
	#aboutStamp ul { margin-bottom: 3%;}
	#aboutStamp ul li { font-weight: bold; height: 30px; font-size: 3.4vw; }
	#aboutStamp ul li:first-child { border-radius: 3.5vw; height: 7vw; background: #2bc030; color: #fff; line-height: 7vw; text-align: center; margin-bottom: 2%;}
	#aboutStamp ul li:last-child { color: #333; line-height: 1.6; height: auto;}
	#aboutStamp ul li span { font-weight: normal; font-size: 2.8vw;}
	
	#lineAccSP { background: #2bc030; padding: 4%; border-radius:1.6vw; text-align: center;}
	#lineAccSP h2 { color: #fff; font-weight: bold; font-size: 4.4vw; margin-bottom: 3%; }
	#lineAccSP p { color: #fff; font-size: 3.5vw; margin-bottom: 5%; }
	#lineAccSP p.btn2 { background: #fff; border-radius: 1.6vw; margin-bottom: 0;}
	#lineAccSP p.btn2 img {width: 100%; }
	
	
	.bnrTvcm { padding: 7.8125% 4.6875% 0; }
.bnrTvcm a { display: inline;}
.bnrTvcm img { width: 100%; }
	
#contentsWrap .stamp{
position: relative;
display: block;
width: 100%;
	margin-bottom:2%;
}
#contentsWrap .stamp li { float: left; width: 25%; text-align: center;}
#contentsWrap .stamp li.stamp1 {

}

#contentsWrap .stamp li.stamp2 {

}

#contentsWrap .stamp li.stamp3 {

}

#contentsWrap .stamp li.stamp4 {
}

	#contentsWrap .stamp li.stamp1 img{width:98%;}
	#contentsWrap .stamp li.stamp2 img{width:98%;}
	#contentsWrap .stamp li.stamp3 img{width:90%;}
	#contentsWrap .stamp li.stamp4 img{width:98%;}


	
	
}


@media screen and (min-width: 768px) { 
	.view-pc { display: block; }
	.view-sp { display: none; }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	
	.view-pc { display: none; }
	.view-sp { display: block; }

}

a.alpha { 
		opacity: 1;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}

	a.alpha:hover { 
		opacity: .6;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}