/*
Theme Name: フェリカポケットマーケティング株式会社
Theme URI: @@@
Description: @@@
Version: 1.0
Author: @@@
Author URI: @@@
*/

/*------------------------------------------
	top page
------------------------------------------*/
.is-top #tpl-mv .mv-ttl{
	display:none;
}

.is-top #tpl-mv .mv-bg-wrap .mv-bg > a{
	display:block;
	width:100%;
	height:100%;
}

.is-top #tpl-mv .mv-bg-wrap .mv-bg:nth-child(1) {
	background-position: 0 0;
	background-image: url("https://felicapocketmk.co.jp/wp-content/uploads/2025/02/TOP2025.png");
}

@media screen and (max-width: 750px) {
	.is-top #tpl-mv .mv-bg-wrap .mv-bg:nth-child(1) {
		background-image: url("https://felicapocketmk.co.jp/wp-content/uploads/2025/01/fpm_top.png");
	}
}

.is-top #tpl-mv .mv-bg-wrap .mv-bg:nth-child(2) {
	background-position: 0 0;
	background-image: url("https://felicapocketmk.co.jp/wp-content/uploads/2025/02/region2025.png");
	opacity: 1;
}

@media screen and (max-width: 750px) {
	.is-top #tpl-mv .mv-bg-wrap .mv-bg:nth-child(2) {
		background-image: url("https://felicapocketmk.co.jp/assets/top/img/region_sp_top.png");
	}
}

.is-top #tpl-mv .mv-bg-wrap .mv-bg:nth-child(3) {
	background-position: 0 0;
	background-image: url("https://felicapocketmk.co.jp/wp-content/uploads/2025/02/pc_relationship2025.png");
}

@media screen and (max-width: 750px) {
	.is-top #tpl-mv .mv-bg-wrap .mv-bg:nth-child(3) {
		background-image: url("https://www.felicapocketmk.co.jp/assets/top/img/mv-06-sp2.jpg");
	}
}

.is-top #tpl-mv .mv-bg-wrap .mv-bg:nth-child(4) {
	background-position: 0 0;
	background-image: url("https://felicapocketmk.co.jp/wp-content/uploads/2025/02/jirei2025.png");
}

@media screen and (max-width: 750px) {
	.is-top #tpl-mv .mv-bg-wrap .mv-bg:nth-child(4) {
		background-image: url("https://felicapocketmk.co.jp/wp-content/uploads/2025/01/en_sp.png");
	}
}

/* 2025.08.27追加 */
.is-top #tpl-mv-2025 {
	min-height: auto;
	height: auto;
}

/*------------------------------------------
	sdgs
------------------------------------------*/
.p-sdgs #tpl-mv .mv-bg {
background-image: url("https://www.felicapocketmk.co.jp/assets/company/common/img/mv-pc.jpg");
}
#tpl-contents.p-sdgs  .tpl-inner-wrap {
    padding: 0 50px;
}
.p-sdgs .txt{
	line-height:2;
}
.p-sdgs .img{
	text-align:center;
	margin-bottom: 60px;
}
.p-sdgs .img img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 750px){
#tpl-contents.p-sdgs .tpl-inner-wrap {
    padding: 0 15px;
}
}

