main {
	background: #fff none;
	color: #000;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: 0;
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo;
}
@media screen and (max-width: 768px){
	main {
		font-size: 3.4666666667vw;
	}
}

main sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
main sub{
	bottom:-0.25em;
}
main sup{
	top:-0.5em;
}
main .center {
    text-align: center;
}
main .right {
    text-align: right;
}
main .pc{
	display:block;
}
main .sp{
	display:none;
}

main .note-txt{
	display:block;
	font-size: calc(.875rem * 1.5);
	text-indent:-1.5em;
	padding-left:1.5em;
}

main .c-list{
}
main .c-list li{
	position:relative;
	padding-left:1.5em;
}
main .c-list li:before {
	position:absolute;
	top:0;
	left:0;
	content: "●";
	color:#77cc00;
}


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

	main .note-txt{
		font-size: calc(.875rem * 1.3);
	}
}

main a.text-link {
    color: #0090ff;
    border-bottom: 1px solid #0090ff;
}
main a:hover.text-link {
    border-bottom:none;
}
#main img{
	width:100%;
}
.orange { color: #35ad72;}
.red { color: #ff0000;}
.emphasis{
	font-size:calc(1.375rem * 1.5) !important;
}

@media screen and (max-width: 768px){
	.emphasis{
		font-size:calc(1.375rem * 1.3) !important;
	}
}



/* +++++++++++++++++++++++++　flexbox */

/*
.flex 通常のflex
.flex-ce 中央揃え
.flex-cc　縦横中央揃え
*/
.flex{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ce{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-cc{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ace{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ac{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-c{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-order{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}


/* +++++++++++++++++++++++++　wrapper */

.wrapper{
	position:relative;
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
@media screen and (max-width: 1024px){
	.wrapper{
		width:90%;margin:0% 5%
	}
}


/* +++++++++++++++++++++++++　btn */

.bnrBtn{
	margin-bottom:50px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.bnrBtn li{
	margin-right:2%;
}
.bnrBtn li:last-child{
	margin-right:0;
}
.bnrBtn a{
	display:flex;
	align-items:center;
	font-weight:bold;
	color:#fff;
	background-color:#71ac1a;
	padding:20px 45px;
	border-radius:10px;
	box-shadow:0 5px #009b63;
}
#kodomo .bnrBtn a{background-color:#77cc00; box-shadow:0 5px #63AC00;}
#kyuto .bnrBtn a{ background-color:#fc9534; box-shadow:0 5px #FC7903;}
#mado .bnrBtn a{ background-color:#3faafa; box-shadow:0 5px #068BEE;}



.bnrBtn a:hover{
	transform:translateY(5px);box-shadow:0 0px #009b63;opacity:0.8
}
.bnrBtn a::after{
	content:"";background-image:url("../img/hojokin_lp_2025/arw_u.png");width:25px;height:25px;margin-left:20px;background-size:contain;background-repeat:no-repeat
}
.bnrBtn a::after{
	width:17px;height:17px
}

@media screen and (max-width: 768px){
	.bnrBtn{
		margin-bottom:30px;
		flex-wrap:wrap;width:100%;font-size:calc(.875rem * 1.3);
	}
	.bnrBtn li{
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	.bnrBtn a{
		padding:20px 10px;
		-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	}
	
	.bnrBtn a:hover{
		transform:translateY(0);box-shadow:0 5px #009b63;opacity:1
	}
	
}


/* +++++++++++++++++++++++++　ttl */

.ttl01{
    font-size: calc(1.625rem * 1.5);
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.ttl01:before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    margin-right: 15px;
}
#kodomo .ttl01:before{ background: url(../img/hojokin_lp_2025/ttl_icon_kodomo.png) no-repeat center center / 100% 100%;}
#kyuto .ttl01:before{ background: url(../img/hojokin_lp_2025/ttl_icon_kyuto.png) no-repeat center center / 100% 100%;}
#mado .ttl01:before{ background: url(../img/hojokin_lp_2025/ttl_icon_mado.png) no-repeat center center / 100% 100%;}


.lp-ttl02 {
    color: #333;
    background-color:#f1f8fe;
    padding: 15px 30px;
    font-size: calc(1.375rem * 1.5);
    font-weight: bold;
    margin-bottom: 20px;
}
.lp-ttl03{
	font-size:calc(1.375rem * 1.5);
	font-weight:bold;
	line-height:1.4;
	margin-bottom:20px;
}
.lp-ttl03.rows{
	display:flex;
	align-items:center;
}
.lp-ttl03 span{
	margin-left:30px;
	padding:5px 20px;
	color:#fff;
	font-size:calc(0.8rem * 1.5);
	font-weight:bold;
	border-radius:10px;
}
.lp-ttl03 span.orange{ background-color:#E9546B; color:#fff;}
.lp-ttl03 span.blue{background-color:#7B59A3; color:#fff;}

.lp-ttl03 .note{
	margin-left:10px;
	padding:5px 0;
	color:#C83030;
}



.lp-ttl04{
	color:#56b879;
	font-size:calc(1.125rem * 1.5);
	font-weight:bold;
	margin-top:10px;
}
#kodomo .lp-ttl04{color:#77cc00;}
#kyuto .lp-ttl04{color:#3faafa;}
#mado .lp-ttl04{color:#fc9534;}

.lp-ttl04::before{
	content:"◆";
}
.lp-ttl04+.tables{
	margin-top:5px;
}
.lp-ttl04+p{
	margin-top:5px;
}



@media screen and (max-width: 768px){
	.ttl01{
		font-size: calc(1.4rem * 1.3);
		line-height:1.3;
	}
	.lp-ttl02{
		padding:15px 20px;
		font-size: calc(1.25rem * 1.3);
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.lp-ttl03{
		font-size: calc(1.2rem * 1.3);
	}
	.lp-ttl03.rows{
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
	}
	.lp-ttl03 span{
		font-size:calc(0.8rem * 1.3);
		margin-top:10px;
		margin-left:0;
		border-radius:5px;
		padding:5px 10px;
	}
	.lp-ttl03 .note{
		margin-top:0px;
	}
	.lp-ttl04{
		font-size:calc(1.125rem * 1.3);
	}
	
	
}


/* +++++++++++++++++++++++++　annotation */

.annotation{
}
.annotation li{
	font-size:calc(.875rem * 1.5);
	position:relative;
	padding-left:14px;
}
.annotation li::before{
	content:"※";
	position:absolute;
	left:0;
	top:0;
}
.annotation li a{
	color:#0090ff;
	border-bottom:
	1px solid #0090ff;
	font-weight:bold;
	padding-bottom:3px;
}
.annotation li a:hover{
	border-bottom:none;
}
.annotationDl{
	display:flex;
	flex-wrap:wrap;
	font-size:calc(.875rem * 1.5);
}
.annotationDl dt{
	width:3%;
}
.annotationDl dd{
	width:97%;
}
@media screen and (max-width: 768px){
	.annotation li{
		font-size:calc(.8125rem * 1.3);
	}
	.annotationDl{
		font-size:calc(.8125rem * 1.3);
	}
	.annotationDl dt{
		width:8%;
	}
	.annotationDl dd{
		width:92%;
	}
}


/* +++++++++++++++++++++++++　tables */

.tables{
	margin:20px auto;
	width:100%;
	border-collapse:collapse;
}
.tables th{
	background-color:#eef8f1;
	border:solid 1px #56b879;
	color:#56b879;
	padding:10px;
	font-weight:bold;
	font-size:calc(1rem * 1.5);
	text-align:center;
}
.tables th .th-icon{
	display:inline-block;
	margin-left:5px;
	padding:2px 6px;
	font-size:calc(0.8rem * 1.5);
	line-height:1.3;
	background-color:#ccc;
	color:#fff;
}
#kodomo .tables th .th-icon{background-color:#77cc00;}
#kyuto .tables th .th-icon{background-color:#fc9534;}
#mado .tables th .th-icon{background-color:#3faafa;}


.tables td{
	background:#fff;
	border:solid 1px #56b879;
	padding:10px 10px;
}
.tables th,
.tables td{
	vertical-align:middle;
}
.tables th a,
.tables td a{
	text-decoration:underline;
}
.tables th a:hover,
.tables td a:hover{
	text-decoration:none;
}


.tables .w20{
	width:20%;
}
.tables .w35{
	width:35%;
}
.tables .w60{
	width:60%;
}
.tables .tal{
	text-align:left;
}

.u-display-flex {
    display: flex;
}
.u-display-flex {
    display: flex;
}


#kodomo .tables th{
	background-color:#cdf292;
	border:solid 1px #d4d4d4;
	color:#333;
}
#kodomo .tables td{
	border:solid 1px #d4d4d4;
}
#kyuto .tables th{
	background-color:#ffeaa1;
	border:solid 1px #d4d4d4;
	color:#333;
}
#kyuto .tables td{
	border:solid 1px #d4d4d4;
}
#mado .tables th{
	background-color:#c2eeff;
	border:solid 1px #d4d4d4;
	color:#333;
}
#mado .tables td{
	border:solid 1px #d4d4d4;
}


@media screen and (max-width: 768px){
	.tables th,
	.tables td{
		font-size:calc(.75rem * 1.3);
		padding:10px;
	}
	.tScroll{
		overflow-x:scroll
	}
	.tScroll table{
		white-space:nowrap
	}
	.tables th .th-icon{
		font-size:calc(.5rem * 1.3);
	}
}



/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/


#kv{
	position:relative;
}
#overview{
	padding:50px 0;
}
#overview .ov-img{
	position:relative;
}
#overview .ov-img{
	position:relative;
}
.ov-img .ov-btn{
}
.ov-img .ov-btn a{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	font-weight:bold;
	color:#fff;
	background-color:#71ac1a;
	padding:20px 45px;
	border-radius:10px;
	box-shadow:0 5px #009b63;
}
.ov-img .ov-btn a:hover{
	transform:translateY(5px);box-shadow:0 0px #009b63;opacity:0.8
}
.ov-img .ov-btn a::after{
	content:"";background-image:url("../img/hojokin_lp_2025/arw_u.png");width:25px;height:25px;margin-left:20px;background-size:contain;background-repeat:no-repeat
}
.ov-img .ov-btn a::after{
	width:17px;height:17px
}
.ov-img .kodomo-btn,
.ov-img .kyuto-btn,
.ov-img .mado-btn{
}
.ov-img .kodomo-btn{
	position:absolute;
	bottom:0;
	left:20px;
	width:300px;
}
.ov-img .kyuto-btn{
	position:absolute;
	bottom:0;
	left:390px;
	width:300px;
}
.ov-img .mado-btn{
	position:absolute;
	bottom:0;
	left:763px;
	width:300px;
}
.ov-img .kodomo-btn a{background-color:#77cc00; box-shadow:0 5px #63AC00;}
.ov-img .kyuto-btn a{ background-color:#fc9534; box-shadow:0 5px #FC7903;}
.ov-img .mado-btn a{ background-color:#3faafa; box-shadow:0 5px #068BEE;}

@media screen and (max-width: 1024px){

	.ov-img .kodomo-btn{
		width:419px;
	}
	.ov-img .kyuto-btn{
		left:448px;
		width:279px;
	}
	.ov-img .mado-btn{
		left:755px;
		width:256px;
	}

}


@media screen and (max-width: 768px){
	.ov-img .ov-btn{
	}
	.ov-img .ov-btn a{
		padding:2.5vw 2vw;
		-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	}
	.ov-img .ov-btn a::after{
		margin-left:2vw;
	}
	
	.ov-img .kodomo-btn{
		width:80vw;
		top:48vw;
		bottom:auto;
		left:5vw;
	}
	.ov-img .kyuto-btn{
		width:42vw;
		bottom:2vw;
		left:0vw;
	}
	.ov-img .mado-btn{
		width:42vw;
		bottom:2vw;
		left:47.5vw;
	}
	.ov-img .ov-btn a:hover{
		transform:translateY(0);box-shadow:0 5px #009b63;opacity:1
	}
	
}




@media screen and (max-width: 768px){
	#overview{
		padding: 0 0 50px;
	}
	#overview .wrapper{
		position:relative;
		width: 95%;
		margin: 0% 2.5%;
		background-color:#fff;
		border-radius:10px;
		padding:2.5%;
		margin-top:-20px;
		
	}
}


/* +++++++++++++++++++++++++　waku */

#kodomo,
#kyuto,
#mado{
	padding:50px 0;
}
#kodomo .wrapper,
#kyuto .wrapper,
#mado .wrapper{
	position:relative;
	background-color:#fff;
	border-radius:10px;
	padding:200px 40px 50px;
}
#kodomo .chapter-ttl,
#kyuto .chapter-ttl,
#mado .chapter-ttl{
	position: absolute;
	top:40px;
	left:-15px;
}
#kodomo{ background-color:#e7f9be;}
#kyuto{ background-color:#fdf6b0;}
#mado{ background-color:#dcf6ff;}

#kodomo-targetPerson,
#kodomo-targetPeriod,
#kodomo-subsidy,
#kyuto-targetPerson,
#kyuto-targetPeriod,
#mado-targetPerson,
#mado-targetPeriod,
#mado-subsidy{
	margin-bottom:70px;
}

@media screen and (max-width: 768px){
	#kodomo .wrapper,
	#kyuto .wrapper,
	#mado .wrapper{
		padding:5vw 5vw;
	}
	#kodomo .chapter-ttl,
	#kyuto .chapter-ttl,
	#mado .chapter-ttl{
		margin-bottom:20px;
		position: static;
		top: inherit;
		left: inherit;
	}
	#kodomo-targetPerson,
	#kodomo-targetPeriod,
	#kodomo-subsidy,
	#kyuto-targetPerson,
	#kyuto-targetPeriod,
	#mado-targetPerson,
	#mado-targetPeriod,
	#mado-subsidy{
		margin-bottom:50px;
	}
}


