/*----------------advertisement--------------------*/
.flex.pcNone{display: none !important;}
.page-template-page-advertisement{
	height: auto !important;
}
.page-template-page-advertisement .inner-wrap p{
	font-size: 15px;
	line-height: 2em;
	letter-spacing: 2.7px;
}
img{
	width: 100%;
}
.title{
	font-size: 38px;
	color: #333 !important;
	line-height: 1.5;
  letter-spacing: 3.9px;
	margin: 0 0 20px 0;
}
.txt-bold{
	color: #333;
	font-weight: bold !important;
}
.txt-regular{
	font-weight: normal;
}
.txt-purple{
	color: #aa0056;
	font-weight: bold;
}
.main-visual{
}
.main-visual{
	background: url(../images/advertisement/mv-bg.jpg) no-repeat bottom right;
	background-color: #f6f6f6;
	background-size: cover;
	margin-bottom: 100px;
}
.btn-orange{
	max-width: 409px;
	width: 70%;
	font-size: 20px;
	background: #e38704;
	border-radius: 30px;
}
.btn-orange a{
	display: block;
	padding: 15px 10px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
}
.btn-orange a:after{
	content: url(../images/advertisement/arrow.png);
	padding-left: 15px;
}
.mv-text{
	/*padding: 73px 40px 0 40px;*/
	padding: 73px 40px 84px 40px;
}
.mv-text p{
	font-size: 17px;
	letter-spacing: 3.05px;
  line-height: 1.8em;
  margin-bottom: 32px;
}
.pt100{
	padding-top: 100px;
}
.mb110{
	margin-bottom: 100px;
}
.mb80{
	margin-bottom: 80px;
}
.mb40{
	margin-bottom: 40px !important;
}
.mt40{
	margin-top: 40px !important;
}
.graph{
	text-align: center;
}
.shadow-box{
	box-shadow: 0px 0px 9px 3px rgba(19, 21, 28, .1); 
	border-radius: 8px;
}
.search-volume{
	text-align: center;
	max-width: 750px;
	margin: 0 auto;
	margin-top: 30px;
  border-radius: 10px;
}
.search-volume p{
	padding: 25px;
}
.percentage-graph{
	max-width: 959px;
  margin: 0 auto;
  margin-bottom: 95px;
}
.parking-def {
	padding-bottom: 105px;
}
.parking-def h3 {
	margin-bottom: 25px;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.col2-box{
	width: 45%;
}
.parking-img01 img{
	max-width: 358px;
}
.parking-def>p{
	margin-top: 0;
}
.parking-def .col2-box.big-box{
	width: 63%;
}
.parking-def .col2-box.small-box{
	width: 32%;
	margin-top: 3%;
}
.col2-box.shadow-box{
	max-width: 230px;
	text-align: center;
	padding: 30px 0 25px 0;
	margin-right: 6%;
}
.flex.count-box{
	margin: 25px 0 0 0;
	justify-content: flex-start;
}
.col2-box.shadow-box span{
	display: block;
	letter-spacing: 3.8px;
}
.count{
	font-size: 38px !important;
	padding: 0;
	line-height: 1.5em !important;
  margin: 0;
}
.ft-21{
	font-size: 21px !important;
}
.ft-28{
	font-size: 28px;
}
.four-characteristics{
	background: #fff8f8;
}
.inner-tit span{
	display: block;
	font-size: 28px;
}
.inner-tit{
	text-align: center;
	margin: 0 0 70px 0;
	font-size: 38px;
	line-height: 1.5;
	letter-spacing: 4px;
}
.four-characteristics h3{
	position: relative;
	font-size: 23px;
	letter-spacing: 2.1px;
	margin-bottom: 40px;
	padding: 0 0 0 81px;
	line-height: 2.4;
}
.four-characteristics h3:before{
	position: absolute;
	top: -6px;
	left: 0;
	display: inline-block;
  width: 67px;
  height: 67px;
  background: #aa0056;
  border-radius: 100%;
  color: #fff;
  font-size: 18px;
  line-height: 3.8;
  text-align: center;
  /*margin-right: 15px;*/
}
.four-characteristics .step01 h3:before{
	content: '特徴1';
}
.four-characteristics .step02 h3:before{
	content: '特徴2';
}
.four-characteristics .step03 h3:before{
	content: '特徴3';
}
.four-characteristics .step04 h3:before{
	content: '特徴4';
}
.four-characteristics p{
	margin-bottom: 20px;
  line-height: 1.8em;
}
.white-bg{
	background: #ffffff;
	padding: 26px 30px;
	margin-top: 33px;
}
.white-bg p{
	margin: 0;
}
.white-bg .txt-purple{
	font-size: 20px;
	letter-spacing: 3.5px;
}
.feature {
	display: inline-block;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 8px;
  background: #fff;
  border: 2px solid #666;
  color: #fff;
  text-align: center;
}
.record{
	line-height: 1.6em !important;
	letter-spacing: 2.5px !important;
}
.service-list{
	line-height: 2.2em !important;
	letter-spacing: 2px !important;
	margin-bottom: 25px !important;
}
#icons {
  max-width: 870px;
  width: 100%;
  margin: 0 auto 40px auto;
}
#icons div {
  margin-bottom: 40px;
}
.txt-center{
	text-align: center;
}
.akippa img{
	max-width: 544px; 
	margin: 0 auto;
}
.step01, .step02, .step03 {
	margin-bottom: 85px;
}
.step04 .col2-box:first-child{
	width: 36.8%;
  margin-top: 2.3%;
  margin-left: 5.5%;
}
.step04 .col2-box:first-child img{
	max-width: 411px;
}
.step04 .col2-box:last-child{
	margin-top: 1.9%;
  width: 47.9%;
  margin-right: 2.2%;
}
.step04 .col2-box:last-child img{
	max-width: 539px;
}
.recognition-selection{
	margin-top: 33px;
}
.inner-wrap{
	max-width: 1120px;
	margin: 0 auto;
}
/*--------.ad-type----------*/
.four-characteristics .inner-wrap{
	padding-bottom: 110px;
}
/*.page-template-page-advertisement .g-bg{
	background: url(../images/advertisement/ad-type-bg01.jpg) no-repeat top center;
	background-size: auto;
}*/
.page-template-page-advertisement .ad-type{
	background: url(../images/advertisement/ad-type-bg.jpg) no-repeat bottom center;
	background-size: cover;
}
.page-template-page-advertisement .ad-type h2{
	margin-bottom: 63px;
}
.page-template-page-advertisement .ad-type .ads-text{
	line-height: 1.7em;
  letter-spacing: 2.6px;
}
.page-template-page-advertisement .ad-type .inner-wrap{
	/*padding: 129px 0 104px 0;*/
	padding: 129px 0 0 0;
}
.page-template-page-advertisement .ads-link{
	width: 580px;
	margin: 85px auto 0;
	padding-bottom: 104px;
}
.page-template-page-advertisement .talkbox{
	position: absolute;
	top: 0;
}
.page-template-page-advertisement .talkbox span{
	font-size: 20px;
	color: #fff;
	line-height: 1.5;
}
.page-template-page-advertisement .talkbox {
	position: absolute;
	display: flex;
  justify-content: center;
  align-items: center;
  left: 48px;
  top: -50px;
  width: 147px;
  height: 29px;
  background: #aa0056;
  border-radius: 10px;
}
.page-template-page-advertisement .talkbox:before {
  content:"";
  position: absolute;
  right: 40%;
  bottom: -11px;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-top: 15px solid #aa0056;
  border-left: 15px solid transparent;
}
.page-template-page-advertisement .ad-type .circle-ads{
	position: relative;
	width: 245px;
	height: 245px;
	background: #fff;
	border-radius: 100%;
	display: flex;
  justify-content: center;
}
.page-template-page-advertisement .ad-type .pencil{
	max-width: 112px;
	margin: 0 auto;
}
.ad-type p span{
	display: block;
  margin-top: 15px;
}
.ad-type p.gallery span{
	margin-top: 26px;
}
.page-template-page-advertisement .ad-type .gallery{
	margin: 0 auto;
	max-width: 150px;
}
.page-template-page-advertisement .circle-ads span{
	font-size: 20px;
	font-weight: bold;
}
.page-template-page-advertisement .circle-ads a{
	position: relative;
	margin: 38px 0 0px -9px;
}
.page-template-page-advertisement .circle-ads:last-child a{
	margin: 44px 0 0 6px;
}
.page-template-page-advertisement .circle-ads a:after{
	position: absolute;
	content: url(../images/advertisement/down-arrow.png);
	bottom: 10px;
  left: 47%;
  transform: translate(-50%,-50%);
}
.page-template-page-advertisement .circle-ads:last-child a:after{
	left: 50%;
}
.page-template-page-advertisement h2.sm-tit{
	font-size: 29px;
	margin-bottom: 68px;
	color: #333 !important;
	line-height: 1.5;
  letter-spacing: 2.7px;
}
.strategies-area .col2-box:first-child{
	margin: 110px 0 0 0;
  width: 46%;
}
.strategies-area .col2-box p{
	line-height: 1.6em !important;
}
.strategies-area .col2-box p:first-child{
	margin-bottom: 27px;
}
.strategies-area .col2-box:last-child{
	width: 50%;
	max-width: 560px;
}
.measures .inner-wrap{
	padding: 58px 40px 44px 40px;
	background: #fff8f8;
}
.measures h2{
	font-size: 23px;
	line-height: 1.2em;
  letter-spacing: 3px;
  margin-bottom: 22px;
}
.measures h2 span{
	display: block;
	font-size: 18px;
	color: #333;
}
.step-box h3{
	font-size: 19px;
	font-weight: bold;
	color: #2a91d6;
	letter-spacing: 2.9px;
	margin: 0 0 5px 0;
}
.step-box p{
	line-height: 1.6em;
  letter-spacing: 3.7px;
}
.step-box{
	margin-bottom: 22px;
}
.step-box:last-child{
	margin-bottom: 0;
}
.measure-step .col2-box:first-child{
	width: 50.3%;
  padding-right: 18px;
  border-right: 1px solid #999999;
}
.measure-step .col2-box:last-child{
	width: 50%;
	padding-left: 18px;
}
.advertise-gp h3{
	font-size: 23px;
	letter-spacing: 4.8px;
}
.advertise-gp h3 span{
	position: relative;
	padding-left: 37px;
}
.advertise-gp h3 span:before{
	position: absolute;
	content: url(../images/advertisement/check-icon.png);
	left: 0;
  top: 3px;
}
.advertise-gp h4{
	font-size: 18px;
	margin-top: 29px;
  margin-bottom: 12px;
  letter-spacing: 3.5px;
  line-height: 1.5;
}
.advertise-gp{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 27px;
	padding-bottom: 30px;
}
.advertise-gp .col2-box:nth-child(1){
	width: 50%;
}
.advertise-gp .col2-box:nth-child(2){
	padding-top: 57px;
	width: 45.7%;
}
.advertise-gp .col2-box p{
	line-height: 1.6;
  letter-spacing: 3.1px;
}
.advertise-gp .inner-flex.flex span{
	letter-spacing: 3.3px;
}
.advertise-gp .col2-box.sp-advertisement img{
	max-width: 257px;
	margin: 0 auto;
}
.inner-flex .col2-box{
	width: 50%;
}
.inner-flex .col2-box:nth-child(1){
	width: 58.9%;
}
.inner-flex .col2-box:nth-child(2){
	width: 36.5%;
	padding-top: 0;
}
.advertise-gp:last-child{
	border-bottom: none;
	margin-bottom: 0px;
  padding-bottom: 0;
}
.customer-attraction{
	background: url(../images/advertisement/customer-attractionbg.jpg) no-repeat top center;
	background-size: cover;
}
.title img{
	max-width: 228px;
	margin: 0 auto;
}
.customer-attraction .inner-wrap{
	padding: 51px 38px 70px 38px;
	text-align: center;
}
.customer-attraction .title{
	margin-bottom: 42px;
}
.customer-attraction p{
	margin-bottom: 30px;
}
.customer-attraction .btn-orange{
	margin: 42px auto 0;
}
.page-template-page-advertisement footer section{
	margin-top: 0;
}
.page-template-page-advertisement .btn-orange a:hover{
	color: #fff !important;
}
.copyright p{
	font-size: 14px !important; 
	letter-spacing: 0 !important;
}
footer section.banner img{
	max-width: 734px;
}
.sp{
	display: none !important;
}
.search-volume p:first-child{
	margin-bottom: 0;
	padding-bottom: 0;
}
.search-volume p:last-child{
	margin-bottom: 0;
	padding-top: 0;
}
.txt-pink{
	color: #aa0056;
}
@media screen and (max-width: 768px){
	html{
		height: inherit;
	}
	.flex.pcNone{display: block !important;}
	.contents .pc{
		display: none !important;
	}
	.spNone{display: none !important;}
	.main-visual{
		background: url(../images/advertisement/spmv-bg.jpg) no-repeat top center;
		background-size: cover;
		margin-bottom: 100px;
	}
	.page-template-page-advertisement .inner-wrap p {
	  line-height: 1.6em !important;
    letter-spacing: 1.4px !important;
    font-size: 13px;
	}
	.page-template-page-advertisement .g-bg {
		background-size: calc(900px + (1100 - 900) * ((100vw - 320px) / (640 - 320)));
	}
	.pc-display{
		display: none;
	}
	.title, .count , .inner-tit{
		font-size: 5.2vw;
    line-height: 1.4em;
    letter-spacing: 2px;
	}
	.mv-text .title{
		text-align: center;
		margin-bottom: 10px;
		font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (640 - 320)));
    line-height: 1.4;
	}
	.mv-text .title span.sp{
		font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (640 - 320)));
    letter-spacing: 2px;
	}
	.mv-text .btn-orange{
		margin: 0 auto;
		/*max-width: 375px;
		width: 100%;*/
	}
	.page-template-page-advertisement p.count{
		font-size: 5.2vw !important;
		line-height: 1.4em !important;
	}
	.four-characteristics .inner-tit{
		margin-bottom: 30px;
		padding-top: 40px;
	}
	.service-list{
		margin-bottom: 20px;
	}
	.inner-tit span, .btn-orange a{
		font-size: 3.6vw;
	}
	.inner-wrap{
		padding: 0 2.5vw;
	}
	.main-visual{
		height: inherit;
	}
	.mv-text {
    padding: 30px 0 30px 0;
	}
	.mv-text p{
		font-size: 3.5vw;
		line-height: 1.4em;
		margin-bottom: 20px !important;
		text-align: center;
	}
	.page-template-page-advertisement .inner-wrap .flex{
		display: block !important;
	}
	.page-template-page-advertisement .inner-wrap .flex.spNone{
		display: none !important;
	}
	
	.col2-box{
		width: 100% !important;
	}
	.inner-wrap .flex.count-box{
		display: flex !important;
		justify-content: space-between;
		margin: 20px 0 0 0!important;
	}
	.col2-box.shadow-box{
		width: 48% !important;
		max-width: none;
		padding: 10px 0;
    margin-right: 0;
    padding: 10px 0;
	}
	.count{
		margin: 0;
	}
	.percentage-graph{
		margin-bottom: 40px;
	}
	.parking-def .col2-box.small-box{
		text-align: center;
	}
	.four-characteristics h3{
		font-size: 4vw;
		margin-bottom: 20px;
		padding: 0px 0 0px 76px;
		letter-spacing: 1.5px;
		line-height: 1.5;
	}
	.ft-21{
		font-size: 4.0vw !important;
	}
	.white-bg{
		margin: 2%;
		padding: 20px;
	}
	.step01, .step02, .step03{
		margin-bottom: 40px;
	}
	.four-characteristics .inner-wrap{
		padding-bottom: 40px;
	}
	.customer-attraction .inner-wrap{
		padding: 40px 2.5vw;
	}
	.page-template-page-advertisement .ad-type .inner-wrap{
		padding: 40px 2.5vw 20px 2.5vw;
	}
	.measures .inner-wrap{
		padding: 20px;
	}
	.measures .inner-wrap{
		margin: 0 2.5vw;
	}
	.recognition-selection{
		margin-top: 0;
	}
	#icons .flex span{
		width: 50%;
		display: block;
		margin-bottom: 20px;
	}
	#icons .flex span:first-child{
		float: left;
	}
	#icons .flex span:nth-child(2){
		margin-left: 50%;
	}
	#icons .flex span:nth-child(3){
		width: 50%;float: left;clear:both;
	}
	#icons .flex span:nth-child(3) img{
		width: 35%;
	}
	#icons .flex span:nth-child(4){
		width: 45%;
		margin-left: 50%;
	}
	#icons .flex span:nth-child(4) img{
		width: 50%;
	}
	#icons .flex img{
		width: 74%;
		display: block;
		margin: 0 auto;
	}
	#icons div{
		margin-bottom: 0;
	}
	.akippa img{
		width: 80%;
	}
	.step04 .col2-box:first-child, .step04 .col2-box:last-child{
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}
	.step04 .col2-box:first-child{
		margin: 20px 0;
	}
	.search-volume p{
		padding: 20px;
		line-height: 1.4em !important;
	}
	.four-characteristics h3:before{
		top: -6px;
    width: 50px;
    height: 50px;
    font-size: 15px;
    line-height: 3.3;
	}
	.parking-def>p{
		margin-bottom: 1rem;
	}
	.parking-def h3, .parking-def h2{
		text-align: center;
	}
	.inner-wrap .mb40{
    margin-bottom: 20px !important;
	}
	.search-volume{
		margin: 30px 0 !important;
	}
	.parking-def h3 {
		margin-bottom: 0px;
	}
	.parking-def {
		padding-bottom: 40px;
	}
	.page-template-page-advertisement .ad-type h2, .page-template-page-advertisement h2.sm-tit, .customer-attraction .title{
		margin-bottom: 20px;
	}
	.page-template-page-advertisement .ad-type h2.sm-tit{
		margin-bottom: 0;
	}
	.page-template-page-advertisement .ads-link.flex{
		display: flex !important;
		justify-content: center;
		margin: 70px auto 0;
	}
	.page-template-page-advertisement .ad-type .pencil{
		max-width: 72px;
	}
	.page-template-page-advertisement .ad-type .gallery{
		max-width: 96px;
	}
	.page-template-page-advertisement .ad-type .circle-ads{
		width: 150px;
		height: 150px;
	}
	.page-template-page-advertisement .ad-type .circle-ads:first-child{
		margin-right: 5%;
	}
	.page-template-page-advertisement .ad-type .circle-ads:last-child{
		margin-bottom: 0;
	}
	.page-template-page-advertisement .ad-type .circle-ads a{
		margin: 25px 0 0px 0px;
	}
	.page-template-page-advertisement .ad-type .circle-ads a img{
		width: 80%;
	}
	.page-template-page-advertisement .circle-ads span{
		font-size: 15px;
	}
	.ad-type p.gallery span{
		margin-top: 16px;
	}
	.page-template-page-advertisement .talkbox{
		left: 20px;
    top: -42px;
    width: 110px;
	}
	.page-template-page-advertisement .talkbox:before{
		right: 36%;
	}
	.ad-type p span{
		margin-top: 8px;
	}
	.page-template-page-advertisement .circle-ads a:after{
		left: 50%;
		bottom: 0px;
	}
	.page-template-page-advertisement h2.sm-tit{
		font-size: 4.6vw;
		letter-spacing: 2px;
	}
	.strategies-area .col2-box:first-child{
		margin: 0;
	}
	.strategies-area .col2-box:last-child{
		margin: 0 auto;
	}
	.measures h2{
		font-size: 4.2vw;
		margin-bottom: 20px;
		letter-spacing: 2px;
	}
	.measures h2 span{
		font-size: 3.5vw;
	}
	.step-box h3{
		font-size: 4.1vw;
		letter-spacing: 1px;
	}
	.advertise-gp h3{
		margin-bottom: 0;
	}
	.advertise-gp h4{
		margin: 0.5rem 0;
	}
	.measure-step .col2-box{
		width: 100% !important;
		padding: 0 !important;
	}
	.measure-step .col2-box:first-child{
		border-right: none !important;
	}
	.measure-step .col2-box:last-child p:last-child{
		margin-bottom: 0;
	}
	.mb110{
		margin-bottom: 40px;
	}
	.advertise p:last-child{
		margin-bottom: 0;
	}
	.advertise-gp{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.advertise-gp h4{
		font-size: 3.8vw;
		letter-spacing: 3px;
	}
	.advertise-gp h3{
		font-size: 4.3vw;
		letter-spacing: 3px;
	}
	.advertise-gp .col2-box:nth-child(2){
		padding-top: 20px !important; 
	}
	.inner-flex .col2-box:nth-child(1){
		max-width: 330px;
		margin: 0 auto;
	}
	.inner-flex .col2-box:nth-child(2){
		max-width: 200px;
		margin: 0 auto;
	}
	.customer-attraction p{
		margin-bottom: 1rem;
	}
	.customer-attraction p:last-child{
		margin-bottom: 0;
	}
	.customer-attraction .btn-orange{
		margin: 30px auto 0;
	}
	.advertise-gp .inner-flex.flex span{
		letter-spacing: 1.5px;
	}
	.page-template-page-advertisement .ads-link{
		width: inherit;
		padding-bottom: 40px;
	}
	header .head-sp>div p{
		font-size: 11px !important;
		letter-spacing: 0 !important;
	}
	.four-characteristics h3{
		padding: 0 0 0 60px;
	}
	.title img{
		width: 40%;
	}
	.white-bg .txt-purple{
		font-size: 3.8vw;
	}
	.copyright p {
    font-size: 14px !important;
    letter-spacing: 0 !important;
	}
	.graph p, .search-volume p.date{
		text-align: left !important;
	}
	.search-volume p:first-child{
		text-align: center !important;
	}
	.parking-img01{
		text-align: center;
	}
	.sp-center{
		text-align: center;
	}
	.customer-attraction p{
		text-align: left;
	}
	.parking-img01 img{
		width: 70%;
	}
	.customer-attraction{
		margin-bottom: 20px;
	}
	.page-template-page-advertisement footer section.sns{
		margin-top: 30px;
	}
	.advertise-gp h3 span{
		display: flex;
		align-items: center;
		padding-left: 0;
	}
	.advertise-gp h3 span:before{
    position: inherit;
    top: 3px;
    left: -3px;
    transform: scale(0.7);
	}
}
body.sp{
		display: block !important;
	}

/*----------------advertisement--------------------*/