/*------------------------------------------
	relationship
------------------------------------------*/
.p-relationship #tpl-mv .mv-bg {
background-image: url("https://felicapocketmk.co.jp/assets/relationship/img/relationship_main.jpg");
}
#tpl-contents.p-relationship .tpl-inner-wrap {
    padding: 0 50px;
}
.p-relationship .txt{
	line-height:2;
}
.p-relationship h3{
	font-size: 26px;
	color:#C10004;
	text-align:center;
}
.p-relationship .img{
	text-align:center;
}
.relationship-sec01{
	max-width:745px;
	margin:0 auto 60px;
}
.relationship-sec02{
	max-width:845px;
	margin:0 auto 60px;	
}
.relationship-frm{
	padding:5%;
	margin-bottom:60px;
	background:#F2F2F2;
	box-shadow: 10px 10px 0px 0px #C10004;
}
.tpl-detail-component .relationship-frm .txt {
	max-width:700px;
    margin:0 auto 20px;
}
.tpl-detail-component .relationship-frm .txt span {
	color:#A02B93;
	font-weight:bold;
    margin:0 auto 20px;
	background-image: linear-gradient(0deg, #e091d880 0.7em, transparent 0.7em);
}
.tpl-detail-component .relationship-frm .txt strong {
	font-size: 130%;
	color:#C10004;
	font-weight:bold;
}
.relationship-frm .img img{
	width:100%;
	height:auto;
}
.relationship-frm h4{
	position:relative;
	font-size: 24px;
	padding:0 25px;
	background:#FFF;
	border-bottom:2px #C10004 solid;
}
.relationship-frm h4 span{
	position:absolute;
	top:0;
	left:-20px;
	display:block;
	width:40px;
	font-size: 26px;
	color:#FFF;
	line-height:40px;
	text-align:center;
	background:#C10004;
	border-radius:20px;
}
.relationship-frm h5{
	max-width:600px;
	font-size: 24px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:0 auto 20px;
	background:#953735;
	border-radius:20px;
}
.relationship-frm h5 span{
	font-size:60%;
	margin-left:20px;
}
.relationship-frm .catch{
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	margin:-10px 0 0;
}

@media screen and (max-width: 750px) {
	#tpl-contents.p-relationship .tpl-inner-wrap {
    	padding: 0 15px;
	}
    .p-relationship #tpl-mv .mv-bg {
        background-image: url("https://felicapocketmk.co.jp/assets/relationship/img/relationship_main_sp.jpg");
    }
	#tpl-contents.p-relationship .tpl-detail-component .img-wrap img {
        max-width: none;
        width: 160%;
    }
    #tpl-contents.p-relationship .tpl-detail-component .img-wrap {
        width: 100%;
        display: flex;
        overflow: scroll;
    }
	.p-relationship h3{
		font-size: 19px;
	}
	.relationship-frm h4{
		font-size:18px;
		padding:5px 25px;
	}
	.relationship-frm h5{
		font-size:18px;
	}
	.relationship-frm h5 span{
		display:block;
		margin-left:0;
	}
	.relationship-frm .catch{
		font-size: 16px;
	}
}

/*------------------------------------------
	machitokupay
------------------------------------------*/
.machitokupay-inner-wrap{
	max-width:1500px;
	padding: 0 50px;
	margin:0 auto;
}
.machitokupay-inner-wrap img{
	max-width:100%;
}
.machitokupay-main{
	padding-top:40px;
}
.machitokupay-main .machitokupay-logo{
	text-align:center;
	margin-bottom:40px;
}
.machitokupay-main-frm{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	max-width:1000px;
	margin:0 auto 40px;
}
.machitokupay-main-frm .txt{
	width:57%;
}
.machitokupay-main-frm .txt h2{
	font-size:24px;
	font-weight:500;
	text-align:center;
	padding:30px 0;
}
.machitokupay-main-frm .txt h2 .spbr{
	display:none;
}

.machitokupay-main-frm .txt li{
	margin-bottom:20px;
}
.machitokupay-main-frm .txt li a{
	display:block;
	font-size:20px;
	color:#0081AC;
	font-weight:500;
	line-height:1.4;
	text-align:center;
	padding:11px 35px;
	background:url("https://felicapocketmk.co.jp/assets/machitokupay/img/machitokupay-arrow01.png") center right 20px no-repeat #EBF5F8;
	border-radius:14px;
	box-shadow: 3px 3px 5px -3px #777777;
	transition:opacity 0.5s,transform 0.3s;
}
.machitokupay-main-frm .txt li a:hover{
	text-decoration:none;
	opacity:0.8;
	transform: scale(1.05,1.05);
}