/* +++++++++++++++++++++++++　person */


.targetPerson-txt{
	font-size:calc(1.125rem * 1.5);
	font-weight:bold;
}
.targetPerson-txt .rLine{
	color:red;
	border-bottom:1px solid red;
	font-weight:bold;
	padding-bottom:3px;
}
.bgYelw{
	background-color:#fff100;
	text-align:center;
	padding:10px 0;
	font-size:calc(1.0625rem * 1.5);
	border-radius:10px;
	color: #ea5532;
    font-size: calc(1.125rem * 1.5);
    font-weight: bold;
}

@media screen and (max-width: 768px){
	.targetPerson-txt{
		font-size:calc(.875rem * 1.3);
	}
	.bgYelw{
		padding:15px;
		font-size:calc(.875rem * 1.3);
		text-align:left
	}
	
}




/* +++++++++++++++++++++++++　last */


#last{
	padding:50px 0;
}
.bigBtn a{
	display:block;
	width:660px;
	margin:0 auto;
	font-size:calc(1.375rem * 1.5);
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	color:#fff;
	background-color:#ED6D1E;
	padding:20px 30px;
	border-radius:10px;
	box-shadow:0 5px #D34116;
}
.bigBtn .sml{
	display:block;
	font-size:calc(.875rem * 1.5);
}
.bigBtn a::after{
	content:"";
	background-image:url("../img/hojokin_lp_2025/arw_blnk.png");
	width:24px;
	height:24px;
	background-size:contain;
	margin-left:20px;
	background-repeat:no-repeat;
}
.bigBtn a:hover{
	-webkit-transform:translateY(5px);
	transform:translateY(5px);
}

