@charset "UTF-8";

/* --------------------------------------------
FORM STATE
--------------------------------------------- */
.mw_wp_form_input .is-confirm{
	display : none;
}
.mw_wp_form_confirm .is-input{
	display : none;
}

/* --------------------------------------------
TITLE
--------------------------------------------- */
.title01{
	font-weight : 700;
	color : var( --bodyDard );
	letter-spacing : .05em;
}
.title01::before{
	display : block;
	width : 100%;
	height : 0;
	font-size : 0;
	content : "";
}
@media screen and ( max-width : 780px ){
	.title01{
		font-size : calc( 40 var( --remBase ) );
		line-height : 1.45;
	}
	.title01::before{
		margin-top : calc( -9 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 780.02px ){
	.title01{
		font-size : calc( 25 var( --remBase ) );
		line-height : 1.48;
	}
	.title01::before{
		margin-top : calc( -6 var( --remBase ) );
	}
}
@media screen and ( max-width : 780px ){
	.title01 + .box{
		margin-top : calc( ( 38 - 9 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 780.02px ){
	.title01 + .box{
		margin-top : calc( ( 33 - 6 ) var( --remBase ) );
	}
}
@media screen and ( max-width : 780px ){
	.title01 + .cards01{
		margin-top : calc( ( 56 - 9 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 780.02px ){
	.title01 + .cards01{
		margin-top : calc( ( 28 - 6 ) var( --remBase ) );
	}
}

/* --------------------------------------------
BOX
--------------------------------------------- */
.box{
	background-color : #fff;
}
@media print , screen and ( min-width : 780.02px ){
	.box{
		--wrapperInside : 938;
		--percentBase : * 100% / var( --wrapperInside )
;
	}
}
@media screen and ( max-width : 780px ){
	.box.basic{
		border-radius : calc( 18 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 780.02px ){
	.box.basic{
		border-radius : calc( 9 var( --remBase ) );
	}
}
.box.border{
	border-block : 1px solid var( --border );
	border-left-color : var( --primary );
	border-left-style : solid;
	border-right : 1px solid var( --border );
}
@media screen and ( max-width : 780px ){
	.box.border{
		border-left-width : calc( 16 var( --remBase ) );
		border-radius : 0 calc( 18 var( --remBase ) ) calc( 18 var( --remBase ) ) 0;
	}
}
@media print , screen and ( min-width : 780.02px ){
	.box.border{
		border-left-width : calc( 8 var( --remBase ) );
		border-radius : 0 calc( 9 var( --remBase ) ) calc( 9 var( --remBase ) ) 0;
	}
}

/* --------------------------------------------
LINK
--------------------------------------------- */
.link01{
	display : block;
	width : fit-content;
	margin-left : auto;
	color : var( --primary );
	text-decoration-line : underline;
	text-decoration-color : transparent;
	transition : text-decoration .3s ease-in;
}
.link01::after{
	white-space : pre;
	content : "　＞";
}
.link01:hover{
	text-decoration-color : var( --primary );
}
@media screen and ( max-width : 780px ){
	.link01{
		margin-top : calc( ( 48 - 6 ) var( --remBase ) );
		margin-right : auto;
		font-size : calc( 24 var( --remBase ) );
		line-height : 1.5;
	}
}
@media print , screen and ( min-width : 780.02px ){
	.link01{
		margin-top : calc( ( 33 - 3 ) var( --remBase ) );
		font-size : calc( 14 var( --remBase ) );
		line-height : calc( 20 / 14 );
	}
}
.link-archive{
	display : grid;
	grid-template-columns : auto auto;
	width : fit-content;
	color : var( --primary );
	letter-spacing : .05em;
}
.link-archive::before{
	white-space : pre;
	content : "＜　";
}
@media screen and ( max-width : 780px ){
	.link-archive{
		margin-top : calc( 68 var( --remBase ) );
		margin-left : auto;
		margin-right : auto;
		font-size : calc( 24 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 780.02px ){
	.link-archive{
		margin-top : calc( 17 var( --remBase ) );
		font-size : calc( 14 var( --remBase ) );
	}
}

/* --------------------------------------------
CARDS
--------------------------------------------- */
.cards01 a{
	display : block;
	width : 100%;
	height : 100%;
	background-color : #fff;
	border : 1px solid var( --border );
}
.cards01 picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
.cards01 h2{
	font-weight : 500;
	color : var( --primary );
	letter-spacing : .1em;
}
.cards01 p{
	position : relative;
	display : -webkit-box;
	overflow : hidden;
	font-weight : 400;
	color : var( --bodyDark );
	letter-spacing : .1em;
	background-repeat : no-repeat;
	background-position-x : 0;
	-webkit-line-clamp : 1;
	-webkit-box-orient : vertical;
}
.cards01 p::before{
	position : absolute;
	left : 0;
	display : block;
	content : "";
	filter : invert( 53% ) sepia( 22% ) saturate( 1132% ) hue-rotate( 154deg ) brightness( 91% ) contrast( 88% );
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
}
.cards01 .map::before{
	background-image : url( "../../images/ui/icon/mappin.svg" );
}
.cards01 .plan::before{
	background-image : url( "../../images/ui/icon/money.svg" );
}
@media screen and ( max-width : 780px ){
	.cards01 li + li{
		margin-top : calc( 30 var( --remBase ) );
	}
	.cards01 a{
		padding-top : calc( 40 var( --remBase ) );
		padding-bottom : calc( ( 44 - 8 ) var( --remBase ) );
		border-radius : calc( 8 var( --remBase ) );
		box-shadow : 0 calc( 6 var( --remBase ) ) calc( 12 var( --remBase ) ) rgb( 0 0 0 / .16 );
	}
	.cards01 picture{
		width : calc( 350 * 100% / 698 );
		height : calc( 262 var( --remBase ) );
		margin-left : auto;
		margin-right : auto;
	}
	.cards01 h2{
		padding-left : 1em;
		padding-right : 1em;
		margin-top : calc( ( 48 - 12 ) var( --remBase ) );
		font-size : calc( 24 var( --remBase ) );
		line-height : 2;
		text-align : center;
		text-indent : .1em;
	}
	.cards01 h2 + p{
		margin-top : calc( ( 42 - 12 - 8 ) var( --remBase ) );
	}
	.cards01 p{
		width : calc( 508 * 100% / 698 );
		padding-left : calc( 44 * 100% / 698 );
		margin-left : auto;
		margin-right : auto;
		font-size : calc( 24 var( --remBase ) );
		line-height : calc( 40 / 24 );
	}
	.cards01 p::before{
		top : calc( 4 var( --remBase ) );
		width : calc( 32 * 100% / 508 );
		height : calc( 32 var( --remBase ) );
	}
	.cards01 p + p{
		margin-top : calc( ( 30 - 8 - 8 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 780.02px ){
	.cards01{
		display : grid;
		grid-template-columns : repeat( 3 , calc( 290 var( --percentBase ) ) );
		grid-auto-flow : column;
		column-gap : calc( 34 var( --percentBase ) );
	}
	.cards01 a{
		--wrapperInside : 290;
		--percentBase : * 100% / var( --wrapperInside );
		padding-top : calc( 9 var( --remBase ) );
		padding-bottom : calc( ( 15 - 5 ) var( --remBase ) );
		padding-left : calc( 12 var( --percentBase ) );
		padding-right : calc( 12 var( --percentBase ) );
		border-radius : calc( 8 var( --remBase ) );
		box-shadow : 0 calc( 3 var( --remBase ) ) calc( 6 var( --remBase ) ) rgb( 0 0 0 / .16 );
	}
	.cards01 picture{
		width : 100%;
		height : calc( 200 var( --remBase ) );
	}
	.cards01 h2{
		margin-top : calc( ( 18 - 5 ) var( --remBase ) );
		font-size : calc( 14 var( --remBase ) );
		line-height : calc( 24 / 14 );
	}
	.cards01 h2 + p{
		margin-top : calc( ( 21 - 5 - 5 ) var( --remBase ) );
	}
	.cards01 p{
		padding-left : calc( 23 * 100% / 266 );
		font-size : calc( 12 var( --remBase ) );
		line-height : calc( 22 / 12 );
	}
	.cards01 p::before{
		top : calc( 3 var( --remBase ) );
		width : calc( 16 * 100% / 266 );
		height : calc( 16 var( --remBase ) );
	}
}

/* --------------------------------------------
PAGINATION
--------------------------------------------- */
#paginationArchive{
	display : flex;
	flex-wrap : wrap;
}
#paginationArchive a , #paginationArchive span{
	display : grid;
	place-items : center;
	text-align : center;
	text-indent : .1em;
	letter-spacing : .1em;
	border : 1px solid var( --border );
}
#paginationArchive a{
	transition : color .3s ease-in , background-color .3s ease-in , border-color .3s ease-in;
}
#paginationArchive .current , #paginationArchive a:hover{
	color : #fff;
	background-color : var( --primary );
	border-color : var( --primary );
}
@media screen and ( max-width : 780px ){
	#paginationArchive{
		justify-content : center;
		margin-top : calc( 86 var( --remBase ) );
	}
	#paginationArchive span , #paginationArchive a{
		height : calc( 40 var( --remBase ) );
		font-size : calc( 24 var( --remBase ) );
		border-radius : calc( 4 var( --remBase ) );
	}
	#paginationArchive span , #paginationArchive a:not( .prev, .next ){
		width : calc( 40 * 100% / 640 );
	}
	#paginationArchive a:where( .prev , .next ){
		width : calc( 76 * 100% / 640 );
	}
}
@media print , screen and ( min-width : 780.02px ){
	#paginationArchive{
		justify-content : end;
		margin-top : calc( 26 var( --remBase ) );
	}
	#paginationArchive span , #paginationArchive a{
		height : calc( 20 var( --remBase ) );
		font-size : calc( 12 var( --remBase ) );
		border-radius : calc( 2 var( --remBase ) );
	}
}
@media screen and ( min-width : 780.02px ) and ( max-width : 1287.98px ){
	#paginationArchive a{
		padding-left : .5em;
		padding-right : .5em;
	}
}
@media print , screen and ( min-width : 1288px ){
	#paginationArchive span , #paginationArchive a:not( .prev, .next ){
		width : calc( 20 * 100% / 938 );
	}
	#paginationArchive a:where( .prev , .next ){
		width : calc( 38 * 100% / 938 );
	}
}

/* --------------------------------------------
DIALOG
--------------------------------------------- */
dialog{
	position : fixed;
	top : 0;
	left : 0;
	z-index : 12;
	place-items : center;
	width : 100%;
	height : 100%;
	overflow : hidden;
	overflow-y : auto;
	background-color : rgb( 0 0 0 / .45 );
}
dialog[open]{
	display : grid;
}

/* --------------------------------------------
FORMS
--------------------------------------------- */
input::-webkit-outer-spin-button ,
input::-webkit-inner-spin-button{
	-webkit-appearance : none;
	margin : 0;
}
input[type="number"]{
	-moz-appearance : textfield;
}
:is( input[type="time"][disabled] , input[type="month"][disabled] , input[type="date"][readonly][disabled] ){
	-moz-appearance : textfield;
	appearance : none;
}
:is( input[type="time"][disabled] , input[type="month"][disabled] , input[type="date"][readonly][disabled] )::-webkit-clear-button{
	appearance : none;
}
:is( input[type="time"][disabled] , input[type="month"][disabled] , input[type="date"][readonly][disabled] )::-webkit-inner-spin-button , :is( input[type="time"][disabled] , input[type="month"][disabled] , input[type="date"][readonly][disabled] )::-webkit-outer-spin-button , :is( input[type="time"][disabled] , input[type="month"][disabled] , input[type="date"][readonly][disabled] )::-webkit-calendar-picker-indicator{
	display : none;
	margin : 0;
}
:is( input[type="time"][disabled] , input[type="month"][disabled] , input[type="date"][readonly][disabled] )::-webkit-calendar-picker-indicator{
	opacity : 0;
}
select[disabled]{
	appearance : none;
	opacity : 1;
}
:is( input[type="text"][readonly][style] , input[type="number"][readonly][style] ){
	font-feature-settings : normal;
}