.machitokupay-main-frm .txt li a span{
	font-size:140%;
}
.machitokupay-main-frm .img{
	width:40%;
	text-align:center;
}
.machitokupay-about{
	padding:30px 3% 60px;
	text-align:center;
	background:#EBF5F8;
}
.machitokupay-about h3{
	font-size:42px;
	color:#0081AC;
	font-weight:500;
}

.machitokupay-utilize{
	padding:100px 0 0;
}


.machitokupay-about p{
	font-size:18px;
}
.machitokupay-utilize h3{
	text-align:center;
	margin-bottom:40px;
}

.machitokupay-utilize h3 span{
	display:inline-block;
	max-width:860px;
	width:100%;
	font-size:48px;
	color:#0081AC;
	font-weight:500;
	border-bottom:4px #C1E5F5 solid;
}
#cashless h4{
	font-size:30px;
	color:#0081AC;
	font-weight:500;
	text-align:center;
	margin:120px 0 40px;
}	
.cashless-list01{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	max-width:1240px;
	margin:0 auto 40px;
}
.cashless-list01 li{
	width:48.3%;
	text-align:center;
	padding:40px 20px;
	margin-bottom:20px;
	background:#FFF;
	border-radius:50px;
	background-repeat:no-repeat;
	background-position:right 10% top 25px ;
	box-shadow: 0px 0px 15px -5px #999;
}
.cashless-list01 li:first-child{
	background-image:url("https://felicapocketmk.co.jp/assets/machitokupay/img/machitokupay-cashless01.png");
}
.cashless-list01 li:last-child{
	background-image:url("https://felicapocketmk.co.jp/assets/machitokupay/img/machitokupay-cashless02.png");
}
.cashless-list01 li h5{
	width:190px;
	font-size:28px;
	color:#FFF;
	font-weight:500;
	line-height:1;
	text-align:center;
	padding:9px;
	margin:0 auto 40px;
	background:#0081AC;
	border-radius:23px;
}
.cashless-list01 li .catch{
	font-size:28px;
	font-weight:500;
	line-height:1.4;
	min-height:78.38px;
	padding:0;
	margin-bottom:30px;
}
.cashless-list01 li .txt{
	font-size:17px;
	margin-bottom: 0;
}

.cashless-chart{
	text-align:center;
}
.cashless-list02{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin:0 auto 40px;
}
.cashless-list02 li{
	width:32%;
	text-align:center;
	padding:130px 20px 40px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:center 40px;
	background-color:#FFF;
	border-radius:50px;
	box-shadow: 0px 0px 15px -5px #999;
}
.cashless-list02 li:nth-child(1){
	background-image:url("https://felicapocketmk.co.jp/assets/machitokupay/img/machitokupay-cashless04.png");
}
.cashless-list02 li:nth-child(2){
	background-image:url("https://felicapocketmk.co.jp/assets/machitokupay/img/machitokupay-cashless05.png");
}
.cashless-list02 li:nth-child(3){
	background-image:url("https://felicapocketmk.co.jp/assets/machitokupay/img/machitokupay-cashless06.png");
}
.cashless-list02 li h5{
	font-size:28px;
	margin-bottom:20px;
}
.cashless-list02 li h5 span{
	font-size:18px;
	color:#999;
}
.cashless-list02 li .txt{
	margin:0;
}

.cashless-list03{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin:0 auto 60px;
}
.cashless-list03 li{
	position:relative;
	width:32%;
	text-align:center;
	padding:124px 10px 40px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:center 40px;
	background-color:#FFF;
	border-radius:50px;
	box-shadow: 0px 0px 15px -5px #999;
}
.cashless-list03 li h5{
	font-size:28px;
	font-weight:500;
	margin-bottom:30px;
}
.cashless-list03 li h5 span{
	position:absolute;
	top:30px;
	left:50%;
	display:block;
	width:74px;
	height:74px;
	font-size:34px;
	color:#FFF;
	font-weight:700;
	line-height:74px;
	background:#0182AC;
	border-radius:37px;
	transform:translateX(-50%);
}
.cashless-list03 li .txt{
	margin:0;
}
#digital {
	text-align:center;
}