@media screen and (max-width: 768px){
	.bigBtn a{
		width:100%;
		font-size:calc(.875rem * 1.3);
		padding:10px;
	}
	.bigBtn .sml{
		font-size:calc(.5625rem * 1.3);
	}
	.bigBtn::after{
		width:20px;
		height:20px;
	}
}


.pBox{
	display:flex;
	align-items:center;
	margin-bottom:15px;
}
.pBox .ttl{
	display:block;
	background-color:#35ad72;
	padding:20px;
	color:#fff;
	font-size:calc(1.25rem * 1.5);
	font-weight:bold;
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:20px;
}
#kodomo .pBox .ttl{ background-color:#77cc00;}
#kyuto .pBox .ttl{ background-color:#fc9534;}
#mado .pBox .ttl{ background-color:#3faafa;}

.pBox .cntBox p{
	font-size:calc(1.375rem * 1.5);
	line-height:1.5;
	font-weight:bold;
}
.pBox .cntBox ul li{
	line-height:1.4;
	font-size:calc(.875rem * 1.5);
	display:flex;
}
.pBox .cntBox ul li::before{
	content:"※";
	margin-right:3px;
}



@media screen and (max-width: 768px){
	.pBox{
		align-items:flex-start;
	}
	.pBox .ttl{
		width:25%;
		font-size:calc(.875rem * 1.3);
		border-radius:5px;
		margin-right:15px;
		padding:10px;
	}
	.pBox .cntBox{
		width:75%;
	}
	.pBox .cntBox p{
		font-size:calc(.875rem * 1.3);
		line-height:1.4;
		margin-bottom:5px;
	}
	.pBox .cntBox ul li{
		font-size:calc(.75rem * 1.3);
	}
}