#digital .txt {
	font-size:20px;
}
.digital-list01{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin:0 auto;
}
.digital-list01 li{
	position:relative;
	width:32%;
	text-align:center;
	padding:50px 10px;
	margin-bottom:20px;
	background-color:#FFF;
	border-radius:50px;
	box-shadow: 0px 0px 15px -5px #999;
}
.digital-list01 li h4{
	font-size:28px;
	font-weight:500;
	margin-bottom:30px;
}
.digital-list01 li .txt{
	margin:0;
}

#tool {
	text-align:center;
}

#tool .txt {
	font-size:20px;
}
.tool-chart{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	max-width:1240px;
	margin:0 auto;
}
.tool-chart li{
	width:48.39%;
	margin-bottom:2%;
}

#recommend {
	text-align:center;
	padding-bottom:40px;
}
.recommend-frm{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin:0 auto 100px;
}

.recommend-frm ul {
	width:61%;
	font-size:20px;
	padding:1.6% 4%;
	margin-bottom:20px;
	background:#EBF5F8;
}
.recommend-frm ul li{
	position: relative;
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	padding-left: 35px;
	margin: 40px 0;
}
.recommend-frm ul li::before {
	content: url("https://felicapocketmk.co.jp/assets/machitokupay/img/machitokupay-recommend01-check.png");
	position: absolute;
	top: -2px;
	left: 0;
}
.recommend-frm .img {
	width:37%;
}
#recommend h4{
	font-size: 32px;
	font-weight: 500;
	margin-bottom:10px;
}
.tpl-detail-component p.contact-txt{
	font-size: 16px;
	margin-bottom:20px;
}
a.contact-btn{
	display:block;
	width:210px;
	color:#0182AC;
	font-weight: 500;
	padding:16px;
	margin:0 auto;
	background:#FFF;
	border:2px #0182AC solid;
	border-radius:29px;
	transition:all 0.5s;
}
a.contact-btn:hover{
	color:#FFF;
	text-decoration:none;
	background:#0182AC;
}
@media screen and (max-width: 1100px) {
	.machitokupay-main-frm .txt h2 .spbr{
		display:block;
	}
	.machitokupay-main-frm .txt li a{
		font-size:18px;
	}
}

@media screen and (max-width: 750px) {
	.machitokupay-inner-wrap{
		padding: 0 15px;
	}
	.machitokupay-main-frm {
		flex-direction:column-reverse;
	}
	.machitokupay-main-frm .txt,
	.machitokupay-main-frm .img{
		width:100%;
	}
	.machitokupay-main-frm .txt li a{
		font-size:14px;
		padding:10px 20px 10px 10px;
		background-size:8px 13px;
		background-position:center right 5px;
	}
	.machitokupay-about h3{
		font-size:30px;
	}
	.machitokupay-about p{
		font-size:16px;
	}
	.machitokupay-utilize h3 span{
		font-size:30px;
	}
	#cashless h4{
		font-size:24px;
		margin-top:60px;
	}
	.cashless-list01 li{
		width:100%;
	}
	.cashless-list01 li h5{
		font-size:20px;
	}
	.cashless-list01 li .catch{
		font-size:24px;
		min-height:auto;
	}
	.cashless-list01 li .txt{
		font-size:15px;
	}
	.cashless-list02 li{
		width:100%;
	}
	.cashless-list02 li h5{
		font-size:24px;
	}
	.cashless-list03 li{
		width:100%;
	}
	.cashless-list03 li h5{
		font-size:24px;
	}
	#digital .txt{
		font-size:16px;
	}
	.digital-list01 li{
		width:100%;
	}
	.digital-list01 li h4{
		font-size:24px;
	}
	#tool .txt{
		font-size:16px;
	}
	.tool-chart li{
		width:100%;
	}

	.recommend-frm ul,
	.recommend-frm .img{
		width:100%;
	}
	.recommend-frm ul li{
		font-size:16px;
	}
	#recommend h4{
		font-size:24px;
	}

}

/*------------------------------------------
	solution-app
------------------------------------------*/
.solution-app-inner-wrap{
	color:#646464;
	width: 924px;
	padding: 0 37px;
	margin: 0 auto;
}
.solution-app-sec{
	margin-bottom:100px;
}
.solution-app-sec .shadow-frm{
	padding: 30px;
	background-color: #FFF;
	border-radius: 20px;
	box-shadow: 0px 0px 15px -5px #999;
}
.tpl-detail-component .solution-app-head{
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 30px;
}
.tpl-detail-component .solution-app-head span{
	display: inline-block;
	max-width: 400px;
	width: 100%;
	color: #0081AC;
	font-weight: 500;
	border-bottom: 4px #C1E5F5 solid;
}
.solution-app-inner-wrap p{
	font-size: 15px;
	line-height: 2;
}
.solution-app-inner-wrap .p2 {
	margin-top: 1em;
}
.solution-app-inner-wrap .p3 {
	text-align:center;
}
.hma-about-frm{
	max-width:750px;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:center;
	margin:40px auto ;
	text-align:center;
}
.hma-about-frm .img:first-child{
	width:58%;
}
.hma-about-frm .img:first-child img{
	max-width:400px;
}
.hma-about-frm .img:last-child{
	width:40%;
}
.hma-about-frm .img:last-child img{
	max-width:250px;
}
.hma-about-frm img{
	width:100%;
	height:auto;
}
.hma-merit-list li{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:center;
	margin-bottom:30px;
}
.hma-merit-list li .img-box{
	width:100px;
	text-align:center;
}
.hma-merit-list img{
	width:100px;
	opacity:0.2;
}

.hma-merit-list li .txt-box{
	width:calc(100% - 140px);
}
.hma-merit-list li .txt-box h4{
	font-size:20px;
	color:#0081AC;
	margin-bottom:10px;
}
.hma-merit-list li .txt-box h4 span{
	display:inline-block;
}
h4.solution-app-mds01{
	font-size:20px;
	color:#0081AC;
	text-align:center;
	margin:30px 0 20px;
}
.hma-function-list + h4.solution-app-mds01{
	margin:0 0 20px;
}
.hma-function-list{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.hma-function-list li{
	width:31%;
	margin-bottom:30px;
}
.hma-function-list h5{
	font-size:18px;
	font-weight: bold;
	text-align:center;
	margin-bottom:10px;
}
.hma-function-list h5 span{
	padding:5px 0 5px 35px;
	background-position:0 center;
	background-size:30px 30px;
	background-repeat:no-repeat;
}
.hma-function-list h5 span.enquete{
	background-image:url("https://felicapocketmk.co.jp/assets/solution/healthy-management/img/hapiliv_icon1.png");
}
.hma-function-list h5 span.support{
	background-image:url("https://felicapocketmk.co.jp/assets/solution/healthy-management/img/hapiliv_icon2.png");
}
.hma-function-list h5 span.ipaddress{
	background-image:url("https://felicapocketmk.co.jp/assets/solution/healthy-management/img/hapiliv_icon3.png");
}
.hma-function-list h5 span.graph{
	background-image:url("https://felicapocketmk.co.jp/assets/solution/healthy-management/img/hapiliv_icon4.png");
}
.hma-function-list h5 span.batch{
	background-image:url("https://felicapocketmk.co.jp/assets/solution/healthy-management/img/hapiliv_icon5.png");
}
.hma-function-list h5 span.point{
	background-image:url("https://felicapocketmk.co.jp/assets/solution/healthy-management/img/hapiliv_icon6.png");
}
.hma-feature-frm{
	margin-bottom:30px;
}
.hma-feature-frm h4{
	font-size:20px;
	color:#0081AC;
	margin:0 0 10px;
}
.hma-feature-price-tbl,
.hma-feature-price-list{
	width:100%;
	font-size:15px;
	margin-top:10px;
}
.hma-feature-price-list div{
	margin-top:20px;
}
.hma-feature-price-tbl tr{
	border-bottom:1px #ccc dotted;
}
.hma-feature-price-tbl th,
.hma-feature-price-tbl td,
.hma-feature-price-list dt,
.hma-feature-price-list dd{
	font-size: 15px;
	text-align:center;
	vertical-align:middle;
	padding:15px;
}
.hma-feature-price-tbl tbody th{
	color:#F364A9;
}
.hma-feature-price-tbl .plan,
.hma-feature-price-list .plan{
	color:#F364A9;
	font-weight:bold;
	text-align:center;
	padding:20px;
	background:#F5F5F5;
	box-shadow: 2px 2px 5px 0px #DDD;
}
.hma-feature-price-tbl .plan .price,
.hma-feature-price-list .plan .price{
	display:inline-block;
	font-size: 23px;
	color:#646464;
	margin-top:10px;
}
.hma-feature-price-tbl th,
.hma-feature-price-list dt{
	color:#F364A9;
}
.hma-feature-price-list dd{
	padding-top:0;
	border-bottom:1px #ccc dotted;
}
.hma-feature-example-list-mds{
	width:120px;
	font-size:15px;
	text-align:center;
	margin:30px 0 20px;
	background:#EBF5F8;
	border-radius:15px;
}
.hma-feature-example-list{
	font-size: 15px;
}
.hma-feature-example-list dt{
	width:80px;
	text-align:center;
	border:2px #B8DAF3 solid;
	border-radius:15px;
	float:left;
}
.hma-feature-example-list dd{
	padding-left:90px;
	margin-bottom:15px;
}
.hma-feature-point-list-mds{
	font-size:18px;
	font-weight: bold;
	text-align:center;
	margin:30px 0 0;
}
.hma-feature-point-list{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	font-size:12px;
	text-align:center;
}
.hma-feature-point-list li{
	width:14%;
	margin-top:20px;
}
.hma-feature-point-list li img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.hma-feature-usepoint-img{
	text-align:center;
	margin-top: 1em;
}
.hma-feature-usepoint-img img{
	max-width:600px;
	width:100%;
}
@media screen and (max-width: 750px) {
	.solution-app-inner-wrap{
		width: auto;
		margin: 0 auto 100px;
	}
	.solution-app-inner-wrap p {
		font-size: 14px;
	}
	.tpl-detail-component .solution-app-head{
		font-size:19px;
		text-align:left;
	}
	.tpl-detail-component .solution-app-head span{
		max-width:100%;
	}
	.hma-about-frm .img:first-child,
	.hma-about-frm .img:last-child{
		width:100%;
	}
	.hma-about-frm .img:last-child{
		margin-top:40px;
	}
	.hma-merit-list li .txt-box h4{
		font-size:18px;
	}
	.tpl-detail-component h4.solution-app-mds01{
		font-size:18px;
	}
	.hma-function-list li{
		width:100%;
		margin-bottom:30px;
	}
	.hma-feature-frm h4{
		font-size:18px;
	}
	.hma-feature-price-tbl th,
	.hma-feature-price-list dt,
	.hma-feature-price-list dd {
		font-size: 14px;
	}
	.hma-feature-point-list li{
		width:26%;
	}
}
@media screen and (max-width: 480px) {
	.hma-merit-list li .img-box{
		width:100%;
		margin-bottom:20px;
	}
	.hma-merit-list img{
		width:100px;
		opacity:0.2;
	}
	.hma-merit-list li .txt-box{
		width:100%;
	}
	.hma-merit-list li .txt-box h4{
		font-size:18px;
		text-align:center;
	}
	.hma-feature-example-list dt {
		float: none;
		margin-bottom:10px;
	}
	.hma-feature-example-list dd {
		padding-left: 0;
	}
	.hma-feature-point-list li{
		width:45%;
	}
}