@charset "UTF-8";
:root {
	--text-color: #000;
	--link-color: #1155BB;
	--hover-color: #ffa979;
	--hover-color-light: #ffeadf;
	--white: #fff;
	--blue: #1155BB;
	--lightblue: #00AACC;
	--brightblue: #0066FF;
	--darkblue: #1155BB;
	--gray: #F5F5F5;
	--gray2: #ccc;
	--oapcitygray: #afafafb0;
	--moregray: #D8D2D2;
	--darkgray: #A7A7A7;
	--black: #5B6275;
	--bluegray: #EAEDF6;
	--yellow: #FFF94E;
	--lightyellow: #FFF8BF;
	--red: #EE3355;
	--orange: #FF6644;
	--orangered: #FF7367;
	--lightorange: #ffdbd3;
	--gold: #ba6;
	--silver: #A0A5AA;
	--bronze: #AA8877;
	--pink: #ffdddd;
	--green: #1DDE51;
	--lightgreen: #D6FFE1;

	--is-xs: false;
	--is-sm: false;
	--is-md: false;
	--is-lg: false;
	--is-xl: false;

	@media (max-width: 479px) {
		--is-xs: true;
	}
	@media (min-width: 480px) {
		--is-sm: true;
	}
	@media (min-width: 768px) {
		--is-md: true;
	}
	@media (min-width: 1024px) {
		--is-lg: true;
	}
	@media (min-width: 1200px) {
		--is-xl: true;
	}
}

body {
	height: 100%;
	font-family: Noto Sans JP, sans-serif;
	letter-spacing: .04em;
}

@media (max-width: 767px){
	body {
		font-size: 16px;
	}
	html #wpadminbar{
		max-width: 100%!important;
		overflow: hidden;
	}
}


/* --------------------------------
	Layout
-------------------------------- */
#container{
	&.column-single{
		#content{
			width: 100%;
		}
		#sidebar{
			width: 100%;
		}
	}
}
.flex{
	display: flex;
	&&.inline{
		display: inline-flex;
	}
	&&.column{
		flex-direction: column;
	}
	&&.top{
		align-items: flex-start;
	}
	&&.middle{
		align-items: center;
	}
	&&.bottom{
		align-items: flex-end;
	}
	&&.baseline{
		align-items: baseline;
	}
	&&.f-wrap{
		flex-wrap: wrap;
	}
	&&.no-wrap{
		flex-wrap: nowrap;
	}
	&&.left{
		justify-content: flex-start;
	}
	&&.center{
		justify-content: center;
	}
	&&.right{
		justify-content: flex-end;
	}
	&&.between{
		justify-content: space-between;
	}
}
@media (max-width: 767px){
	& .flex{
		display: flex;
		&&.column-sm{
			flex-direction: column;
		}
		&&.top-sm{
			align-items: flex-start;
		}
		&&.middle-sm{
			align-items: center;
		}
		&&.bottom-sm{
			align-items: flex-end;
		}
		&&.f-wrap-sm{
			flex-wrap: wrap;
		}
		&&.no-wrap-sm{
			flex-wrap: nowrap;
		}
		&& .left-sm{
			justify-content: flex-start;
		}
		&& .center-sm{
			justify-content: center;
		}
		&& .right-sm{
			justify-content: flex-end;
		}
		&&.between-sm{
			justify-content: space-between;
		}
	}
}
@media (min-width: 768px){
	& .flex{
		display: flex;
		&&.column-md{
			flex-direction: column;
		}
		&&.top-md{
			align-items: flex-start;
		}
		&&.middle-md{
			align-items: center;
		}
		&&.bottom-md{
			align-items: flex-end;
		}
		&&.f-wrap-md{
			flex-wrap: wrap;
		}
		&&.no-wrap-md{
			flex-wrap: nowrap;
		}
		&& .left-md{
			justify-content: flex-start;
		}
		&& .center-md{
			justify-content: center;
		}
		&& .right-md{
			justify-content: flex-end;
		}
		&&.between-md{
			justify-content: space-between;
		}
	}
}

.w5 { width: 5%!important; }
.w10 { width: 10%!important; }
.w15 { width: 15%!important; }
.w20 { width: 20%!important; }
.w25 { width: 25%!important; }
.w30 { width: 30%!important; }
.w33 { width: calc(100% / 3) !important!important; }
.w35 { width: 35%!important; }
.w40 { width: 40%!important; }
.w45 { width: 45%!important; }
.w50 { width: 50%!important; }
.w55 { width: 55%!important; }
.w60 { width: 60%!important; }
.w65 { width: 65%!important; }
.w70 { width: 70%!important; }
.w75 { width: 75%!important; }
.w80 { width: 80%!important; }
.w85 { width: 85%!important; }
.w90 { width: 90%!important; }
.w95 { width: 95%!important; }
.w100 { width: 100%!important; }

@media (min-width: 768px){
	.w5-md { width: 5% !important; }
	.w10-md { width: 10% !important; }
	.w15-md { width: 15% !important; }
	.w20-md { width: 20% !important; }
	.w25-md { width: 25% !important; }
	.w30-md { width: 30% !important; }
	.w33-md { width: calc(100% / 3) !important; }
	.w35-md { width: 35% !important; }
	.w40-md { width: 40% !important; }
	.w45-md { width: 45% !important; }
	.w50-md { width: 50% !important; }
	.w55-md { width: 55% !important; }
	.w60-md { width: 60% !important; }
	.w65-md { width: 65% !important; }
	.w70-md { width: 70% !important; }
	.w75-md { width: 75% !important; }
	.w80-md { width: 80% !important; }
	.w85-md { width: 85% !important; }
	.w90-md { width: 90% !important; }
	.w95-md { width: 95% !important; }
	.w100-md { width: 100% !important; }
}

#container.column-double{
	width: 1200px;
	max-width: 100%;
	margin-bottom: 150px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	& #content{
		width: 65%;
		max-width: 100%;
	}
	& #sidebar{
		width: 30.833333%;
		max-width: 100%;
		top: 100px;
	}
}

@media (max-width: 767px){
	& #container.column-double{
		flex-wrap: wrap;
		margin-top: 30px;
		margin-bottom: 70px;
		& #content{
			width: 100%;
		}
		& #sidebar{
			margin-top: 50px;
			width: 100%;
		}
	}
	& .single-lic{
		& #content{
			font-size: 14px;
		}
	}
}

/* --------------------------------
	Common
-------------------------------- */
img{
	max-width: 100%;
	height: auto;
}
.img{
	line-height: 0;
}

.wrap{
	width: 1200px;
	max-width: 100%;
	padding-left: 15px!important;
	padding-right: 15px!important;
	margin: auto auto;
/* 	overflow: hidden; */
}
@media (min-width: 1200px){
	& .wrap{
		padding: 0;
	}
}

.normal-section{
	padding: 70px 0;
}

.bg-gray{
	background-color: var(--gray);
}
.bg-blue{
	background-color: var(--blue);
}
.bg-bluegray{
	background-color: var(--bluegray);
}

@media (max-width: 767px){
	& .normal-section{
		padding: 50px 0;
	}

	& .gray-section{
		padding: 50px 0;
		background-color: var(--gray);
	}

	& .blue-section{
		padding: 50px 0;
		background-color: var(--blue);
	}
}

/*headline*/
.headline{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .1em;
	& img{
		margin-right: 20px;
		max-width: 45px;
	}
}
@media (max-width: 1199px){
	& .headline{
		font-size: 4vw;
		padding-left: 15px!important;
		padding-right: 15px!important;
		& img{
			width: 10vw;
		}
	}
}
@media (max-width: 767px){
	& .headline{
		font-size: 6vw;
	}
}

.headline2{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.4em;
	& img{
		margin-right: 20px;
	}
}

@media (max-width: 767px){
	& .headline2{
		font-size: 5.4vw;
		& img{
			max-width: 30px;
			width: 30px;
			height: auto;
		}
	}
}

.category-headline{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	& img{
		width: 50px;
		height: auto;
		margin-right: 20px;
	}
}

@media (max-width: 767px){
	& .category-headline{
		font-size: 5.4vw;
	}
}

.category-headline-border{
	position: relative;
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	& img{
		position: relative;
		z-index: 2;
		width: 50px;
		height: auto;
		background-color: var(--white);
	}
	&::before{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		height: 1px;
		width: 100%;
		background-color: var(--gray);
	}
	& span{
		position: relative;
		background-color: var(--white);
		padding-right: 20px;
		padding-left: 20px;
		z-index: 2;
	}
}

@media (max-width: 767px){
	& .category-headline-border{
		font-size: 5vw;
	}
}

.border-headline{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	z-index: 1;
	&::before{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		height: 1px;
		width: 100%;
		background-color: var(--gray);
	}
	& span{
		position: relative;
		background-color: var(--white);
		padding-right: 30px;
		z-index: 2;
	}
}

.wp-block-heading{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 50px;
	z-index: 1;
	&::first-child{
		margin-top: 0;
	}
	&::before{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		height: 1px;
		width: 100%;
		background-color: var(--gray);
	}
	& span{
		position: relative;
		background-color: var(--white);
		padding-right: 30px;
		z-index: 2;
	}
}

@media (max-width: 767px){
	& .border-headline,
	& .wp-block-heading{
		font-size: 1.2em;
	}
	& .wp-block-heading{
		margin-bottom: 20px;
		margin-top: 40px;
	}
}

/*link*/
a{
	transition: 0.3s;
	text-decoration: none;
	color: var(--text-color);
	& img{
		transition: 0.3s;
	}
	&:hover{
		color: var(--hover-color);
		& img{
			opacity: 0.7;
		}
	}
}
.link-text{
	color: var(--link-color);
	&:hover{
		color: var(--hover-color);
	}
}

/*text*/
p{
	line-height: 1.5;
}
.normal-page{
	& p{
		margin-bottom: 1em;
	}
}

/*fonts*/
.decoration-font{
	font-family: "M PLUS Rounded 1c", serif;
}

/*form*/
input,
select,
textarea{
	outline: none;
	&:focus{
	}
}

.branding{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	& .common-buttons{
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		& .button{
			height: 45px;
			padding: 0;
			& a{
				display: flex;
				justify-content: center;
				align-items: center;
				height: 45px;
				padding: 0;
				color: var(--white);
				font-size: 12px;
				border-radius: 50px;
				text-decoration: none;
				font-weight: bold;
				transition: 0.3s all ease-in-out;
				&:visited{
					color: var(--white);
				}
				&:hover{
					opacity: 0.7;
				}
				& .text-area{
					padding: 0 15px;
				}
			}
		}
		& .button-line{
			& a{
				background: #4CC764;
				margin-right: 10px;
				padding: 0 15px 0 5px;
				& .icon-area{
					display: flex;
					align-items: center;
					justify-content: center;
					height: 100%;
					& img{
						max-height: 100%;
						width: auto;
					}
				}
				& .text-area{
					padding-left: 5px;
					line-height: 1.2;
				}
			}
		}
		& .button-contact{
			& a{
				background: #EE3355;
				& .free{
					display: flex;
					justify-content: center;
					align-items: center;
					height: 100%;
					background-color: #C01433;
					color: #fff;
					padding: 15px;
					border-radius: 50px 0 0 50px;
					font-size: 14px;
				}
			}
		}
	}
}


@media (max-width: 767px){
	& .branding{
		& .common-buttons{
			margin-top: 15px;
			padding-top: 15px;
			border-top: 1px solid var(--gray);
			width: 100%;
			& .button{
				width: 50%;
				height: auto;
				& a{
					height: 100%;
					& .text-area{
						padding: 5px 5px;
						line-height: 1.4;
						font-size: 8px;
					}
				}
			}
			& .button-line{
				& a{
					padding-right: 5px;
					& .icon-area{
						& img{
							max-height: 50px;
						}
					}
				}
			}
			& .button-contact{
				& a{
					& .free{
						padding: 5px;
						width: 25%;
						font-size: 3vw;
					}
					& .text-area{
						width: 75%;
						padding: 10px;
					}
				}
			}
		}
	}
}

.entry-content{
	padding-top: 80px;
}
.home{
	& .entry-content{
		padding-top: 0px;
	}
}
.column-double{
	& .entry-content{
		padding-top: 0px;
	}
}
@media (max-width: 767px){
	& .entry-content{
		padding-top: 40px;
	}
	& .home{
		& .entry-content{
			padding-top: 0px;
		}
	}
}

.bg-blue{
	background-color: var(--blue);
}

.shadow-box{
	border-radius: 35px;
	background-color: var(--white);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
	margin-top: 6px;
	margin-bottom: 5px;
}

.border-box{
	border-radius: 35px;
	border: 3px solid var(--blue);
}

.white-round-box{
	background-color: var(--white);
	border-radius: 30px;
	padding: 30px;
	&.r20{
		border-radius: 20px;
	}
}

.gray-round-box{
	background-color: var(--gray);
	border-radius: 30px;
	padding: 30px;
	&.r20{
		border-radius: 20px;
	}
}

@media (max-width: 767px){
	.gray-round-box{
		padding: 20px;
	}
}

.number-box-wrapper{
	& .number-box{
		position: relative;
		&::before{
			position: absolute;
			top: 20px;
			left: 20px;
			content: "1";
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 24px;
			font-weight: bold;
			width: 50px;
			height: 50px;
			color: var(--white);
			background-color: var(--blue);
			border-radius: 50px;
		}
		&:nth-child(2){
			&::before{
				content: "2";
			}
		}
		&:nth-child(3){
			&::before{
				content: "3";
			}
		}
	}
}

.accordion__button{
	cursor: pointer;
}

/*list*/
.list-dot{
	& li{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 10px;
		&::before{
			content: '';
			margin-right: 10px;
			width: 15px;
			height: 15px;
			aspect-ratio: 1 / 1;
			border-radius: 15px;
			background-color: var(--blue);
		}
		&:last-child{
			margin-bottom: 0;
		}
	}
}
.list-number{
	font-weight: bold;
	list-style: auto;
	padding-left: 20px;
	& li{
		margin-bottom: 15px;
		&:last-child{
			margin-bottom: 0;
		}
	}
}
@media (max-width: 767px){
	.list-dot{
		& li{
			font-size: 16px;
			line-height: 1.2;
		}
	}
}

.button-contact2{
	text-align: center;
	& .text{
		text-align: center;
		font-size: 20px;
		color: var(--red);
		line-height: 1.5;
	}
	& a{
		width: 420px;
		max-width: 100%;
		height: 70px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		font-weight: bold;
		background: #EE3355;
		text-decoration: none;
		color: var(--white);
		border-radius: 20px;
		border: 3px solid var(--white);
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
		margin-bottom: 6px;
		font-size: 20px;
		&:hover{
			opacity: 0.7;
		}
		& .free{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 80px;
			height: 100%;
			background-color: #C01433;
			color: #fff;
			padding: 20px;
			border-radius: 20px 0 0 20px;
			font-size: 18px;
		}
		& .text-area{
			display: flex;
			justify-content: center;
			align-items: center;
			width: calc(100% - 80px);
			padding: 0 15px;
		}
	}
}
@media (max-width: 767px){
	.button-contact2 {
		& .text{
			font-size: 14px;
		}
		& a {
			font-size: 14px;
			height: 60px;
			& .free{
				font-size: 14px;
			}
			& .text-area {
				width: calc(100% - 80px);
			}
		}
	}
}

.detile-link{
	text-align: right;
	& a{
		display: inline-flex;
		min-height: 20px;
		justify-content: flex-end;
		align-items: center;
		color: var(--blue);
		font-weight: bold;
		font-size: 16px;
		& svg{
			margin-left: 10px;
			height: 20px;
			width: 20px;
		}
	}
}

@media (max-width: 767px){
	.detile-link{
		& a{
			font-size: 14px;
			& svg{
				width: 12px;
				height: 12px;
			}
		}
	}
}

.fee-simulation{
	background-color: var(--darkblue);
	padding: 30px 0;
	& .simulation-headline{
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		& img{
			margin-right: 15px;
		}
	}
	& .form{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 25px 20px;
		& select{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			height: 50px;
			padding: 10px 30px 10px 10px;
			border: 1px solid var(--darkgray);
			background-image: url('../img/icon-tryangle.svg');
			background-repeat: no-repeat;
			background-position: center right 15px;
			border-radius: 10px;
			-webkit-appearance: none;
			appearance: none;
		}
		& .insurance{
			width: calc(50% - 50px);
			margin-right: 50px;
			margin-bottom: 0px;
		}
		& .age{
			width: calc(25% - 5px);
			margin-right: 10px;
		}
		& .sex{
			width: calc(25% - 5px);
		}
	}
	& .button{
		display: block;
		min-width: 300px;
		max-width: 100%;
		color: var(--white);
		background-color: var(--red);
		font-weight: bold;
		border-radius: 50px;
		text-align: center;
		padding: 20px;
		text-decoration: none;
		margin-right: auto;
		margin-left: auto;
		outline: 0;
		font-size: 1em;
		border: none;
		cursor: pointer;
		transition: 0.3s;
		&:hover{
			opacity: 0.7;
		}
	}
}
.fee-simulation.type2{
	padding: 0;
	background-color: transparent;
	border: 2px solid var(--gray2);
	border-radius: 10px;
	overflow: hidden;
	& .simulation-form{
		background-color: var(--gray);
		padding-bottom: 20px;
	}
	& .fee-simulation-form-header{
		width: 100%;
		padding: 10px 20px;
		background-color: var(--gray2);
		& .insurance{
			height: 50px;
			padding: 10px 30px 10px 10px;
			border: 1px solid var(--darkgray);
			background-image: url(../img/icon-tryangle.svg);
			background-repeat: no-repeat;
			background-position: center right 15px;
			border-radius: 10px;
			-webkit-appearance: none;
			appearance: none;
			margin-right: 10px;
		}
	}
	& .form{
		padding: 20px;
		background-color: transparent;
		justify-content: flex-start;
	}
	& .button-switch{
		width: calc((100% - 20px) / 2);
		display: flex;
		justify-content: flex-start;
		& .switch{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 50%;
			height: 50px;
			background-color: var(--gray2);
			border: 1px solid var(--darkgray);
			margin: 0;
			cursor: pointer;
		}
		& .man{
			border-right: none;
			border-radius: 20px 0 0 20px;
		}
		& .woman{
			border-radius: 0 20px 20px 0;
		}
		& input[type="radio"]:checked + .switch{
			background-color: var(--blue);
			color: var(--white);
		}
	}
	& .age{
		width: calc((100% - 20px) / 2);
		margin-left: 20px;
	}
	& .button{
		background-color: var(--blue);
	}
}
@media (max-width: 767px){
	& .fee-simulation{
		& .simulation-headline{
			font-size: 4vw;
		}
		& .form{
			flex-wrap: wrap;
			padding: 20px 0px;
			& .insurance{
				width: 100%;
				margin-right: 0;
				margin-bottom: 10px;
			}
			& .insurance{
				margin-bottom: 20px;
			}
			& .age{
				width: calc(50% - 5px);
				margin-right: 10px;
			}
			& .sex{
				width: calc(50% - 5px);
			}
		}
	}

	& .fee-simulation.type2 {
		& .form {
			& .age {
				width: calc((100% - 20px) / 2);
				margin-left: 20px;
				margin-right: 0;
				border-width: 1px;
			}
		}
	}
}

/*table*/
.table-normal{
	border-top: 1px solid var(--darkgray);
	& li{
		border-bottom: 1px solid var(--darkgray);
		display: flex;
		& .item{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 30%;
			text-align: center;
			padding: 20px 30px;
			background-color: var(--gray);
		}
		& .content{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			width: 70%;
			text-align: left;
			padding: 20px 30px;
			& p:first-child{
				margin-top: 0;
			}
		}
	}
}
.table-3column{
	width: 100%;
	max-width: 100%;
	border-top: 1px solid var(--darkgray);
	border-right: 1px solid var(--darkgray);
	margin-top: 30px;
	overflow: scroll;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 12px;
	& thead{
		border-bottom: 1px solid var(--darkgray);
		font-weight: bold;
		background-color: var(--gray);
	}
	& tr{
		border-bottom: 1px solid var(--darkgray);
	}
	& th{
		width: calc(100% / 3);
		text-align: center;
		padding: 20px;
		border-left: 1px solid var(--darkgray);
	}
	& td{
		text-align: center;
		padding: 20px;
		border-left: 1px solid var(--darkgray);
		text-align: left;
		line-height: 1.4;
	}
}
@media (max-width: 767px){
	& .table-wrap{
		width: 100%;
		max-width: 100%;
	}
	& .table-normal {
		max-width: 100%;
		& li {
			& .item {
				width: 60%;
				text-align: left;
				justify-content: flex-start;
				padding: 20px;
			}
			& .content {
				width: 40%;
				text-align: left;
				justify-content: flex-start;
				display: block;
				line-height: 1.5;
				& span{
					display: block;
					width: 100%;
					font-size: 0.9em;
					margin-left: 0;
				}
			}
		}
		&.company-profile{
			& li {
				& .item {
					width: 110px;
				}
				& .content {
					width: calc(100% - 110px);
				}
			}
		}
	}
	& .table-3column{
		width: max-content;
		max-width: 200%;
		& th {
			width: fit-content;
		}
	}
}

section.insurances{
	background-color: var(--gray);
	padding: 50px 30px;
	& .insurance-list{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		line-height: 0.8;
		font-weight: bold;
		& li{
			margin-top: 30px;
			margin-right: 30px;
			width: calc((100% - 180px) / 5);
			height: 150px;
			& a{
				display: flex;
				width: 100%;
				height: 100%;
				flex-direction: column;
				background-color: var(--white);
				justify-content: center;
				align-items: center;
				color: var(--text-color);
				text-decoration: none;
				border-radius: 10px;
				text-align: center;
				&:hover{
					opacity: 0.7;
				}
				& img{
					max-width: 80px;
				}
				& span{
					display: flex;
					align-items: center;
					height: 40px;
					margin-top: 5px;
					text-align: center;
					line-height: 1.4;
				}
			}
			&:nth-child(5n){
				margin-right: 0;
			}
			&:nth-child(-n + 5){
				margin-top: 0;
			}
			& span{
				line-height: 0;
			}
		}
	}
}

.column-double{
	& section.insurances {
		padding: 30px;
		border-radius: 20px;
		& .insurance-list {
			margin-right: 0!important;
			margin-left: 0!important;
			padding-right: 0 !important;
			padding-left: 0 !important;
			font-size: 12px;
			& li {
				width: calc((100% - 80px) / 5);
				height: 120px;
				margin-right: 20px;
				&:nth-child(5n) {
					margin-right: 0;
				}
				& img{
					max-width: 60px;
				}
			}
		}
	}
}

@media (max-width: 1199px){
	section.insurances{
		& .insurance-list{
			& li{
				width: calc((100% - 120px) / 5);
				& a{
					font-size: 1.6vw;
				}
			}
		}
	}
}
@media (max-width: 767px){
	section.insurances{
		padding: 30px 15px;
		& .insurance-list{
			padding: 0px;
			& li{
				width: calc((100% - 30px) / 3);
				height: auto;
				aspect-ratio: 1 / 1;
				margin-right: 15px;
				margin-top: 20px!important;
				margin-bottom: 0;
				& a{
					font-size: 2.5vw;
					& img{
						width: 50%;
					}
					& span {
						height: 25px;
					}
				}
				&:nth-child(5n){
					margin-right: 15px;
				}
				&:nth-child(3n){
					margin-right: 0;
				}
				&:nth-child(-n + 3){
					margin-bottom: 0;
					margin-top: 0px!important;
				}
			}
		}
	}

	& .column-double{
		& section.insurances {
			& .insurance-list {
				& li {
					width: calc((100% - 30px) / 3);
					height: auto;
					aspect-ratio: 1 / 1;
					margin-right: 15px;
					margin-top: 20px;
					margin-bottom: 0;
					& a{
						font-size: 2.5vw;
						& img{
							width: 50%;
						}
						& span{
							font-size: 2vw;
						}
					}
					&:nth-child(5n){
						margin-right: 15px;
					}
					&:nth-child(3n){
						margin-right: 0;
					}
					&:nth-child(-n + 3){
						margin-bottom: 0;
						margin-top: 0px;
					}
				}
			}
		}
	}
}

.text-box{
	& p{
		margin-bottom: 20px;
		&:last-child{
			margin-bottom: 0;
		}
	}
}

.common-button{
	position: relative;
	display: block;
	width: 300px;
	max-width: 100%;
	padding: 20px;
	background-color: transparent;
	color: var(--darkblue);
	border: 1px solid var(--darkblue);
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	border-radius: 100px;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid var(--blue);
	line-height: 1.2;
	cursor: pointer;
	&&.white{
		background-color: transparent;
		color: var(--blue);
		border: 1px solid var(--blue);
	}
	&:hover{
		opacity: 0.7;
		color: var(--darkblue);
	}
	&:visited{
		color: var(--darkblue);
	}
	&&.cant-click{
		background-color: var(--bluegray);
		border-color: var(--bluegray);
		pointer-events: none;
		color: var(--white);
	}
	& #cart-quantity{
		position: absolute;
		top: -5px;
		right: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		border-radius: 30px;
		color: var(--white);
		font-weight: bold;
		font-size: 14px;
		background-color: var(--red);
	}
}

@media (max-width: 767px){
	.common-button{
		font-size: 0.75rem;
		padding: 15px 20px;
		width: fit-content;
		margin-right: auto;
		margin-left: auto;
	}
}

.button-round{
	display: inline-block;
	background-color: var(--red);
	border: 3px solid var(--white);
	color: var(--white);
	font-size: 24px;
	font-weight: bold;
	padding: 15px 30px;
	text-decoration: none;
	line-height: 1.4;
	border-radius: 100px;
	&:hover{
		opacity: 0.8;
	}
}
.button-square{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	min-height: 58px;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	color: var(--brightblue);
	border: 1px solid var(--brightblue);
	&:hover{
		opacity: 0.7;
		color: var(--brightblue);
	}
	&.orange{
		padding: 20px 20px 20px 36px;
		background-image: url(../img/icon-popup.svg);
		background-repeat: no-repeat;
		background-position: left 15px center;
		background-color: var(--orange);
		background-size: 15px 14px;
		color: var(--white);
		border: 1px solid var(--orange);
		&.none{
			border: var(--bluegray);
			background-color: var(--bluegray);
			pointer-events: none;
		}
	}
	&&.order{
		position: relative;
		padding: 20px 20px 20px 40px;
		cursor: pointer;
		& svg{
				position: absolute;
				left: 15px;
				top: 50%;
				margin-top: -9px;
		}
		& .out-cart-text{
			display: inline-block;
		}
		& .in-cart-text{
			display: none;
		}
		&&.can-not-order{
			pointer-events: none;
			border-color: var(--bluegray);
			color: var(--bluegray);
			& svg{
				& .square{
					stroke: var(--bluegray);
				}
				& path{
					fill: var(--bluegray);
				}
			}
		}
	}
}
.in-cart{
	& .button-square.order{
		& svg{
			& .square {
				stroke: var(--blue);
				fill: var(--blue);
			}
			& path{
				fill: var(--white);
			}
		}
		& .out-cart-text{
			display: none;
		}
		& .in-cart-text{
			display: inline-block;
		}
	}
}
.button-double{
	display: flex;
	justify-content: space-between;
	& .button-square,.button-round{
		width: calc(50% - 10px);
		height: auto;
	}
}

@media (max-width: 767px){
	& .button-round{
		font-size: 16px;
	}
	& .button-double{
		position: relative;
		flex-wrap: wrap;
		& .button-square{
			width: 100%;
			font-size: 16px;
			&:first-child{
				margin-bottom: 15px;
			}
			&.orange{
				font-size: 14px;
			}
		}
		#close-buttons{
			position: absolute;
			display: flex;
			justify-content: center;
			align-items: center;
			top: -5px;
			right: -5px;
			width: 30px;
			height: 30px;
			font-size: 14px;
			background: var(--white);
			color: var(--blue);
			border: 1px solid var(--blue);
		}
	}
}

.slick-slider{
	& .slick-slide{
		height: auto;
	}
	& .slick-list{
		& .slick-track{
			display: flex;
			margin-bottom: 8px;
			& .slick-slide{
				height: auto;
			}
		}
	}
	& .slick-prev{
		left: 40px;
	}
	& .slick-next{
		right: 40px;
	}
	& .slick-prev, .slick-next{
		width: 40px;
		height: 40px;
		z-index: 9;
		&::before{
			font-size: 40px;
			color: var(--black);
		}
	}
}


/* --------------------------------
	Header
-------------------------------- */
#header{
	position: sticky;
	top: 0;
	left: 0;
	background-color: var(--white);
	z-index: 999;
	& #branding{
		width: 100%;
		padding: 15px 0;
		border-bottom: #E2E2E2 1px solid;
	}
	& #menu{
		padding: 15px 0;
		width: calc(100% - 190px);
		& .nav{
			display: flex;
			justify-content: right;
			align-items: center;
			font-size: 16px;
			font-weight: bold;
			width: 100%;
			& .menu-item{
				padding: 0 15px;
				& a{
					text-decoration: none;
					color: var(--text-color);
					&:hover{
						color: var(--hover-color);
					}
				}
			}
		}
	}
}

@media (max-width: 767px){
	#header{
		& .lp-sub-color{
			color: var(--lp-sub-color);
		}
		& #menu{
			height: 100vh;
			width: 100vw;
			padding-top: 80px;
			position: fixed;
			top: 0;
			right: 0;
			opacity: 0;
			transition: 0.4s;
			transform: translateX(100%) translateZ(1px);
			background: var(--black);
			z-index: 999;
			& .nav{
				flex-direction: column;
				border-top: 1px solid var(--white);
				padding: 20px;
				& .menu-item{
					margin-bottom: 10px;
					& a{
						display: block;
						color: var(--white);
						padding: 10px 0;
						font-size: 20px;
					}
				}
			}
		}
		& .nav-humburger{
			transform: translateZ(2px);
			position: fixed;
			top: 10px;
			right: 10px;
			width: 45px;
			height: 40px;
			padding: 10px;
			z-index: 999;
			background-color: #ffffffba;
			border-radius: 5px;
			& span{
				display: block;
				height: 4px;
				width: 24px;
				background: var(--black);
				margin-bottom: 4px;
				border-radius: 5px;
				transition: 0.3s ease-in-out;
				&:last-child{
					margin-bottom: 0;
				}
			}
		}
		& .nav-humburger.open{
			z-index: 1000;
			background-color: #ffffff00;
			& span{
				background: var(--white);
			}
			& span:nth-child(1){
				transform: rotate(45deg) translateY(6px) translateX(6px);
				transform-origin: center;
			}
			& span:nth-child(2){
				opacity: 0;
			}
			& span:nth-child(3){
				transform: rotate(-45deg) translateY(-5.5px) translateX(5.5px);
				transform-origin: center;
			}
		}
		& .nav-humburger.open + #menu{
			transform: translateX(0) translateZ(1px);
			opacity: 1;
		}
		& #branding {
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
			padding: 10px 55px 10px 15px !important;
			& .site-title{
				width: 43%;
			}
			& .common-buttons {
				display: flex;
				flex-direction: row;
				align-items: flex-end;
				border-top: none;
				margin: 0;
				margin-left: 15px;
				padding: 0;
				width: auto;
				& .button {
					width: 100%;
				}
				& .button-contact {
					border-top: none;
				}
				& .button-line {
					& a {
						& .icon-area {
							& img {
								max-height: 25px;
							}
						}
					}
				}
			}
		}
	}
}

.single-lp{
	& #header {
		display: flex;
		justify-content: flex-start;
		& #branding {
			width: 100%;
			justify-content: flex-start;
			& .logo-area{
				display: flex;
				align-items: center;
			}
			& .site-title {
				width: fit-content;
				max-height: 50px;
				margin-right: 10px;
				& img{
					max-height: 40px;
					width: auto;
				}
			}
		}
	}
	#myModal.modal{
		display: none;
		position: fixed;
		justify-content: center;
		align-items: center;
		inset: 0;
		z-index: 9999;
		padding: 20px;
		background: rgba(0,0,0,0.5);
		& .modal-content{
			position: relative;
			background: #fff;
			margin: 10% auto;
			padding: 20px;
			width: 500px;
			max-width: 100%;
			border-radius: 8px;
			text-align: center;
			& h2{
				margin-top: 0px;
				font-size: 1.4em;
				font-weight: bold;
				line-height: 1.4;
			}
			& .close {
				right: 10px;
				top: 10px;
				float: right;
				font-size: 24px;
				cursor: pointer;
			}
			& .modal-buttons{
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				button{
					max-width: 100%;
					width: 350px;
					background-color: var(--lp-main-color);
					color: white;
					font-size: 1em;
					padding: 20px;
					border-radius: 0;
					cursor: pointer;
					margin-top: 15px;
					font-weight: bold;
					border: none;
					margin-right: auto;
					margin-left: auto;
					&#firstApplyBtn{
						background-color: var(--red);
					}
				}
			}
		}
		& #modalAlready{
			& h2{
				padding: 10px;
				color: var(--white);
				font-size: 1em;
				font-weight: bold;
				background-color: var(--lp-main-color);
			}
		}
	}
}

@media (max-width: 767px){
	.single-lp{
		& #header {
			& #branding {
				padding-right: 15px !important;
				justify-content: space-between;
				& .common-buttons {
					font-size: 14px;
      			}
				& .site-title {
					max-height: 40px;
					max-width: 170px;
					margin-right: 10px;
					img{
						max-height: 40px;
						width: auto;
					}
				}
			}
		}
	}
}

/* --------------------------------
	Breadcrumbs
-------------------------------- */
#bredcrumbs{
	padding: 20px 0;
	background-color: var(--gray);
	line-height: 1.2;
}
@media (max-width: 767px){
	#bredcrumbs{
		font-size: 0.8em;
	}
}

/* --------------------------------
	Footer
-------------------------------- */
#footer{
	background-color: var(--black);
	& .branding{
		padding: 30px 0;
		border-bottom: 1px solid var(--bluegray);
	}
	& #footer-menu{
		padding: 25px 0;
		border-bottom: 1px solid var(--bluegray);
		& .nav{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			font-size: 16px;
			font-weight: normal;
			flex-wrap: wrap;
			box-sizing: border-box;
			& .menu-item{
				padding-right: 30px;
				& a{
					display: block;
					padding-top: 5px;
					padding-bottom: 5px;
					text-decoration: none;
					color: var(--white);
					&:hover{
						color: var(--hover-color);
					}
				}
			}
		}
		& .menu1{
			margin-bottom: 25px;
		}
		& .menu2{
			& li{
				padding-right: 30px;
				& a{
					text-decoration: none;
					color: var(--white);
					font-weight: normal;
					&:hover{
						color: var(--hover-color);
					}
				}
			}
		}
	}
	& .footer-text{
		padding-top: 30px;
		padding-bottom: 30px;
		color: var(--white);
		border-bottom: 1px solid var(--white);
		& .footer-h{
			font-size: 16px;
			font-weight: bold;
			font-weight: bold;
			margin-bottom: 20px;
		}
		& p{
			margin-bottom: 30px;
			&:last-child{
				margin-bottom: 0;
			}
		}
	}
	& #copyright{
		padding: 30px 0;
		font-size: 18px;
		text-align: center;
		color: var(--white);
	}
}
@media (max-width: 767px){
	#footer{
		& .branding{
			padding: 30px 0 15px 0;
			& .common-buttons {
				margin-top: 30px;
			}
		}
		& #footer-menu{
			padding-left: 10px;
			padding-right: 10px;
			font-size: 0.8em;
			& .nav{
				font-size: 14px;
				& .menu-item{
					width: calc(50% - 7.5px);
					margin-right: 15px;
					padding-right: 0;
					&:nth-child(2n){
						margin-right: 0;
					}
				}
			}
		}
		& .footer-text{
			font-size: 14px;
			& .footer-h{
				font-size: 14px;
			}
		}
		& #copyright{
			font-size: 0.75rem;
		}
	}
}

/* --------------------------------
	Sidebar
-------------------------------- */
.sidebar-headline{
	position: relative;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	font-size: 1.4em;
	padding-bottom: 15px;
	&::before{
		position: absolute;
		content: "";
		bottom: 0;
		left: 50%;
		margin-left: -40px;
		height: 3px;
		width: 80px;
		background-color: var(--lightblue);
	}
}
#sidebar{
	& #search{
		& form{
			display: flex;
			height: 50px;
			& label{
				display: block;
				width: calc(100% - 50px);
			}
			& input{
				height: 100%;
				&&.search-field{
					width: 100%;
					padding: 0 30px;
					border-radius: 30px 0 0 30px;
					outline: none;
					border-top: 1px solid var(--text-color);
					border-left: 1px solid var(--text-color);
					border-bottom: 1px solid var(--text-color);
					border-right: none;
				}
				&&.search-submit{
					width: 50px;
					background-color: var(--text-color);
					border: none;
					font-size: 0;
					background-image: url('../img/icon-search.svg');
					background-repeat: no-repeat;
					background-position: center;
					border-radius: 0 30px 30px 0;
				}
			}
		}
	}
	& .articles-wrapper{
		margin-top: 30px;
		padding: 0;
		border: none;
		& .article-list{
			& .article{
				width: 100%;
				border-radius: 20px;
				margin-bottom: 20px;
				margin-right: 0;
				align-items: flex-start;
				&:last-child{
					margin-bottom: 0;
				}
				& .img{
					width: 100px;
				}
				& .text {
					width: calc(100% - 100px);
				}
			}
		}
	}
	& .announcement-list{
		& .announcement{
			& a{
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: center;
				padding: 30px 10px;
				border-top: 1px solid var(--bluegray);
				text-decoration: none;
				color: var(--font-color);
				&:hover{
					background-color: var(--hover-color-light);
				}
				& .date{
					font-size: 0.8em;
					color: var(--darkgray);
					margin-right: 20px;
					margin-top: 0;
				}
				& .category{
					border: 1px solid var(--blue);
					border-radius: 5px;
					color: var(--blue);
					font-size: 0.6em;
					margin-right: 40px;
					padding: 5px;
					margin-top: 0;
				}
				& .title{
					width: 100%;
					margin-top: 10px;
				}
			}
			&:last-child{
				& a{
					border-bottom: 1px solid var(--bluegray);
				}
			}
		}
	}
}

@media (max-width: 767px){
	#sidebar{
		& .announcement-list{
			& .announcement{
				& a{
					flex-wrap: wrap;
					& .date{
						margin-right: 20px;
					}
					& .category{
						margin-right: 20px;
					}
					& .title{
						margin-top: 10px;
						width: 100%;
					}
				}
			}
		}
	}
}

/* --------------------------------
	Top
-------------------------------- */
#main-visual{
	background-color: var(--gray);
	& .wrap{
		padding-top: 100px;
		padding-bottom: 80px;
		background-image: url(../img/mv-illust.png);
		background-repeat: no-repeat;
		background-position: right 5% center;
		background-size: auto 90%;
	}
	& .mv-logo{
		& img{
			width: 400px;
		}
	}
	& .mv-text{
		font-size: 36px;
		padding-left: 40px;
		letter-spacing: 2px;
		font-family: "M PLUS Rounded 1c", serif;
		font-weight: 500;
		font-style: normal;
	}
}

@media (max-width: 767px){
	#main-visual{
		& .wrap{
			padding: 50px 0;
			background-size: 50% auto;
		}
		& .mv-text{
			width: 60%;
			font-size: 4vw;
			padding-left: 0px;
		}
		& .mv-logo{
			width: 48%;
		}
	}
}

#appeal{
	& .worries{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		& .worrie{
			display: flex;
			justify-content: center;
			align-items: center;
			width: calc((100% - 150px) / 6);
			aspect-ratio: 1 / 1;
			margin: 0 5px;
			color: var(--white);
			background-color: var(--darkgray);
			border-radius: 50%;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 1.4;
			margin-bottom: 0;
			&:nth-child(n+4){
				margin-bottom: 0;
			}
		}
	}
	& .text-area{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		& .text1{
			display: block;
			font-size: 26px;
			font-weight: bold;
			text-align: center;
			margin: 0 auto;
			line-height: 1;
			border-bottom: 6px solid var(--yellow);
		}
		& .text2{
			position: relative;
			display: block;
			font-size: 32px;
			font-weight: bold;
			text-align: center;
			margin: 0 auto;
			color: var(--lightblue);
			padding-top: 15px;
			& span{
				position: absolute;
				top: 0;
				left: 5%;
				font-size: 0.4em;
			}
		}
	}
	& .lines{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-left: auto;
		margin-right: auto;
		padding-left: calc(100% / 4 - 35px);
		padding-right: calc(100% / 4 - 35px);
		& .line1{
			position: relative;
			width: 70px;
			height: 70px;
			& span{
				display: block;
				position: relative;
				left: 70px;
				transform: rotate(45deg);
				transform-origin: top center;
				height: calc(70px * 1.41421356);
				width: 1px;
				background-color: var(--lightblue);
			}
		}
		& .line2{
			position: relative;
			width: 70px;
			height: 70px;
			& span{
				display: block;
				position: relative;
				left: 35px;
				height: 70px;
				width: 1px;
				background-color: var(--lightblue);
			}
		}
		& .line3{
			position: relative;
			width: 70px;
			height: 70px;
			& span{
				display: block;
				right: 70px;
				transform: rotate(-45deg);
				transform-origin: top center;
				height: calc(70px * 1.41421356);
				width: 1px;
				background-color: var(--lightblue);
			}
		}
	}
	& .billboards{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 110px;
		& .billboard{
			position: relative;
			width: calc((100% - 60px) / 3);
			border: 3px solid var(--lightblue);
			border-radius: 10px;
			& .icon{
				position: absolute;
				top: 0;
				left: 50%;
				transform: translateX(-95px) translateY(-110px);
			}
			& .top-area{
				height: 200px;
				padding: 80px 30px 30px;
				text-align: center;
				font-size: 28px;
				font-weight: bold;
				box-sizing: border-box;
			}
			& .bottom-area{
				height: calc(100% - 200px);
				padding: 30px;
				background-color: var(--lightblue);
				& p{
					line-height: 1.7;
				}
			}
		}
	}
}

@media (max-width: 1199px){
	#appeal{
		& .billboards{
			& .billboard{
				& .icon{
					position: absolute;
					top: 0;
					left: 50%;
					transform: translateX(-50%) translateY(-70%);
				}
				& .top-area{
					font-size: 2.3vw;
				}
			}
		}
	}
}

@media (max-width: 767px){
	#appeal{
		& .worries{
			& .worrie{
				width: calc((100% - 60px) / 3);
				margin-bottom: 10px;
				font-size: 3.5vw;
			}
		}
		& .text-area{
			& .text1{
				font-size: 4.2vw;
			}
			& .text2{
				font-size: 5vw;
				padding-top: 0.5em;
			}
		}
		& .billboards{
			display: flex;
			flex-wrap: wrap;
			& .billboard{
				margin-top: 90px;
				width: 100%;
				& .top-area{
					height: auto;
					padding: 60px 20px 20px;
					font-size: 4.5vw;
					line-height: 1.5;
				}
				& .bottom-area{
					padding: 20px;
					height: auto;
				}
				&:nth-child(1){
					margin-top: 0px;
				}
			}
		}
		& .lines{
			justify-content: center;
			& .line1{ display: none; }
			& .line2{
				height: 40px;
				& span {
					height: 40px;
				}
			}
			& .line3{ display: none; }
		}
	}
}

.top-ranking-list{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	& .ranking-box{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		width: calc((100% - 60px) / 3);
		padding: 20px 20px 40px;
		margin-right: 30px;
		border-radius: 35px;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
		margin-bottom: 30px;
		&:nth-child(3n){
			margin-right: 0;
		}
		& .ranking-content{
			width: 100%;
		}
		& .insurance-type{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			font-size: 20px;
			font-weight: bold;
			& img{
				width: 50px;
				height: auto;
				margin-right: 10px;
			}
		}
		& .description{
			margin-top: 10px;
			font-size: 14px;
		}
		& .ranking{
			margin-top: 20px;
			margin-bottom: 60px;
			& .rank{
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 20px;
				&.rank1{
					margin-top: 0px;
				}
				& .icon{
					position: relative;
					width: 40px;
					height: 30px;
					margin-right: 15px;
					& svg{
						display: flex;
						align-items: center;
						justify-content: center;
						position: absolute;
						width: 100%;
						height: 100%;
						z-index: 1;
						path{
							fill: var(--darkblue);
						}
					}
					& .number{
						position: absolute;
						top: 3px;
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						font-size: 18px;
						font-weight: bold;
						color: var(--white);
						z-index: 2;
					}
				}
				&.rank1{
					& .icon svg path{
						fill: var(--gold);
					}
				}
				&.rank2{
					& .icon svg path{
						fill: var(--silver);
					}
				}
				&.rank3{
					& .icon svg path{
						fill: var(--bronze);
					}
				}
				& .img{
					width: 89px;
					margin-right: 15px;
				}
				& .insurance-name{
					width: calc(100% - 150px);
					& .company-name{
						font-size: 12px;
					}
					& a{
						display: block;
						margin-top: 5px;
						text-decoration: underline;
						font-weight: bold;
						color: var(--font-color);
						&:hover{
							color: var(--hover-color);
						}
					}
				}
			}
		}
		& .common-button{
			align-self: flex-end;
		}
	}
}

@media (max-width: 767px){
	& .top-ranking-list{
		& .ranking-box{
			width: 100%;
			margin-left: 0px;
			box-shadow: none;
			padding: 0;
			margin-right: 0;
			border-radius: 0;
			&&:nth-child(2n){
				margin-left: 0px;
			}
			& .ranking-wrap{
				width: 100%;
				overflow-x: scroll;
				-ms-overflow-style: none;
				scrollbar-width: none;
				&&::-webkit-scrollbar{
					display: none;
				}
			}
			& .ranking {
				display: flex;
				width: fit-content;
				margin-bottom: 0px;
				padding-bottom: 10px;
				& .rank {
					width: 40vw;
					margin-left: 15px;
					border: 1px solid var(--gray2);
					border-radius: 20px;
					padding: 10px;
					margin-top: 0;
					flex-wrap: wrap;
					&&.rank1{
						margin-left: 0;
					}
					&.rank1{
						margin-top: 0px;
					}
					& .name-box{
						display: flex;
						justify-content: flex-start;
						align-items: center;
						font-size: 0.8em;
					}
					& .img {
						width: calc(100%);
						margin-right: 0;
						margin-top: 10px;
					}
					& .icon{
						width: 25px;
						height: 15px;
						margin-right: 5px;
						& .number{
							top: 1px;
							font-size: 8px;
						}
					}
					& .insurance-name{
						width: 100%;
						margin-top: 0px;
						& .company-name{
							font-size: 2.1vw;
						}
					}
				}
				&.rank1 {
					margin-top: 0px;
				}
				& .detile-link{
					width: 100%;
					border-top: 1px solid var(--gray);
					padding-top: 10px;
					margin-top: 10px;
					text-align: right;
					& a {
						display: inline-flex;
						min-height: 20px;
						justify-content: flex-end;
						align-items: center;
						color: var(--blue);
						font-weight: bold;
						font-size: 12px;
					}
					& svg {
						margin-left: 10px;
						height: 12px;
						width: 12px;
					}
				}
			}
			& .ranking-button{
				width: 40vw;
				margin-left: 15px;
				border: 1px solid var(--darkgray);
				border-radius: 20px;
				margin-bottom: 0;
				& a{
					padding: 10px;
					display: flex;
					flex-direction: column;
					width: 100%;
					height: 100%;
					margin-left: 0px;
					flex-wrap: wrap;
					align-items: center;
					justify-content: center;
					color: var(--blue);
					font-weight: bold;
					font-size: 14px;
					& svg{
						margin-top: 10px;
					}
				}
			}
			& .insurance-type{
				width: 100%;
			}
			& .insurance-type{
				font-size: 16px;
				line-height: 1.4em;
				& img{
					width: 30px;
				}
			}
			& .description{
			}
			& .ranking{
			}
			& .common-button{
				font-size: 2.5vw;
				padding: 15px;
			}
		}
	}
	#sp-hide {
		position: relative; /* 疑似要素を使うために親要素に相対位置を指定 */
		height: 30px; /* 上部だけ見えるように高さを制限 */
		overflow: hidden; /* 下部を隠す */
	}

	/* 疑似要素で上部にグラデーションをかける (グラデーション方向を逆に) */
	#sp-hide::before {
		content: ''; /* 疑似要素 */
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; /* 高さを親要素に合わせる */
		background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 100%); /* 下部が不透明、上部が透明 */
		pointer-events: none; /* 疑似要素がクリックできないように */
		transition: opacity 0.3s ease-out; /* 透明度の変化を滑らかに */
	}

	/* #sp-hide が開いた状態ではグラデーションを非表示に */
	#sp-hide.open::before {
		opacity: 0; /* 開いた状態ではグラデーションを非表示 */
	}
}

.pr{
	& .pr-list{
		display: flex;
		justify-content: space-between;
		align-items: center;
		& .ranking-box{
			display: flex;
			flex-wrap: wrap;
			width: calc((100% - 30px) / 2);
			padding: 30px 30px 40px;
			& .ranking-content{
				width: 100%;
			}
			& .top-area{
				position: relative;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				padding-bottom: 30px;
				padding-top: 0px;
				& .img{
					width: 130px;
					height: auto;
					margin-right: 30px;
				}
				& .insurance-name{
					font-size: 18px;
					font-weight: bold;
					& a{
						display: block;
						margin-top: 10px;
						text-decoration: underline;
						color: var(--font-color);
						&:hover{
							color: var(--hover-color);
						}
					}
				}
				& .company-name-box{
					display: flex;
					align-items: center;
				}
				& .icon-pr{
					width: 40px;
					height: 20px;
					text-align: center;
					line-height: 20px;
					border-radius: 30px;
					background-color: #FFBC21;
					color: var(--white);
					margin-right: 10px;
					font-size: 12px;
				}
			}
			& .bottom-area{
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				font-size: 18px;
				padding-top: 30px;
				border-top: 1px solid var(--bluegray);
				margin-bottom: 30px;
				& .img{
					width: 170px;
					margin-right: 30px;
				}
				& .text{
					width: 100%;
				}
			}
		}
		& .common-button{
			align-self: flex-end;
		}
	}
}

@media (max-width: 767px){
	& .pr{
		& .pr-list{
			flex-wrap: wrap;
			& .ranking-box{
				width: 100%;
				padding: 20px;
				margin-right: 0px;
				&:first-child{
					margin-bottom: 30px;
				}
				& .top-area{
					flex-wrap: wrap;
					padding-bottom: 20px;
					padding-top: 0px;
					& .img{
						width: 30%;
						margin-right: 20px;
					}
					& .insurance-name{
						font-size: 12px;
						width: calc(70% - 20px);
						& a{
							margin-top: 5px;
						}
					}
					& .icon-pr {
						font-size: 10px;
						width: 30px;
						height: 15px;
						line-height: 15px;
					}
				}
				& .bottom-area{
					flex-wrap: wrap;
					padding-top: 20px;
					margin-bottom: 20px;
					& .img{
						text-align: center;
						width: 30%;
						margin-right: 20px;
						margin-bottom: 20px;
					}
					& .text{
						font-size: 14px;
						width: 100%;
					}
				}
			}
			& .common-button{
				font-size: 2.4vw;
				padding: 15px;
			}
		}
	}
}

#companys{
	& .insurance-type{
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 50px;
	}
	& .company-list-wrap{
		margin-top: 70px;
		& .company-list{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
			& .company{
				width: calc((100% - 90px) / 4);
				height: 170px;
				margin-right: 30px;
				margin-top: 30px;
				& a{
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					padding-left: 20px;
					padding-right: 20px;
					height: 100%;
					background-color: var(--white);
					border-radius: 25px;
					&:hover{
						opacity: 0.7;
					}
				}
				&:nth-child(4n){
					margin-right: 0px;
				}
				&:nth-child(-n + 4){
					margin-top: 0px;
				}
			}
		}
	}
}

@media (max-width: 767px){
	#companys{
		& .insurance-type{
			font-size: 5.4vw;
			margin-bottom: 30px;
		}
		& .company-list-wrap{
			margin-top: 40px;
			& .company-list{
				& .company{
					width: calc((100% - 30px) / 3);
					height: auto;
					aspect-ratio: 1 / 0.63;
					margin-right: 15px;
					margin-top: 15px;
					& a{
						border-radius: 20px;
						padding-left: 12px;
						padding-right: 12px;
					}
					&:nth-child(3n){
						margin-right: 0;
					}
					&:nth-child(4n){
						margin-right: 15px;
					}
					&:nth-child(-n + 4) {
						margin-top: 15px;
					}
					&:nth-child(-n + 3){
						margin-top: 0px;
					}
				}
			}
		}
	}
}

.professionals{
	& .professional{
		display: flex!important;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px 30px 20px;
		margin-right: 10px;
		margin-left: 10px;
		& .profile{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid var(--gray);
			& .img{
				overflow: hidden;
				width: 20%;
				aspect-ratio: 1 / 1;
				border-radius: 100px;
				background-color: var(--bluegray);
				margin-right: 20px;
			}
			& .name{
				width: calc(80% - 20px);
				& .role{
					font-size: 0.75rem;
					margin-bottom: 8px;
					font-weight: normal;
					color: var(--darkgray);
				}
				& .name{
					width: 100%;
					font-size: 18px;
					font-weight: bold;
				}
			}
		}
		& .text-box{
			position: relative;
			height: 200px;
			overflow: hidden;
			&::before{
				content: "";
				background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .7)), color-stop(50%, rgba(255, 255, 255, .7)), to(#fff));
				background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, .7) 50%, #fff 100%);
				bottom: 0;
				height: 50px;
				width: 100%;
				position: absolute;
			}
		}
		& .text{
			line-height: 1.5;
		}
		& .qualification{
			margin-top: 30px;
			color: var(--darkgray);
			font-size: 14px;
			& span{
				display: inline-block;
				padding: 5px 10px;
				border-radius: 15px;
				margin-bottom: 10px;
				font-size: 12px;
				background-color: var(--darkgray);
				color: var(--white);
				line-height: 1.2;
			}
		}
		& .detile-link{
			border-top: 1px solid var(--gray);
			padding-top: 20px;
			text-align: right;
			& a{
				display: inline-flex;
				min-height: 20px;
				justify-content: flex-end;
				align-items: center;
				color: var(--blue);
				font-weight: bold;
				& svg{
					margin-left: 10px;
					height: 15px;
					width: 15px;
					& path{
						stroke: var(--blue);
						transition: 0.3s;
					}
				}
				&&:hover{
					color: var(--hover-color);
					& svg{
						& path{
							stroke: var(--hover-color);
						}
					}
				}
			}
		}
	}
	& .slick-list{
		& .slick-track{
			display: flex;
			margin-bottom: 8px;
			& .slick-slide{
				height: auto;
			}
		}
	}
	& .slick-prev{
		left: 40px;
	}
	& .slick-next{
		right: 40px;
	}
	& .slick-prev, .slick-next{
		width: 30px;
		height: 30px;
		z-index: 9;
		&::before{
			font-size: 35px;
			color: var(--black);
		}
	}
}

@media (max-width: 767px){
	& .professionals{
		& .professional{
			padding: 20px 20px 10px;
			& .profile{
				padding-bottom: 10px;
				margin-bottom: 20px;
				& .img{
					width: 40%;
				}
				& .name{
					font-size: 16px;
					font-weight: bold;
					& .name{
						font-size: 16px;
					}
					& .role{
						font-size: 10px;
						margin-bottom: 8px;
					}
				}
			}
			& .text-box{
				height: 140px;
			}
			& .qualification{
				display: flex;
				margin-top: 20px;
				font-size: 12px;
				& span{
					margin-right: 10px;
					height: 100%;
					word-break: keep-all;
				}
			}
			& .detile-link{
				padding-top: 10px;
			}
			& .detile-link {
				& a {
					font-size: 14px;
					& svg{
						height: 12px;
						width: 12px;
					}
				}
			}
		}
		& .slick-prev{
			left: 30px;
		}
		& .slick-next{
			right: 30px;
		}
	}
}

.contact-banner{
	display: flex;
	background-color: var(--white);
	border-radius: 35px;
	overflow: hidden;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
	& .img{
		overflow: hidden;
		width: 50%;
		& img{
			height: 100%;
			aspect-ratio: 314 / 125;
		}
	}
	& .text-area{
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 50%;
	}
}

.column-double{
	& .contact-banner{
		display: flex;
		background-color: var(--white);
		border-radius: 35px;
		overflow: hidden;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
		& .img{
			overflow: hidden;
			width: 50%;
			& img{
				height: 100%;
				aspect-ratio: 314 / 125;
			}
		}
		& .text-area{
			padding: 10px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 50%;
			font-size: 14px;
			.button-contact2 {
				margin-top: 10px!important;
				& .text{
					font-size: 14px;
				}
				& a{
					width: 300px;
					height: 60px;
					font-size: 14px;
					& .free{
						font-size: 14px;
					}
					& .text-area {
						width: calc(100% - 80px);
					}
				}
			}
		}
	}
}

@media (max-width: 1199px){
	& .contact-banner{
		& .img{
		}
		& a{
			width: auto;
		}
	}
}
@media (max-width: 767px){
	& .contact-banner{
		flex-wrap: wrap;
		& .img{
			width: 100%;
			& img{
				width: 100%;
				height: auto;
			}
		}
		& .text-area{
			width: 100%;
		}
		& a{
			width: auto;
			& .free{
				font-size: 3vw;
			}
			& .text-area{
				font-size: 3.5vw;
			}
		}
	}
	.column-double{
		& .contact-banner{
			flex-wrap: wrap;
			& .img{
				width: 100%;
				& img{
					width: 100%;
					height: auto;
				}
			}
			& .text-area{
				width: 100%;
			}
			& a{
				width: auto;
				& .free{
					font-size: 3vw;
				}
				& .text-area{
					font-size: 3.5vw;
				}
			}
		}
	}
}

.articles-wrapper{
	margin-top: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid var(--bluegray);
	&:last-child{
		border-bottom: 1px solid var(--bluegray);
		&&.no-line{
			border-bottom: none;
		}
	}
	&&.no-line{
		border-top: none;
		padding-top: 0;
		margin-top: 80px;
	}
}

.article-list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	& .article{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: calc((100% - 30px) / 2);
		padding: 30px;
		margin-bottom: 20px;
		margin-right: 30px;
		color: var(--font-color);
		text-decoration: none;
		&:hover{
			opacity: 0.7;
			background-color: var(--hover-color-light);
		}
		&:nth-child(even){
			margin-right: 0;
		}
		& .img{
			width: 150px;
			overflow: hidden;
			margin-right: 20px;
			& img{
				width: 100%;
				height: auto;
			}
		}
		& .text{
			width: calc(100% - 170px);
			& .title{
				line-height: 1.5;
			}
		}
	}
}
.column-double{
	& .article-list{
		& .article{
			width: 100%;
			margin-right: 0px;
		}
	}
}

@media (max-width: 767px){
	& .articles-wrapper{
		margin-top: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	& .article-list{
		& .article{
			width: 100%;
			margin-bottom: 20px;
			margin-right: 0;
			color: var(--font-color);
			&:nth-last-child(-n + 2){
				margin-bottom: 20px;
			}
			&:nth-last-child(1){
				margin-bottom: 0;
			}
			& .img{
				width: 100px;
			}
			& .text{
				width: calc(100% - 120px);
			}
		}
	}

	.home .article-list .article:nth-child(4){
		display: none;
	}
}

.announcement-list{
	& .announcement{
		& a{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 30px 10px;
			border-top: 1px solid var(--bluegray);
			text-decoration: none;
			color: var(--font-color);
			&:hover{
				background-color: var(--hover-color-light);
			}
			& .date{
				font-size: 0.8em;
				color: var(--darkgray);
				margin-right: 40px;
			}
			& .category{
				border: 1px solid var(--blue);
				border-radius: 5px;
				color: var(--blue);
				font-size: 0.6em;
				margin-right: 40px;
				padding: 5px;
			}
		}
		&:last-child{
			& a{
				border-bottom: 1px solid var(--bluegray);
			}
		}
	}
}

@media (max-width: 767px){
	#announcement{
		& .announcement-list{
			& .announcement{
				& a{
					flex-wrap: wrap;
					& .date{
						margin-right: 20px;
					}
					& .category{
						margin-right: 20px;
					}
					& .title{
						margin-top: 10px;
						width: 100%;
					}
				}
			}
		}
	}
}

#media{
	.media-list{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 0 100px !important;
		margin-top: 30px;
		li{
			display: flex;
			align-items: center;
			justify-content: center;
			width: calc((100% - 240px) / 6);
			margin: 20px;
			img{
				max-width: 100px;
			}
		}
	}
}

@media (max-width: 767px){
	#media{
		.media-list{
			margin-top: 30px;
			padding: 0 15px !important;
			li{
				width: calc((100% - 60px) / 3);
				margin: 10px;
				img{
					max-width: 60px;
				}
			}
		}
	}
}

/* --------------------------------
	LP
-------------------------------- */
.page-template-page-lp{
	& .main-visual{
		background-image: url('../img/form-main-visual-img.png');
		background-repeat: no-repeat;
		background-position: top right;
		background-size: auto 100%;
		height: 520px;
		& .wrap{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			height: 100%;
			& .text-area{
				width: 60%;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				& .mv-text{
					font-size: 48px;
					font-family: "M PLUS Rounded 1c", serif;
				}
				& .blue-ribbon{
					width: 100%;
					text-align: center;
					display: inline-block;
					background-color: var(--blue);
					font-weight: bold;
					color: var(--white);
					font-size: 30px;
					padding: 10px;
				}
			}
		}
	}

	#troubls{
		& .gray-round-box{
			& .troubl-list{
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				background-color: var(--white);
				padding: 30px;
				& li{
					width: calc((100% - 30px) / 2);
					display: flex;
					justify-content: flex-start;
					align-items: center;
					margin-bottom: 10px;
					font-size: 20px;
					line-height: 1.4;
					margin-left: 30px;
					margin-top: 15px;
					&:nth-child(n + 1){
						margin-left: 0;
					}
					&:nth-child(1), &:nth-child(2){
						margin-top: 0;
					}
					&::before{
						content: '';
						width: 28px;
						height: 28px;
						background-image: url('../img/icon-check.svg');
						background-repeat: no-repeat;
						background-position: center;
						background-size: 15px auto;
						margin-right: 10px;
						border-radius: 50px;
						background-color: var(--blue);
					}
					& .list-content{
						width: calc(100% - 38px);
					}
				}
			}
		}
		& .plans{
			& .plan{
				margin-top: 30px;
				&:first-child{
					margin-top: 0;
				}
			}
		}
	}
}

.accordion-headline{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 22px;
	padding-right: 80px;
	&::after{
		position: absolute;
		right: 30px;
		top: 50%;
		margin-top: -20px;
		content: "";
		width: 40px;
		height: 40px;
		background-image: url('../img/icon-arrow-circle.svg');
		background-repeat: no-repeat;
		transform: rotate(180deg);
		transition: 0.3s;
	}
	& img{
		margin-right: 10px;
		max-width: 70px;
	}
	&.open{
		&::after{
			transform: rotate(0deg);
		}
	}
}
.accordion-content{
	border-top: 3px solid var(--blue);
}

@media (max-width: 1199px){
	& .page-template-page-lp{
		& .main-visual{
			background-image: url('../img/form-main-visual-img.png');
			background-repeat: no-repeat;
			background-position: top right;
			background-size: auto 100%;
			height: 520px;
			& .wrap{
				& .text-area{
					width: 55%;
					& .mv-text{
						font-size: 4vw;
					}
					& .blue-ribbon{
						font-size: 2.2vw;
					}
				}
			}
		}
	}

	#troubls{
		& .gray-round-box{
			& .troubl-list{
				background-color: var(--white);
				padding: 30px;
				& li{
					display: flex;
					justify-content: flex-start;
					align-items: center;
					margin-bottom: 10px;
					line-height: 1.4;
					&::before{
						content: '';
						width: 50px;
						height: 50px;
						background-image: url('../img/icon-check.svg');
						background-repeat: no-repeat;
						background-position: center;
						margin-right: 20px;
						border-radius: 50px;
						background-color: var(--blue);
					}
					& .list-content{
						width: calc(100% - 70px);
					}
				}
			}
		}
	}
}

@media (max-width: 767px){
	& .accordion-headline{
		font-size: 16px;
		&&::after{
			margin-top: -15px;
			content: "";
			width: 30px;
			height: 30px;
			right: 15px;
			background-size: cover;
		}
	}
	& .page-template-page-lp{
		& #content{
			font-size: 14px;
		}
		& .main-visual{
			/* position: relative;
			background-image: url('../img/form-main-visual-sp.png');
			background-repeat: no-repeat;
			background-position: top center;
			background-size: 100% auto;
			width: 100%;
			height: auto;
			aspect-ratio: 1 / 1; */
			background-repeat: no-repeat;
			background-position: right -20% center;
			background-size: 70% auto;
			width: 100%;
			height: auto;
			aspect-ratio: 9 / 4;
			&::before {
				/* content: "";
				width: 100%;
				height: 50%;
				display: block;
				background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 25%);
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1; */
			}
			& .wrap{
				position: relative;
				width: 100%;
				align-items: flex-end;
				z-index: 2;
				& .text-area{
					/* width: 100%;
					padding-bottom: 30px; */
					width: 58%;
					padding-bottom: 7%;
					& .mv-text{
/* 					font-size: 6.5vw; */
						font-size: 4vw;
					}
					& .blue-ribbon{
/* 					font-size: 3.5vw; */
						font-size: 2.8vw;
					}
				}
			}
		}
		#troubls{
			& .gray-round-box{
				& .troubl-list{
					background-color: var(--white);
					padding: 20px;
					& li{
						width: 100%;
						display: flex;
						justify-content: flex-start;
						align-items: center;
						margin-top: 10px;
						font-size: 16px;
						&:nth-child(1) {
							margin-top: 0px;
						}
						&:nth-child(2) {
							margin-top: 10px;
						}
						&::before{
							content: '';
							width: 28px;
							height: 28px;
							background-size: 15px auto;
							border-radius: 50px;
							background-color: var(--blue);
						}
						& .list-content{
							width: calc(100% - 50px);
						}
					}
				}
			}
			& .plans{
				& .plan{
					border-radius: 15px;
					margin-top: 20px;
					&:first-child{
						margin-top: 0;
					}
				}
				& .plan-headline{
					font-size: 3.5vw;
				}
			}
		}
	}
}

#reason{
	& .reasons{
		& .reason{
			position: relative;
			margin-right: 30px;
			&:last-child{
				margin-right: 0;
			}
		}
	}
}

@media (max-width: 767px){
	#reason{
		& .reasons-wrap{
			width: 100%;
			overflow-x: scroll;
			-ms-overflow-style: none;
			scrollbar-width: none;
			& .reasons{
				display: flex;
				width: 220%;
				margin-top: 0;
				& .reason{
					width: calc((100% - 60px) / 3);
					position: relative;
					margin-right: 30px;
					&:last-child{
						margin-right: 0;
					}
				}
				& .number-box {
					&::before {
						font-size: 20px;
						width: 35px;
						height: 35px;
					}
				}
			}
		}
	}
}

#financial-planner{
	& .border-box{
		position: relative;
		margin-top: 100px;
		& .black-ribbon{
			position: absolute;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 80%;
			left: 10%;
			top: -50px;
			letter-spacing: .1em;
			color: var(--white);
			z-index: 1;
			text-align: center;
			font-weight: bold;
			height: 100px;
			&::before{
				position: absolute;
				z-index: -1;
				top: 0; bottom: 0; left: 0; right: 0;
				transform: skewX(-45deg);
				content: "";
				background-color: var(--text-color);
			}
			& .hukidashi{
				position: absolute;
				left: -50px;
				top: -50px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 90px;
				width: 100px;
				height: 100px;
				background-color: var(--yellow);
				font-size: 0.8em;
				color: var(--text-color);
				&::before {
					content: "";
					position: absolute;
					bottom: -8px;
					right: -8px;
					margin-top: -15px;
					border: 15px solid transparent;
					border-left: 15px solid var(--yellow);
					z-index: 0;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}
			}
		}
	}
	& .qualifications{
		display: flex;
		flex-wrap: wrap;
		& li{
			border: 1px solid var(--blue);
			padding: 4px 6px 3px;
			color: var(--blue);
			font-size: 12px;
			line-height: 1;
			border-radius: 2em;
		}
	}
	& .financial-planners{
		& .financial-planner{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			& .common-button{
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 18px;
				& svg{
					width: 20px;
					height: 20px;
					margin-left: 10px;
					& path{
						fill: var(--darkblue);
					}
				}
			}
		}
		& .img{
			width: 120px;
			aspect-ratio: 1 / 1;
			background-color: var(--bluegray);
			margin-right: auto;
			margin-left: auto;
			border-radius: 120px;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
			& img{
				width: 100%;
				height: 100%;
				max-width: 150%;
			}
		}
		& .slick-prev{
			left: 30px;
		}
		& .slick-next{
			right: 30px;
		}
	}
}

@media (max-width: 767px){
	#financial-planner {
		& .financial-planners {
			& .slick-prev {
				left: 30px;
			}
			& .slick-next {
				right: 30px;
			}
			& .slick-slide{
				margin-right: 10px;
				margin-left: 10px;
				& > div{
					width: 100%;
				}
				& .financial-planner {
					margin-right: 0!important;
					margin-left: 0!important;
					& .common-button{
						width: 100%;
						display: flex;
						font-size: 14px;
						padding: 10px;
						& svg{
							width: 12px;
							height: 12px;
							margin-left: 5px;
						}
					}
				}
			}
		}
		& .slick-dots li button:before{
			font-size: 10px;
			transition: font-size 0.3s;
		}
		& .slick-dots li.slick-active button:before{
			color: var(--blue);
			font-size: 16px;
		}
	}
}

@media (max-width: 479px) {
	#financial-planner {
		& .financial-planners {
			& .slick-slide {
				& .financial-planner {
					& .common-button {
						font-size: 2.5vw;
					}
				}
			}
		}
	}
}

#voices{
	overflow: hidden;
	& .voices{
		padding-top: 60px;
		& .voice{
			position: relative;
			overflow: visible;
			& .img{
				position: absolute;
				top: -60px;
				left: 50%;
				transform: translateX(-60px);
				width: 120px;
				aspect-ratio: 1 / 1;
				background-color: var(--bluegray);
				margin-right: auto;
				margin-left: auto;
				border-radius: 120px;
				display: flex;
				justify-content: center;
				align-items: center;
				overflow: hidden;
				& img{
					width: auto;
					height: 100%;
					max-width: 150%;
				}
			}
		}
		& .slick-list{
			overflow: visible;
		}
	}
}


@media (max-width: 1199px){
	#financial-planner{
		& .border-box{
			& .black-ribbon{
				font-size: 3vw;
			}
		}
	}
}

@media (max-width: 767px){
	#financial-planner{
		& .border-box{
			position: relative;
			margin-top: 100px;
			& .black-ribbon{
				font-size: 16px;
				padding: 20px;
				&::before{
					position: absolute;
					z-index: -1;
					top: 0; bottom: 0; left: 0; right: 0;
					transform: skewX(-45deg);
					content: "";
					background-color: var(--text-color);
				}
				& .hukidashi{
					position: absolute;
					left: -30px;
					top: -30px;
					width: 70px;
					height: 70px;
					font-size: 16px;
					&::before {
						content: "";
						position: absolute;
						bottom: -8px;
						right: -8px;
						margin-top: -15px;
						border: 15px solid transparent;
						border-left: 15px solid var(--yellow);
						z-index: 0;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
					}
				}
			}
		}
	}
}

.faq{
	& .faq-q{
		font-weight: bold;
		&::before{
			content: "Q";
			font-size: 2em;
			color: var(--blue);
			margin-right: 20px;
		}
	}
	& .faq-a{
		&::before{
			content: "A";
			font-size: 3em;
			color: var(--orange);
			margin-right: 20px;
			font-weight: bold;
		}
	}
}

.many-time-free{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: relative;
	color: var(--orange);
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	& span{
		padding-right: 30px;
		padding-left: 30px;
	}
	&::after{
		content: "";
		display: block;
		width: 30%;
		height: 1px;
		background-color: var(--orange);
	}
	&::before{
		content: "";
		display: block;
		width: 30%;
		height: 1px;
		background-color: var(--orange);
	}
}

@media (max-width: 767px){
	& .many-time-free{
		font-size: 1.3em;
		&::before, &::after{
			width: 18%;
		}
		& span{
			padding-right: 20px;
			padding-left: 20px;
		}
	}
}

@media (max-width: 767px){
	.values{
		display: flex;
		flex-wrap: wrap;
		& .value{
			width: calc((100% - 20px) / 2);
			&:first-child{
				margin-right: 20px;
			}
		}
	}
}

#contact-form{
	padding-top: 0;
	& #step1{
		& .form-wrap{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
			& .mwform-checkbox-field{
				display: block;
				width: calc((100% - 20px) / 2);
				background-color: var(--white);
				margin-top: 20px;
				margin-right: 20px;
				margin-left: 0;
				border: 1px solid var(--darkgray);
				border-radius: 20px;
				&:nth-child(2n){
					margin-right: 0px;
				}
				&:nth-child(-n + 2){
					margin-top: 0px;
				}
				& label{
					display: flex;
					line-height: 1.2;
					width: 100%;
					height: 100%;
					cursor: pointer;
					padding: 30px;
				}
				& .form-button{
					padding: 20px;
					color: var(--white);
					font-size: ;
				}
			}
		}
		& .form-button{
			margin-left: auto;
			margin-right: auto;
			padding: 30px 50px;
			font-size: 20px;
			background-color: var(--darkgray);
			color: var(--white);
			font-weight: bold;
			border-radius: 100px;
			&&.active{
				background-color: var(--darkblue);
				cursor: pointer;
				&:hover{
					opacity: 0.7;
				}
			}
		}
	}
	& #step2{
		display: none;
	}
	&&.step2{
		& #step1{
			display: none;
		}
		& #step2{
			display: block;
		}
	}
	& .protection{
		max-height: 250px;
		background-color: var(--white);
		padding: 20px;
		overflow-y: scroll;
		margin-right: auto;
		margin-left: auto;
	}
	& .accept-wrapper{
		& label{
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: normal;
		}
		& input[type="checkbox"]{
			width: 20px;
			height: 20px;
			padding: 0;
			margin: 0;
			margin-right: 10px;
		}
	}
}

@media (max-width: 767px){
	& #contact-form {
		& #step1 {
			& .form-button{
				font-size: 0.75rem;
				padding: 15px 20px;
				width: fit-content;
				margin-right: auto;
				margin-left: auto;
			}
			& .form-wrap {
				& .mwform-checkbox-field {
					& label {
						padding: 20px;
					}
				}
			}
		}
		& .protection{
			max-width: 250px;
		}
	}
}

#ui-datepicker-div{
	& .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
		border-radius: 0;
	}
	& .ui-widget-header{
		border: none;
		background: none;
		color: #222;
		font-weight: normal;
		border-radius: 0;
	}
	& .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
		display: flex;
		border: 1px solid #d3d3d3;
		aspect-ratio: 1 / 1;
		justify-content: center;
		align-items: center;
		background: none;
		transition: 0.3s;
		&:hover{
			background-color: var(--gray);
		}
	}
	& thead tr th:nth-child(7){
		color: var(--blue);
	}
	& thead tr th:nth-child(1){
		color: var(--red);
	}
	& select.ui-datepicker-year {
		width: auto;
		margin-right: 5px;
		font-weight: bold;
		border: none;
	}
	& select.ui-datepicker-month {
		width: auto;
		margin-left: 10px;
		font-weight: bold;
		border: none;
	}
	& .ui-datepicker-prev, .ui-datepicker-next{
		background-color: var(--white);
		border: none;
		&:hover{
			background: var(--gray)!important;
			border: none;
		}
	}
}

/* --------------------------------
	Product LP
--------------------------------*/
.single-lp {
	& .header-text{
		padding: 5px;
		background-color: var(--lp-main-color);
		color: var(--white);
	}
	& .main-visual {
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
		background-repeat: no-repeat;
		background-position: top right;
		background-size: auto 100%;
		height: 436px;
		background-color: var(--lp-mv-color);

		& .img {
			position: absolute;
			top: 50%;
			right: 0;
			transform: translate(0, -50%);
			background-repeat: no-repeat;
			background-position: center;
			background-size: auto 100%;
			width: 60%;
			aspect-ratio: 64 / 37;
			z-index: 1;

			&::after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 30%;
				height: 100%;
				background: linear-gradient(to right, var(--lp-mv-color) 0%, rgba(234, 237, 246, 0) 100%);
				pointer-events: none;
			}
		}

		& .text-area {
			position: relative;
			width: 60%;
			height: 100%;
			padding: 50px 0;
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			z-index: 2;

			& .text-box{
				color: var(--lp-mv-text-color);
				& .sub-color{
					color: var(--lp-mv-text-color2);
				}
			}

			& .product-logo {
				& a {
					& img {
						height: 80px;
						width: auto;
					}
				}
			}

			& .mv-text {
				font-size: 48px;
				font-family: "M PLUS Rounded 1c", serif;
			}

			& .common-button {
				background-color: var(--lp-main-color);
				border-color: var(--lp-main-color);
				color: var(--white);
			}
		}
	}
	& .lp-headline{
		position: relative;
		font-weight: bold;
		text-align: center;
		padding-bottom: 15px;
		font-size: 24px;
		margin-bottom: 30px;
		&::after{
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			content: "";
			width: 70px;
			height: 3px;
			margin: auto;
			background-color: var(--blue);
		}
	}

	& #product-list{
		display: flex;
		flex-wrap: wrap;
		& .category-headline-border{
			width: 100%;
		}
		& .product-loop-full {
			width: calc((100% - 60px) / 3);
			margin-left: 30px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			&:last-child{
				margin-bottom: 30px;
			}
			& .application {
				& .application-list {
					display: flex;
					align-items: center;
					justify-content: center;
					& li {
						display: inline-flex;
						justify-content: flex-start;
						align-items: center;
						padding: 5px 13px 5px 5px;
						background-color: var(--gray);
						color: var(--blue);
						font-weight: bold;
						font-size: 0.6em;
						border-radius: 30px;
						margin-right: 7px;
						line-height: 1.5;
						&.on{
							background-color: var(--blue);
							color: var(--white);
							& svg{
								width: 12px;
								height: 12px;
								path{
									fill: var(--white);
								}
							}
						}
					}
				}
			}
			& .product-logo{
				text-align: center;
				max-height: 80px;
				& a{
					display: block;
					height: 100%;
					max-height: 90px;
					& img{
						max-height: 90px;
						height: 100%;
						width: auto;
					}
				}
			}
			& .button-box{
				display: block;
				& .button{
					display: block;
					width: 100%;
					border: 1px solid var(--brightblue);
					color: var(--brightblue);
					font-weight: bold;
					padding: 20px;
					margin-right: 30px;
					border-radius: 10px;
					text-align: center;
					&.orange{
						padding: 20px 20px 20px 40px;
						background-image: url(../img/icon-popup.svg);
						background-repeat: no-repeat;
						background-position: left 15px center;
						background-color: var(--lp-main-color);
						color: var(--white);
						border: 1px solid var(--lp-main-color);
						&.none{
							border: var(--bluegray);
							background-color: var(--bluegray);
							pointer-events: none;
						}
					}
					&&.order{
						cursor: pointer;
						position: relative;
						padding-left: 40px;
						transition: 0.3s;
						padding-top: 0;
						padding-bottom: 0;
						padding-right: 0;
						border: none;
						&&.can-not-order{
							pointer-events: none;
							border-color: var(--bluegray);
							color: var(--bluegray);
							& svg{
								& .square{
									stroke: var(--bluegray);
								}
								& path{
									fill: var(--bluegray);
								}
							}
						}
						& svg{
							position: absolute;
							left: 20px;
							top: 50%;
							margin-top: -9.5px;
						}
						& .in-cart-text{
							display: none;
						}
						& .out-cart-text{
							display: inline;
						}
					}
					&:last-child{
						margin-right: 0;
					}
					&:hover{
						opacity: 0.7;
					}
				}
			}
			&&.in-cart{
				& .button-box{
					& .button{
						&&.order{
							& svg{
								& .square{
									stroke: var(--blue);
									fill: var(--blue);
								}
								& path{
									fill: var(--white);
								}
							}
							& .in-cart-text{
								display: inline;
							}
							& .out-cart-text{
								display: none;
							}
						}
					}
				}
			}
		}
		& .category-headline-border + .product-loop-full{
			margin-left: 0;
			&:nth-child(3n){
				margin-left: 0;
			}
		}
	}
}

@media (min-width: 1400px){
	.single-lp {
		& .main-visual {
			height: 550px;
			.img{
				width: 50%;
			}
		}
	}
}

@media (max-width: 767px){
	.single-lp {
		& .main-visual {
			display: block;
			height: auto;
			& .img {
				position: relative;
				top: 0;
				right: 0;
				transform: none;
				width: 100%;
				aspect-ratio: 64 / 37;
				z-index: 1;
				&::after {
					content: none;
				}
			}
			& .text-area{
				position: relative;
				left: 0;
				top: 0;
				width: 100%;
				padding: 30px 20px;
				margin-top: -70px;
			}
		}
		& section.insurances{
			& .insurance-list {
				align-items: normal;
				& li {
					height: auto;
					width: calc(50%);
					margin: 0;
					aspect-ratio: auto;
					margin: 0 !important;
					& a{
						display: flex;
						align-items: center;
						height: 100%;
						position: relative;
						background: transparent;
						color: var(--lp-main-color);
						border-bottom: 1px solid var(--lp-main-color);
						border-right: 1px solid var(--lp-main-color);
						border-radius: 0;
						font-size: 12px;
						padding: 10px 32px 10px 10px;
						&::after{
							position: absolute;
							top: 50%;
							right: 10px;
							content: "";
							width: 9px;
							height: 9px;
							display: inline-block;
							vertical-align: middle;
							color: var(--lp-main-color);
							line-height: 1;
							border: 0.1em solid currentColor;
							border-left: 0;
							border-bottom: 0;
							box-sizing: border-box;
							transform: translateY(-7px) rotate(135deg);
						}
						& img{
							display: none;
						}
						& br{
							display: none;
						}
					}
					&:nth-child(-n + 2){
						& a{
							border-top: 1px solid var(--lp-main-color);
						}
					}
					&:nth-child(odd){
						& a{
							border-left: 1px solid var(--lp-main-color);
						}
					}
				}
			}
		}
		& #product-list {
			& .product-loop-full {
				width: 100%;
				margin-left: 0;
			}
		}
	}
}

/* --------------------------------
	Product
--------------------------------*/
.headline-product{
		font-size: 1.4em;
		font-weight: bold;
		border-left: 10px solid var(--blue);
		margin-top: 50px;
		padding-left: 15px;
		line-height: 1.4;
}
.headline-product2{
		font-size: 1.2em;
		border-bottom: 2px solid var(--blue);
		color: var(--blue);
		margin-top: 30px;
		font-weight: bold;
		margin-bottom: 30px;
		padding-bottom: 5px;
		line-height: 1.4;
}
.headline-product3{
		color: var(--white);
		font-weight: bold;
		background-color: var(--blue);
		border-radius: 15px;
		padding: 12px;
		margin-top: 40px;
		margin-bottom: 30px;
		line-height: 1.4;
}
.headline-product2 + .headline-product3{
	margin-top: 30px;
}
article.lic{
	& .company{
		& a{
			display: inline-flex;
			align-items: center;
			justify-content: flex-start;
			color: var(--blue);
			font-weight: bold;
			& .logo{
				display: inline-block;
				margin-right: 10px;
				height: 50%;
				border: 1px solid #ccc;
				& img{
					width: auto;
					height: 50px;
				}
			}
			&:hover{
				color: var(--hover-color);
			}
		}
	}
	& .title{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		& .rank{
			position: relative;
			width: 42px;
			height: 30px;
			margin-right: 15px;
			& svg{
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				width: 100%;
				height: 100%;
				z-index: 1;
				& path{
					fill: var(--blue);
				}
			}
			&.rank1{
				& svg path {
					fill: var(--gold);
				}
			}
			&.rank2{
				& svg path {
					fill: var(--silver);
				}
			}
			&.rank3{
				& svg path {
					fill: var(--bronze);
				}
			}
			& .number{
				position: absolute;
				top: 3px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				font-size: 18px;
				font-weight: bold;
				color: var(--white);
				z-index: 2;
			}
		}
		& .img{
			width: 150px;
		}
		& h1{
			font-size: 26px;
			font-weight: bold;
			line-height: 1.4;
		}
	}
	& .form{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		& select{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			height: 50px;
			padding: 10px 30px 10px 10px;
			border: 1px solid var(--darkgray);
			background-image: url('../img/icon-tryangle.svg');
			background-repeat: no-repeat;
			background-position: center right 15px;
			background-color: var(--white);
			border-radius: 10px;
			-webkit-appearance: none;
			appearance: none;
		}
		& .age{
			width: 150px;
			margin-right: 20px;
		}
		& .sex{
			width: 150px;
		}
	}
	& .price{
		padding: 15px;
		background-color: var(--gray);
		border-radius: 20px;
		text-align: center;
		& .price-none{
			display: none;
		}
		&.none{
			& .price-text{
				display: none;
			}
			& .price-none{
				display: block;
				font-size: 1em;
			}
		}
	}
	& .application{
		display: flex;
		justify-content: center;
		align-items: center;
		& .application-list{
			& li{
				display: inline-flex;
				justify-content: flex-start;
				align-items: center;
				padding: 10px 20px 10px 10px;
				background-color: var(--gray);
				color: var(--blue);
				font-weight: bold;
				font-size: 0.8em;
				border-radius: 30px;
				margin-right: 10px;
				line-height: 1.5;
				&:last-child{
					margin-right: 0;
				}
				&.on{
					background-color: var(--blue);
					color: var(--white);
					& svg path{
						fill: var(--white);
					}
				}
			}
		}
	}
	& .features{
		& .feature-headline{
			font-weight: bold;
			background-color: var(--blue);
			display: flex;
			justify-content: flex-start;
			align-items: flex-end;
			padding: 10px 20px;
			border-radius: 35px 35px 0 0;
			font-size: 1.2em;
			line-height: 1.5;
			color: var(--white);
			& svg{
				margin-right: 10px;
			}
		}
		& .content{
			background-color: var(--gray);
			padding: 30px;
			border-radius: 0 0 35px 35px;
			line-height: 1.5;
			& p{
				margin-top: 20px;
				&&:first-child{
					margin-top: 0;
				}
			}
		}
	}
	& .points{
		& .point-headline{
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-weight: bold;
			color: var(--blue);
			font-size: 1.3em;
			line-height: 1.5;
			margin-bottom: 10px;
			& span{
				display: inline-block;
				padding-right: 30px;
				background-color: var(--white);
				z-index: 2;
			}
			&::after{
				position: absolute;
				content: '';
				display: block;
				height: 1px;
				width: 100%;
				background-color: var(--blue);
				z-index: 1;
			}
		}
		& li{
			display: flex;
			align-items: center;
			padding: 10px;
			font-size: 1.1em;
			font-weight: bold;
			& svg{
				width: 20px;
				margin-right: 10px;
			}
			& p{
				width: calc(100% - 30px);
			}
		}
	}
	& .guarantee-details{
		& .guarantee-list{
			display: flex;
			border-bottom: 1px solid var(--moregray);
			line-height: 1.5;
			& dt{
				width: 30%;
				padding: 25px;
				background-color: var(--gray);
				text-align: center;
			}
			& dd{
				width: 70%;
				padding: 25px;
			}
		}
		& .guarantee-list:not(.guarantee-list + .guarantee-list) {
			border-top: 1px solid var(--moregray);
		}
	}
	& .supervision-comments{
		width: 100%;
		position: relative;
		& .profile {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			border-bottom: 1px solid var(--bluegray);
			padding-bottom: 20px;
			margin-bottom: 0px;
			& .img {
				overflow: hidden;
				width: 100px;
				aspect-ratio: 1 / 1;
				border-radius: 50px;
				background-color: var(--bluegray);
				margin-right: 20px;
			}
			& .text-box {
				width: calc(100% - 100px);
				padding-right: 50px;
			}
			& .comment{
				line-height: 1.5;
				& p{
					margin-bottom: 20px;
					&:last-child{
						margin-bottom: 0;
					}
				}
			}
		}
		& .qualification{
			margin-top: 30px;
			font-size: 14px;
			color: var(--darkgray);
			& span{
				display: inline-block;
				padding: 5px 10px;
				border-radius: 15px;
				margin-bottom: 10px;
				font-size: 12px;
				background-color: var(--darkgray);
				color: var(--white);
				line-height: 1.2;
			}
		}
		& .arrow{
			display: block;
			position: absolute;
			top: 50%;
			right: 30px;
			margin-top: -20px;
			transform: rotate(90deg);
			&:hover{
				opacity: 0.8;
			}
		}
		&&.supervision-comment-bottom{
			& .profile {
				align-items: flex-start;
				border-bottom: none;
				padding-bottom: 0px;
				& .img {
					width: 100px;
				}
			}
		}
	}
	& .product-detail{
		padding: 20px;
		border-radius: 35px;
		background-color: var(--gray);
		& dl{
			display: flex;
			align-items: flex-start;
			border-top: 1px solid var(--darkgray);
			padding: 15px;
			line-height: 1.5;
			& dt{
				width: 30%;
				font-weight: bold;
			}
			& dd{
				width: 70%;
				& a{
					color: var(--link-color);
					&:hover{
						color: var(--hover-color);
					}
				}
			}
		}
	}
}

@media (max-width: 767px){
	article.lic {
		& .title {
			flex-wrap: wrap;
			& h1 {
				margin-top: 10px;
				width: 100%;
				font-size: 1.4em;
			}
		}
		& .supervision-comments {
			& .profile {
				& .img {
					width: 100px;
				}
				& .text-box {
					width: calc(100% - 70px);
					padding-right: 20px;
				}
			}
			& .arrow {
				width: 26px;
				height: 26px;
				margin-top: -13px;
				right: 15px;
			}
			& .qualification {
				font-size: 12px;
				color: var(--darkgray);
			}
		}
		& .price{
			&.none{
				text-align: left;
			}
		}
		& .points {
			& li {
				font-size: 14px;
			}
		}
		& .application {
			& .application-list {
				display: flex;
				align-items: center;
				width: 100%;
				& li{
					width: calc((100% - 10px) / 3);
					padding: 8px;
					margin-right: 5px;
					margin-bottom: 0px;
					font-size: 0.6em;
					& svg{
						margin-right: 4px;
						height: 12px;
						width: 12px;
					}
					& span{
						width: 100%;
						text-align: center;
						transform: translateX(-5px);
					}
					&:last-child{
						margin-right: 0;
					}
				}
			}
		}
		& .guarantee-details {
			& .guarantee-list {
				flex-wrap: wrap;
				& dt {
					width: 100%;
					text-align: left;
					padding: 15px 30px;
				}
				& dd {
					width: 100%;
					margin-left: 0;
					padding: 15px 30px;
				}
			}
		}
		& .product-detail {
			& dl {
				flex-wrap: wrap;
				& dt{
					width: 100%;
				}
				& dd {
					width: 100%;
					margin-left: 0;
				}
			}
		}
		& .features {
			& .content {
				padding: 15px 30px;
			}
		}
	}
}

/*sidebar*/
.sidebar-product{
	position: sticky;
	top: 20px;
	& .product-logo{
		text-align: center;
		& img{
			width: 180px;
		}
	}
	& .price {
		padding: 15px;
		background-color: var(--gray);
		border-radius: 20px;
		text-align: center;
	}
	& .price{
		& .price-none{
			display: none;
		}
		&.none{
			& .price-text{
				display: none;
			}
			& .price-none{
				display: block;
				font-size: 1em;
			}
		}
	}
	& .application{
		display: flex;
		justify-content: center;
		align-items: center;
		& .application-list{
			& li{
				display: inline-flex;
				justify-content: flex-start;
				align-items: center;
				padding: 6px 16px 6px 6px;
				background-color: var(--gray);
				color: var(--blue);
				font-weight: bold;
				font-size: 0.6em;
				border-radius: 30px;
				margin-right: 7px;
				line-height: 1.5;
				&:last-child{
					margin-right: 0;
				}
				&.on{
					background-color: var(--blue);
					color: var(--white);
					& svg path{
						fill: var(--white);
					}
				}
				& svg{
					width: 15px;
					height: 15px;
				}
			}
		}
	}
	& .button-square {
		font-size: 0.8em;
		padding: 15px;
		&&.order{
			padding: 15px 15px 15px 40px;
		}
	}
	& .button-double {
		& .button-square {
			display: flex;
			align-items: center;
			height: auto;
			justify-content: center;
			width: calc((100% - 10px) / 2);
		}
	}
	& .links{
		& .button-anker{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			color: var(--darkgray);
			background-image: url('../img/arrow-gray.svg');
			background-repeat: no-repeat;
			background-position: right center;
			& svg{
				margin-right: 10px;
			}
			& svg path ,svg rect{
				transition: 0.3s;
			}
			&:hover{
				color: var(--hover-color);
				& svg path ,svg rect{
					fill: var(--hover-color);
				}
			}
		}
	}
	&&.in-cart{
		& .button-square{
			&&.order{
				& svg{
					& .square{
						stroke: var(--blue);
						fill: var(--blue);
					}
					& path{
						fill: var(--white);
					}
				}
				& .in-cart-text{
					display: inline;
				}
				& .out-cart-text{
					display: none;
				}
			}
		}
	}
}

#code-modal {
	display: none; /* 初期状態では表示しない */
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	padding: 20px;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center; /* 水平方向・垂直方向中央に配置 */
	align-items: center;
	z-index: 9999;
}

#code-modal.show {
	display: flex; /* モーダル表示時にflex表示 */
	justify-content: center;
	align-items: center;
}

#code-modal .content {
	padding: 30px;
	width: 500px;
	max-width: 100%;
	border-radius: 20px;
	border: 2px solid var(--darkblue);
	background: var(--bluegray);
	padding: 20px;
	border-radius: 10px;
	text-align: center;

	.code-box {
		padding: 15px;
		margin: 20px 0;
	}

	.code-number {
		font-size: 20px;
		font-weight: bold;
		border: 1px solid var(--darkblue);
		border-bottom: none;
		background-color: var(--white);
		padding: 20px;
	}

	.code-button {
		background: var(--darkblue);
		color: white;
		padding: 20px;
		border-radius: 0;
		cursor: pointer;
		margin-top: 0px;
		font-weight: bold;
	}

	.close {
		background: var(--gray2);
		color: var(--font-color);
		padding: 10px;
		margin-top: 20px;
		cursor: pointer;
		text-align: center;
		border-radius: 5px;
	}

	.close:hover {
		background: #ddd;
	}
}

/* --------------------------------
	Product Achive
-------------------------------- */
.form{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	& select{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		height: 50px;
		padding: 10px 30px 10px 10px;
		border: 1px solid var(--darkgray);
		background-image: url('../img/icon-tryangle.svg');
		background-repeat: no-repeat;
		background-position: center right 15px;
		border-radius: 10px;
		font-size: 1.1em;
		-webkit-appearance: none;
		appearance: none;
	}
	& .age{
		width: 150px;
		margin-right: 20px;
	}
	& .sex{
		width: 150px;
	}
}

@media (max-width: 767px){
	.form{
		& select{
			font-size: 12px;
		}
	}
}

#ranking{
	& .ranking-header{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
}
.form-header{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.product-loop-full{
	margin-bottom: 30px;
	&:last-child{
		margin-bottom: 0;
	}
	& .name-box{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		& .rank{
			position: relative;
			width: 42px;
			height: 30px;
			margin-right: 15px;
			& svg{
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				width: 100%;
				height: 100%;
				z-index: 1;
				& path{
					fill: var(--blue);
				}
			}
			&.rank1{
				& svg path {
					fill: var(--gold);
				}
			}
			&.rank2{
				& svg path {
					fill: var(--silver);
				}
			}
			&.rank3{
				& svg path {
					fill: var(--bronze);
				}
			}
			& .number{
				position: absolute;
				top: 3px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				font-size: 18px;
				font-weight: bold;
				color: var(--white);
				z-index: 2;
			}
			&.pickup{
				padding: 10px;
				background-color: var(--darkgray);
				color: #fff;
				font-weight: bold;
				width: auto;
				height: auto;
				border-radius: 20px;
			}
		}
		& .rank + .product-title{
			width: calc(100% - 55px);
		}
	}
	& .img-box{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		border: 1px solid var(--bluegray);
		& .company-logo{
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 50px;
			height: 100%;
			width: 42%;
			border-right: 1px solid var(--bluegray);
			& a{
				display: block;
				&:hover{
					opacity: 0.7;
				}
			}
			& img{
				width: 100px;
			}
		}
		& .product-logo{
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 50px;
			height: 100%;
			width: 58%;
			& a{
				display: block;
				&:hover{
					opacity: 0.7;
				}
			}
			& img{
				width: 220px;
			}
		}
	}
	& .price-box{
		& .white-round-box{
			min-height: 80px;
		}
		& .price-none{
			display: none;
		}
		& .price.none{
			& .price-text{
				display: none;
			}
			& .price-none{
				display: block;
				font-size: 0.8em;
			}
		}
	}
	& .point-box{
		border: 1px solid var(--bluegray);
		border-radius: 10px;
		padding: 20px;
		& .point-list{
			& li{
				display: flex;
				align-items: center;
				font-weight: bold;
				font-size: 1.1em;
				margin-bottom: 10px;
				&:last-child{
					margin-bottom: 0;
				}
				& svg{
					width: 20px;
					margin-right: 10px;
				}
				& p{
					width: calc(100% - 30px);
				}
			}
		}
	}
	& .button-box{
		display: flex;
		& .button{
			display: block;
			width: calc((100% - 40px) / 3);
			border: 1px solid var(--brightblue);
			color: var(--brightblue);
			font-weight: bold;
			padding: 20px;
			margin-right: 30px;
			border-radius: 10px;
			text-align: center;
			&.orange{
				padding: 20px 20px 20px 40px;
				background-image: url(../img/icon-popup.svg);
				background-repeat: no-repeat;
				background-position: left 15px center;
				background-color: var(--orange);
				color: var(--white);
				border: 1px solid var(--orange);
				&.none{
					border: var(--bluegray);
					background-color: var(--bluegray);
					pointer-events: none;
				}
			}
			&&.order{
				cursor: pointer;
				position: relative;
				padding-left: 40px;
				transition: 0.3s;
				&&.can-not-order{
					pointer-events: none;
					border-color: var(--bluegray);
					color: var(--bluegray);
					& svg{
						& .square{
							stroke: var(--bluegray);
						}
						& path{
							fill: var(--bluegray);
						}
					}
				}
				& svg{
					position: absolute;
					left: 20px;
					top: 50%;
					margin-top: -9.5px;
				}
				& .in-cart-text{
					display: none;
				}
				& .out-cart-text{
					display: inline;
				}
			}
			&:last-child{
				margin-right: 0;
			}
			&:hover{
				opacity: 0.7;
			}
		}
	}
	&&.in-cart{
		& .button-box{
			& .button{
				&&.order{
					& svg{
						& .square{
							stroke: var(--blue);
							fill: var(--blue);
						}
						& path{
							fill: var(--white);
						}
					}
					& .in-cart-text{
						display: inline;
					}
					& .out-cart-text{
						display: none;
					}
				}
			}
		}
	}
}

@media (max-width: 767px){
	#ranking{
		& .ranking-header{
			flex-wrap: wrap;
			& .page-title{
				width: 100%;
				margin-bottom: 20px;
			}
			& .form-box{
				width: 100%;
			}
		}
	}
	& .form-header{
		flex-wrap: wrap;
		& .page-title{
			width: 100%;
			margin-bottom: 20px;
		}
		& .form-box{
			width: 100%;
		}
	}
	& .product-loop-full {
		& .img-box {
			& .company-logo{
				width: 40%;
				height: 100%;
				padding: 20px;
				& img{
					width: 120px;
				}
			}
			& .product-logo{
				width: 60%;
				height: 100%;
				padding: 20px;
			}
		}
		& .point-box {
			& .point-list {
				& li {
					font-size: 14px;
				}
			}
		}
		& .price-box{
			& > div{
				height: 100%;
				& > p{
					height: 20px;
				}
			}
			& .white-round-box{
				min-height: 60px;
				height: calc(100% - 20px);
			}
		}
		& .button-box{
			flex-wrap: wrap;
			& .button{
				width: 100%;
				margin-right: 0;
				margin-bottom: 10px;
				font-size: 16px;
				&:last-child{
					margin-bottom: 0;
				}
				&.orange{
					font-size: 14px;
				}
			}
		}
		& .explanation {
			font-size: 11px!important;
		}
	}
}

/* --------------------------------
	Cart
-------------------------------- */
#cart{
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90px;
	background-color: var(--oapcitygray);
	opacity: 0;
	padding: 0 15px;
	transform: translateY(20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
	pointer-events: none;
	z-index: 99;
	&&.active{
		display: flex;
		bottom: 0;
		z-index: 99;
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	& .common-button{
		background-color: var(--darkblue);
		color: var(--white);
		border-color: var(--darkblue);
		width: 380px;
		margin: 0 10px;
	}
	& .common-button.to-form{
		width: 350px;
		background-color: var(--orange);
		border-color: var(--orange);
	}
	&.insurance{
		& .common-button{
			margin: 0;
		}
		& .button-double {
			display: none;
		}
		& .button-double.show + #request-button{
			margin-top: 10px;
		}
	}

	& #consultation-button, #request-button {
		display: none;
	}
}
@media (max-width: 767px) {
	#cart{
		flex-wrap: wrap;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		& .common-button{
			width: 100%;
			padding: 15px;
			border-radius: 10px;
			font-size: 14px;
		}
		& .common-button.to-form{
			font-size: 18px;
			width: 300px;
			padding: 20px;
			border-radius: 150px;
		}
		& #consultation-button.show + #request-button.show{
			margin-top: 10px;
		}
		&.insurance{
			& .common-button{
			}
			& .button-double {
				display: none;
				width: 100%;
				margin-bottom: 0;
				&&.show{
					display: flex;
				}
				& .button-square {
					margin-bottom: 0px;
					width: calc((100% - 10px) / 2);
					background-color: var(--white);
					font-size: 12px;
					padding: 10px 10px 10px 20px;
					&&.in-cart {
						& svg {
							& .square {
								stroke: var(--blue);
								fill: var(--blue);
							}
							& path {
								fill: var(--white);
							}
						}
						& .out-cart-text {
							display: none;
						}
						& .in-cart-text {
							display: inline-block;
						}
					}
					&&.can-not-order {
						pointer-events: none;
						border-color: var(--bluegray);
						color: var(--bluegray);
					}
					&.orange{
						background-color: var(--orange);
					}
					& svg {
						width: 12px;
						height: 12px;
						margin-top: -6px;
					}
				}
			}
		}
	}
}

.contact-step{
	position: relative;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 50px;
	& .step{
		position: relative;
		list-style-type: none;
		text-align: center;
		text-transform: uppercase;
		width: 33.333%;
		color: var(--font-color);
		font-weight: bold;
		counter-increment: steps;
		&&::before{
			display: block;
			width: 60px;
			height: 60px;
			margin: 7px auto 20px auto;
			content: '';
			line-height: 60px;
			font-size: 24px;
			text-align: center;
			border-radius: 50%;
			background-color: var(--bluegray);
			color: var(--white);
			content: counter(steps);
		}
		&&::after{
			position: absolute;
			z-index: -1;
			top: 32px;
			left: -50%;
			width: 100%;
			height: 2px;
			content: '';
			background-color: var(--bluegray);
		}
		&&:first-child::after {
			content: none;
		}
	}
	&&.step1{
		& .step:nth-child(1){
			&&::before{
				background-color: var(--blue);
			}
		}
	}
	&&.step2{
		& .step:nth-child(2){
			&&::before{
				background-color: var(--blue);
			}
			&&::after{
				background-color: var(--blue);
			}
		}
	}
	&&.step3{
		& .step:nth-child(2){
			&&::after{
				background-color: var(--blue);
			}
		}
		& .step:nth-child(3){
			&&::before{
				background-color: var(--blue);
			}
			&&::after{
				background-color: var(--blue);
			}
		}
	}
}


.cart-product-list{
	& .shadow-box{
		position: relative;
		margin-bottom: 30px;
		&&:last-child{
			margin-bottom: 0;
		}
		& .number{
			display: none;
		}
		& .img{
			max-width: 200px;
			display: block;
		}
		& .delete{
			position: absolute;
			right: 30px;
			top: 50%;
			margin-top: -10px;
			cursor: pointer;
			transition: 0.3s;
			&&:hover{
				color: var(--hover-color);
			}
		}
	}
}

#no-product{
	display: none;
	&.show{
		display: block;
	}
}

.mw_wp_form_input{
	& .confirmpage{
		display: none;
	}
	& .form-row{
		font-size: 20px;
		margin-bottom: 30px;
		&::last-child{
			margin-bottom: 0;
		}
		& label{
			display: block;
			font-weight: bold;
			margin-bottom: 10px;
			line-height: 1.2;
			&&.required{
				&::after{
					content: "＊";
					color: var(--red);
					margin-left: 5px;
				}
			}
		}
		& .input{
			& input, select{
				background-color: var(--gray);
				padding: 15px;
				height: 60px;
				width: 100%;
				border: none;
				outline: 0;
			}
			& select{
				appearance: none;
			}
			&&.select{
				position: relative;
				&::before{
					position: absolute;
					top: 50%;
					margin-top: -5px;
					right: 20px;
					content: '';
					width: 15px;
					height: 10px;
					clip-path: polygon(0 0, 100% 0, 50% 100%);
					background-color: var(--black);
					pointer-events: none;
				}
			}
			& .mwform-radio-field{
				display: flex;
				margin-left: 20px;
				&:first-child{
					margin-left: 0;
				}
				& label{
					width: fit-content;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					font-weight: normal;
					font-size: 0.8em;
				}
				& input[type="radio"]{
					width: 20px;
					height: 20px;
					margin: 0;
					margin-right: 5px;
				}
			}
			&&.column2{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				& .input-wrap{
					width: calc((100% - 20px) / 2);
					& input, select{
						width: 100%;
					}
				}
			}
		}
	}
}
.mw_wp_form_confirm{
	border-top: 1px solid var(--gray);
	& .inputpage{
		display: none;
	}
	& .form-row{
		border-bottom: 1px solid var(--gray);
		padding: 30px 0;
		& .label{
			display: block;
			font-weight: bold;
			margin-bottom: 10px;
		}
	}
	& .only-input{
		display: none;
	}
	& #step1{
		padding-top: 30px;
	}
	& .column2{
		display: flex;
	}
}
.mw_wp_form .error{
	width: 100%;
	background-color: var(--pink);
	padding: 10px;
	font-size: 0.6em;
	font-weight: bold;
}

@media (max-width: 767px){
	.contact-step {
		margin-top: 30px;
		& .step {
			&&::before {
				width: 30px;
				height: 30px;
				font-size: 14px;
				line-height: 30px;
			}
			&&::after {
				top: 24px;
			}
		}
	}
	.cart-product-list{
		& .shadow-box{
			& .img{
				width: 100px;
				display: block;
				&& + p{
					width: calc(100% - 150px);
				}
			}
		}
	}

	.mw_wp_form_input {
		& .form-row {
			& label {
				font-size: 0.8em;
			}
			& .input {
				& input, select {
					height: 50px;
				}
			}
		}
	}
}

/* --------------------------------
	Supervision
-------------------------------- */
.supervision-comments{
	width: 100%;
	position: relative;
	& .profile {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 0px;
		& .img {
			overflow: hidden;
			width: 100px;
			aspect-ratio: 1 / 1;
			border-radius: 50px;
			background-color: var(--bluegray);
			margin-right: 20px;
		}
		& .name{
			width: calc(100% - 120px);
			& .name{
				width: 100%;
			}
		}
		& .text-box {
			width: calc(100% - 100px);
			padding-right: 50px;
			& .name{
				width: calc(100%);
				& .name{
					width: 100%;
				}
			}
		}
		& .comment{
			line-height: 1.5;
			& p{
				margin-bottom: 20px;
				&:last-child{
					margin-bottom: 0;
				}
			}
		}
	}
	& .qualification {
		margin-top: 30px;
		color: var(--darkgray);
		font-size: 14px;
		& span {
			display: inline-block;
			padding: 5px 10px;
			border-radius: 15px;
			margin-bottom: 10px;
			font-size: 12px;
			background-color: var(--darkgray);
			color: var(--white);
			line-height: 1.2;
		}
	}
	& .arrow{
		display: block;
		position: absolute;
		top: 50%;
		right: 30px;
		margin-top: -20px;
		transform: rotate(90deg);
		&:hover{
			opacity: 0.8;
		}
	}
}
@media (max-width: 767px){
	.supervision-comments{
		width: 100%;
		& .profile {
			& .qualification {
				font-size: 12px;
			}
		}
	}
}
/* --------------------------------
	productparts
-------------------------------- */
.product-ranking-small{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	& .product-loop-full{
		padding: 10px 0;
		width: calc((100% - 40px) / 3);
		height: fit-content;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 0;
		margin-top: 0;
		margin-left: 20px;
		&&:first-child{
			margin-left: 0px;
		}
		& p{
			margin-top: 0;
		}
		& .name-box{
			align-items: center;
		}
		& .logo{
			height: 80px;
			display: flex;
			justify-content: center;
			align-items: center;
			& a{
				& img{
					max-height: 100%;
					max-width: 70%;
					width: auto;
					object-fit: cover;
				}
			}
		}
		& .price {
			padding: 15px;
			background-color: var(--gray);
			border-radius: 20px;
			text-align: center;
			& .price-none{
				display: none;
			}
			&&.none{
				& .price-text{
					display: none;
				}
				& .price-none{
					display: block;
					font-size: 1em;
				}
			}
		}
		& .application-list{
			display: flex;
			justify-content: center;
			& li{
				display: inline-flex;
				justify-content: flex-start;
				align-items: center;
				padding: 6px 16px 6px 6px;
				background-color: var(--gray);
				color: var(--blue);
				font-weight: bold;
				font-size: 0.6em;
				border-radius: 30px;
				margin-right: 7px;
				line-height: 1.5;
				& svg {
					width: 15px;
					height: 15px;
				}
				&:last-child{
					margin-right: 0;
				}
				&.on{
					background-color: var(--blue);
					color: var(--white);
					& svg path{
						fill: var(--white);
					}
				}
			}
		}
	}
	& .explanation-link{
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		font-weight: bold;
		color: var(--blue);
		cursor: pointer;
		& svg{
			width: 13px;
			height: 10px;
			margin-top: 0;
			margin-left: 10px;
			transition: 0.3s transform;
			transform: rotate(90deg);
		}
		&&.open {
			& svg{
				transform: rotate(-90deg);
			}
		}
	}
	& .explanation {
		padding-top: 0;
		max-height: 0;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
		&&.open {
			padding-top: 10px;
			margin-top: 10px;
			max-height: 500px;
		}
	}
}

@media (max-width: 767px){
	.product-ranking-small-wrap{
		overflow-x: scroll;
		-ms-overflow-style: none;
		padding: 5px;
		scrollbar-width: none;
		&&::-webkit-scrollbar{
			display: none;
		}
	}
	.product-ranking-small{
		width: 210%;
		& .product-loop-full{
			width: calc((100% - 40px) / 3);
			& .application-list{
				flex-wrap: wrap;
				& li{
					width: auto;
					margin-bottom: 0;
					&&:last-child{
						margin-bottom: 0;
					}
				}
			}
			& .explanation-link{
				font-size: 10px;
				& svg{
					width: 13px;
					height: 10px;
				}
			}
		}
		& .button-square {
			font-size: 12px;
			min-height: 55px;
			&&.order {
				padding: 10px 10px 10px 35px;
				& svg {
					width: 15px;
					height: 15px;
				}
			}
			&&.orange {
				background-size: 15px 14px;
				font-size: 3.5vw;
				padding: 10px 10px 10px 25px;
			}
		}
	}
}

/* --------------------------------
	Companies
-------------------------------- */
.company-products{
	& .company-product-list{
		border-left: 1px solid var(--gray2);
		& .common-button{
			width: auto;
		}
		& .products{
			display: flex;
			flex-wrap: wrap;
			& .product{
				width: calc((100% - 90px) / 4);
				margin-top: 30px;
				margin-left: 30px;
				line-height: 1.2;
				text-align: center;
				& .img{
					display: flex;
					justify-content: center;
					align-items: center;
					height: 120px;
					border-radius: 10px;
					padding: 20px;
					border: 1px solid var(--gray2);
					margin-bottom: 10px;
					text-align: center;
				}
				&&:nth-child(1){
					margin-left: 0;
				}
				&&:nth-child(4n + 1){
					margin-left: 0;
				}
				&&:nth-child(-n + 4){
					margin-top: 0;
				}
			}
		}
	}
}

.column-double{
	& .company-products {
		& .logo{
			& a{
				display: block;
			}
		}
		& .company-product-list {
			& .products {
				& .product {
					font-size: 13px;
					& .img {
						height: 100px;
						padding: 10px;
					}
				}
			}
		}
	}
}

@media (max-width: 767px){
	.company-products{
		& .w20-md{
			align-items: center;
		}
		& .logo{
			max-width: 25%;
		}
		& .common-button{
			margin-left: 30px;
		}
		& .company-product-list{
			border-left: none;
			border-top: 1px solid var(--gray2);
			& .products{
				& .product{
					width: calc((100% - 30px) / 2);
					margin-top: 30px;
					margin-left: 30px;
					line-height: 1.2;
					&&:nth-child(1){
						margin-left: 0;
					}
					&&:nth-child(2n + 1){
						margin-left: 0;
					}
					&&:nth-child(-n + 4){
						margin-top: 30px;
					}
					&&:nth-child(-n + 2){
						margin-top: 0;
					}
					& .img{
						padding: 10px;
						height: 70px;
						border-radius: 0.5rem;
					}
				}
			}
		}
	}
	.column-double{
		& .company-products{
			& .w20-md{
				align-items: center;
			}
			& .logo{
				max-width: 40%;
			}
			& .company-product-list{
				border-left: none;
				border-top: 1px solid var(--gray2);
				& .products{
					& .product{
						width: calc((100% - 30px) / 2);
						margin-top: 30px;
						margin-left: 30px;
						line-height: 1.2;
						&&:nth-child(1){
							margin-left: 0;
						}
						&&:nth-child(2n + 1){
							margin-left: 0;
						}
						&&:nth-child(-n + 4){
							margin-top: 30px;
						}
						&&:nth-child(-n + 2){
							margin-top: 0;
						}
						& .img{
							padding: 10px;
							height: 70px;
							border-radius: 20px;
						}
					}
				}
			}
		}
	}
}

/* --------------------------------
	Blog
-------------------------------- */
.column, .single-post, .interview, .single-news{
	& .profile{
		cursor: pointer;
		& .img{
			width: 61px;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			position: relative;
			img{
				width: 54px;
				aspect-ratio: 1 / 1;
				border-radius: 50%;
				border: 3px solid white;
				position: relative;
			}
			&::before {
				content: "";
				position: absolute;
				inset: 0;
				border: 5px solid transparent;
				border-radius: 50%;
				background: linear-gradient(90deg, #ffd560 20%, #ff123f, #ba00da 95%) border-box;
				mask-clip: padding-box, border-box;
				mask-composite: exclude;
				-webkit-mask-clip: padding-box, border-box;
				-webkit-mask-composite: destination-out;
				transform: rotateZ(-45deg);
			}
		}
		& .qualification {
			display: none;
			padding: 10px 20px;
			border-left: 1px solid var(--gray2);
		}
		& .text-box{
			position: relative;
			display: inline-block;
			padding-right: 25px;
		}
		& .triangle {
			position: absolute;
			top: 50%;
			right: 0;
			display: inline-block;
			width: 10px;
			height: 10px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid black;
			cursor: pointer;
			transition: transform 0.3s;
		}
		&.active .triangle {
			transform: rotate(180deg);
		}
	}
	& .entry-meta{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	& .categorys{
		margin-left: 20px;
		& .category{
			display: inline-block;
			padding: 7px 15px;
			background-color: black;
			color: var(--white);
			font-weight: bold;
			font-size: 12px;
			margin-right: 5px;
			border-radius: 20px;
			&&:last-child{
				margin-right: 0;
			}
			& a{
				color: var(--white);
			}
		}
	}
	& .entry-title{
		font-weight: bold;
		font-size: 2em;
		line-height: 1.4;
		margin-top: 15px;
	}
	& .entry-content{
		padding-top: 50px;
	}
	& p + img{
		margin-top: 20px;
	}
	& p{
		margin-top: 20px;
	}
	& .supervision-comments{
		cursor: auto;
		padding: 20px;
		border: 1px solid var(--gray2);
		border-radius: 8px;
		& .comment-headline{
			display: inline-block;
			background-color: var(--text-color);
			color: white;
			font-weight: bold;
			padding: 10px;
			font-size: 0.8em;
			text-align: center;
			padding: 10px;
			margin-bottom: 20px;
			margin-top: 0;
		}
		& .comment-content{
			& .text-box{
				padding-right: 0;
			}
			& .comment{
				& p{
					margin-bottom: 20px;
					&:last-child{
						margin-bottom: 0;
					}
				}
			}
		}
	}
	& .supervision-detail{
		& .tabs{
			display: flex;
			& .tab{
				width: 50%;
				padding-bottom: 10px;
				border-bottom: 2px solid var(--gray);
				text-align: center;
				font-size: 1.4em;
				font-weight: bold;
				cursor: pointer;
				&&.active{
					border-color: var(--font-color);
				}
			}
		}
		& .img{
			width: 100px;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			position: relative;
			img{
				width: 92px;
				aspect-ratio: 1 / 1;
				border-radius: 50%;
				border: 4px solid white;
				position: relative;
			}
			&::before {
				content: "";
				position: absolute;
				inset: 0;
				border: 5px solid transparent;
				border-radius: 50%;
				background: linear-gradient(90deg, #ffd560 20%, #ff123f, #ba00da 95%) border-box;
				mask-clip: padding-box, border-box;
				mask-composite: exclude;
				-webkit-mask-clip: padding-box, border-box;
				-webkit-mask-composite: destination-out;
				transform: rotateZ(-45deg);
			}
		}
	}
	.insurance-ranking{
		width: 153.5%;
	}
	& .interviewer-box, .interviewee-box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 30px;
		& .icon{
			height: 65px;
			width: 65px;
			overflow: hidden;
			& img{
				padding: 4px;
				border-radius: 9999px;
			}
		}
		& .text-box{
			width: calc(100% - 85px);
			& .name{
				font-size: 0.8em;
				font-weight: bold;
				margin-top: 0;
				margin-bottom: 10px;
			}
			& .text{
				position: relative;
				border: 1px solid var(--gray2);
				border-radius: 15px;
				padding: 20px;
				& p:first-child{
					margin-top: 0;
				}
				&::after{
					content: "";
					display: block;
					position: absolute;
					width: 7.5px;
					height: 15px;
					top: 20px;
					background-image: url('../img/icon-hukidashi-triangle.svg');
					background-repeat: no-repeat;
					background-size: cover;
				}
				p:first-child{
					margin-top: 0;
				}
			}
		}
	}
	& .interviewer-box{
		margin-right: 30px;
		& .icon{
			& img{
				background: linear-gradient(135deg, var(--red), #ffdb76 95%) border-box;
			}
		}
		& .text-box{
			& .text{
				&::after{
					left: -7px;
				}
			}
		}
	}
	& .interviewee-box{
		& .icon{
			& img{
				background: linear-gradient(135deg, var(--blue), #8fecff) border-box;
			}
		}
		& .text-box{
			& .text{
				&::after{
					right: -7px;
					transform: rotate(180deg);
				}
			}
		}
	}
}

@media (max-width: 479px) {
	.column, .single-post, .interview, .single-news {
		& .entry-title {
			font-size: 1.25em;
		}
		& .supervision-comments {
			& .comment-content {
				& .text-box {
					& .name{
						& .name{
							font-size: 4.2vw !important;
							word-break: keep-all;
						}
					}
				}
			}
		}
	}
}

/*見出し*/
.single-h2{
	padding: 20px;
	background-color: var(--gray);
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.4;
	margin-top: 50px;
	margin-bottom: 30px;
	& + .single-h3{
		margin-top: 30px;
	}
}
.single-h3{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4;
	margin-top: 50px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--darkgray);
}
@media (max-width: 767px){
	.single-h2{
		padding: 15px;
		font-size: 1.2em;
	}
}

/*目次*/
.toc {
	border: 1px solid var(--gray2);
	padding: 30px;
	position: relative;
	border-radius: 8px;
	& h2{
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 30px;
	}
	& a{
		color: var(--lightblue);
		text-decoration: underline;
		&:hover{
			color: var(--hover-color);
		}
	}
}

.toc ul{
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	transition:
		line-height .3s ease-out,
		opacity		 .1s linear,
		visibility	.1s linear;
	& li{
		display: flex;
		align-items: center;
		height: 0px;
		margin: 0;
		transition:
		height .3s ease-out,
		margin .3s ease-out,
		padding .3s ease-out,
		opacity		 .1s linear,
		visibility	.1s linear;
	}
	& button {
		min-width: 220px;
		display: block;
		background-color: var(--blue);
		color: white;
		font-weight: bold;
		border: none;
		padding: 8px 16px;
		cursor: pointer;
		font-size: 14px;
		border-radius: 20px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		transition:
			margin .3s ease-out;
	}
}
.toc.open{
	& ul{
		line-height: 1;
		opacity: 1;
		visibility: visible;
		transition:
			line-height .3s ease-out,
			opacity		 .1s linear .1s,
			visibility	.1s linear .1s;
		& li{
			min-height: 20px;
			height: auto;
			transition:
			height .3s ease-out,
			margin .3s ease-out,
			padding .3s ease-out,
			opacity		 .1s linear,
			visibility	.1s linear;
			line-height: 1.2;
			& a{
				font-size: 14px;
				text-decoration: none;
			}
		}
		& li.h2{
		margin-top: 15px;
			&:first-child{
				margin-top: 0px;
			}
			&::before{
				content: "・";
			}
		}
		& li.h3{
			margin-left: 20px;
			padding-left: 10px;
			padding-top: 7.5px;
			padding-bottom: 7.5px;
			border-left: 2px solid var(--gray);
		}
		& li.h2 + li.h3{
			margin-top: 10px;
		}
	}
	& button{
		margin-top: 40px;
		transition:
			margin .3s ease-out;
	}
}

.toc button {
	min-width: 220px;
	display: block;
	background-color: var(--blue);
	color: white;
	font-weight: bold;
	border: none;
	padding: 8px 16px;
	cursor: pointer;
	font-size: 14px;
	border-radius: 20px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	transition:
		margin .3s ease-out;
}

/*装飾*/
.column, .single-post, .interview, .news{
	& .exhibition{
		display: flex;
		align-items: center;
		background-color: var(--gray);
		margin-top: 30px;
		padding: 15px 15px 15px 35px;
		font-size: 0.8em;
		color: var(--darkgray);
		background-image: url(../img/icon-popup-gray.svg);
		background-repeat: no-repeat;
		background-size: 12px auto;
		background-position: left 15px center;
		& a{
			width: fit-content;
			color: var(--lightblue);
			&&:hover{
				color: var(--hover-color);
			}
		}
		&&::before{
			width: 80px;
			content: "| ※出典：";
		}
	}
	& .linemarker {
		background: linear-gradient(transparent 60%, var(--lightyellow) 60%);
		&&.orange{
			background: linear-gradient(transparent 60%, var(--lightorange) 60%);
		}
	}
	& .list-number-box{
		border-left: var(--orangered) 3px solid;
		border-top: var(--orangered) 1px solid;
		border-right: var(--orangered) 1px solid;
		border-bottom: var(--orangered) 1px solid;
		margin-top: 20px;
		& .list-headline{
			padding: 20px;
			margin: 0;
			background-color: var(--pink);
		}
		& ol{
			counter-reset: number 0;
			padding: 20px 30px;
			& li{
				margin-bottom: 20px;
				&&::before{
					counter-increment: number 1;
					content: counter(number)".";
					font-weight: bold;
					color: var(--orangered);
				}
				&&:last-child{
					margin-bottom: 0;
				}
			}
			& a{
				color: var(--lightblue);
				&&:hover{
					color: var(--hover-color);
				}
			}
		}
		&&.green{
			border-left: var(--green) 3px solid;
			border-top: var(--green) 1px solid;
			border-right: var(--green) 1px solid;
			border-bottom: var(--green) 1px solid;
			& .list-headline{
				background-color: var(--lightgreen);
			}
			& ol{
				& li{
					&&::before{
						color: var(--green);
					}
				}
			}
		}
	}
	& .list-dot-box{
		border-left: var(--orangered) 3px solid;
		border-top: var(--orangered) 1px solid;
		border-right: var(--orangered) 1px solid;
		border-bottom: var(--orangered) 1px solid;
		margin-top: 20px;
		& .list-headline{
			padding: 20px;
			margin: 0;
			background-color: var(--pink);
		}
		& ul{
			counter-reset: number 0;
			padding: 20px 30px;
			& li{
				margin-bottom: 20px;
				&&::before{
					content: "・";
					font-weight: bold;
				}
				&&:last-child{
					margin-bottom: 0;
				}
			}
			& a{
				color: var(--lightblue);
				&&:hover{
					color: var(--hover-color);
				}
			}
		}
		&&.green{
			border-left: var(--green) 3px solid;
			border-top: var(--green) 1px solid;
			border-right: var(--green) 1px solid;
			border-bottom: var(--green) 1px solid;
			& .list-headline{
				background-color: var(--lightgreen);
			}
		}
	}
	& .point-box{
		position: relative;
		background-color: #fffdee;
		padding: 40px;
		margin-top: 20px;
		& .point-headline{
			display: flex;
			align-items: flex-end;
			justify-content: flex-start;
			height: 33px;
			background-image: url('../img/icon-point.svg');
			background-repeat: no-repeat;
			background-position: bottom left;
			padding-left: 25px;
			margin-bottom: 10px;
			margin-top: 0;
			font-weight: bold;
		}
		&&::before{
			position: absolute;
			content: "";
			width: 50px;
			height: 50px;
			border-left: 10px solid #fff0cf;
			border-top: 10px solid #fff0cf;
			top: 0;
			left: 0;
		}
		&&::after{
			position: absolute;
			content: "";
			width: 50px;
			height: 50px;
			border-right: 10px solid #fff0cf;
			border-bottom: 10px solid #fff0cf;
			bottom: 0;
			right: 0;
		}
	}
	& .table-wrap{
		width: 100%;
		overflow-x: auto;
		& .table{
			width: 100%;
			border-bottom: 1px solid var(--darkgray);
			border-left: 1px solid var(--darkgray);
			font-size: 14px;
			& tr{
				border-top: 1px solid var(--darkgray);
			}
			& thead{
				& th{
					width: auto;
					padding: 20px;
					font-weight: bold;
					vertical-align: middle;
					text-align: center;
					color: var(--white);
					background-color: var(--orange);
					border-right: 1px solid var(--darkgray);
					word-break: keep-all;
					&:first-child{
						border-right: 2px solid var(--darkgray);
					}
				}
			}
			& tbody{
				& th{
					padding: 20px;
					font-weight: bold;
					vertical-align: middle;
					text-align: center;
					border-right: 2px solid var(--darkgray);
					word-break: keep-all;
				}
				& td{
					padding: 20px;
					vertical-align: middle;
					text-align: center;
					border-right: 1px solid var(--darkgray);
				}
			}
			& a{
				color: var(--link-color);
				text-decoration: underline;
				&:hover{
					color: var(--hover-color);
				}
			}
		}
	}
}

@media (max-width: 767px){
	.column{
		& .entry-content{
			padding-top: 30px;
		}
	}
	.column{
		& .table-wrap{
			overflow-x: auto;
			& .table{
				width: auto;
				font-size: 0.8em;
				& thead{
					& th{
						padding: 10px;
					}
				}
				& tbody{
					& th, td{
						padding: 10px;
					}
				}
			}
		}
	}
	.column, .single-post, .interview, .news{
		& .exhibition{
			&&::before {
				width: 80px;
			}
			& a{
				width: fit-content;
			}
		}
		.insurance-ranking{
			width: 100%;
		}
	}
}

/* --------------------------------
	Archive
-------------------------------- */
.nav-links{
	margin-top: 50px;
}
.nav-links ul {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 8px;
}
.nav-links li > * {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	height: 45px;
}
.nav-links li > *:not(.dots) {
	width: 45px;
	border-radius: 50%;
	color: var(--font-color);
	background: var(--bluegray);
	transition: 0.3s;
}
.nav-links li > .current,
.nav-links li > a:hover {
	color: var(--white);
	background: var(--darkblue);
}

/* --------------------------------
	Company
-------------------------------- */
#company{
	& .company{
		display: flex;
		align-items: center;
		& .logo{
			width: 100px;
			margin-right: 20px;
		}
	}
}

/* --------------------------------
	Customize
-------------------------------- */
.inline-block{
	display: inline-block;
}
.hidden{
	display: none!important;
}

/*decoration*/
.red{
	color: var(--red);
}
.lightblue{
	color: var(--lightblue);
}
.white{
	color: var(--white);
}
.black{
	color: var(--font-color)!important;
}
.blue{
	color: var(--blue);
}
.orange{
	color: var(--orange);
}
.yellow{
	color: var(--yellow);
}
.gray{
	color: var(--darkgray);
}
.gray2{
	color: #333;
}
.b{
	font-weight: bold;
}
.normal{
	font-weight: normal!important;
}
.underline{
	text-decoration: underline;
}

/*device*/
@media (max-width: 767px){
	& .pc{
		display: none!important;
	}
}
@media (min-width: 768px){
	& .sp{
		display: none!important;
	}
}

/*text*/
.lh10 { line-height: 1em !important; }
.lh11 { line-height: 1.1em !important; }
.lh12 { line-height: 1.2em !important; }
.lh13 { line-height: 1.3em !important; }
.lh14 { line-height: 1.4em !important; }
.lh15 { line-height: 1.5em !important; }
.lh16 { line-height: 1.6em !important; }
.lh17 { line-height: 1.7em !important; }
.lh18 { line-height: 1.8em !important; }
.lh19 { line-height: 1.9em !important; }
.lh20 { line-height: 2em !important; }

.ls00 { line-height: 0.0em !important; }
.ls01 { line-height: 0.1em !important; }
.ls02 { line-height: 0.2em !important; }
.ls03 { line-height: 0.3em !important; }
.ls04 { line-height: 0.4em !important; }
.ls05 { line-height: 0.5em !important; }
.ls06 { line-height: 0.6em !important; }
.ls07 { line-height: 0.7em !important; }
.ls08 { line-height: 0.8em !important; }
.ls09 { line-height: 0.9em !important; }
.ls10 { line-height: 1.0em !important; }

/*margin*/
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.m55 { margin: 55px !important; }
.m60 { margin: 60px !important; }
.m65 { margin: 65px !important; }
.m70 { margin: 70px !important; }
.m75 { margin: 75px !important; }
.m80 { margin: 80px !important; }
.m85 { margin: 85px !important; }
.m90 { margin: 90px !important; }
.m95 { margin: 95px !important; }
.m100 { margin: 100px !important; }
.m105 { margin: 105px !important; }
.m110 { margin: 110px !important; }
.m115 { margin: 115px !important; }
.m120 { margin: 120px !important; }
.m125 { margin: 125px !important; }
.m130 { margin: 130px !important; }
.m135 { margin: 135px !important; }
.m140 { margin: 140px !important; }
.m145 { margin: 145px !important; }
.m150 { margin: 150px !important; }
.m155 { margin: 155px !important; }
.m160 { margin: 160px !important; }
.m165 { margin: 165px !important; }
.m170 { margin: 170px !important; }
.m175 { margin: 175px !important; }
.m180 { margin: 180px !important; }
.m185 { margin: 185px !important; }
.m190 { margin: 190px !important; }
.m195 { margin: 195px !important; }
.m200 { margin: 200px !important; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }
.mt105 { margin-top: 105px !important; }
.mt110 { margin-top: 110px !important; }
.mt115 { margin-top: 115px !important; }
.mt120 { margin-top: 120px !important; }
.mt125 { margin-top: 125px !important; }
.mt130 { margin-top: 130px !important; }
.mt135 { margin-top: 135px !important; }
.mt140 { margin-top: 140px !important; }
.mt145 { margin-top: 145px !important; }
.mt150 { margin-top: 150px !important; }
.mt155 { margin-top: 155px !important; }
.mt160 { margin-top: 160px !important; }
.mt165 { margin-top: 165px !important; }
.mt170 { margin-top: 170px !important; }
.mt175 { margin-top: 175px !important; }
.mt180 { margin-top: 180px !important; }
.mt185 { margin-top: 185px !important; }
.mt190 { margin-top: 190px !important; }
.mt195 { margin-top: 195px !important; }
.mt200 { margin-top: 200px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb105 { margin-bottom: 105px !important; }
.mb110 { margin-bottom: 110px !important; }
.mb115 { margin-bottom: 115px !important; }
.mb120 { margin-bottom: 120px !important; }
.mb125 { margin-bottom: 125px !important; }
.mb130 { margin-bottom: 130px !important; }
.mb135 { margin-bottom: 135px !important; }
.mb140 { margin-bottom: 140px !important; }
.mb145 { margin-bottom: 145px !important; }
.mb150 { margin-bottom: 150px !important; }
.mb155 { margin-bottom: 155px !important; }
.mb160 { margin-bottom: 160px !important; }
.mb165 { margin-bottom: 165px !important; }
.mb170 { margin-bottom: 170px !important; }
.mb175 { margin-bottom: 175px !important; }
.mb180 { margin-bottom: 180px !important; }
.mb185 { margin-bottom: 185px !important; }
.mb190 { margin-bottom: 190px !important; }
.mb195 { margin-bottom: 195px !important; }
.mb200 { margin-bottom: 200px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }
.ml105 { margin-left: 105px !important; }
.ml110 { margin-left: 110px !important; }
.ml115 { margin-left: 115px !important; }
.ml120 { margin-left: 120px !important; }
.ml125 { margin-left: 125px !important; }
.ml130 { margin-left: 130px !important; }
.ml135 { margin-left: 135px !important; }
.ml140 { margin-left: 140px !important; }
.ml145 { margin-left: 145px !important; }
.ml150 { margin-left: 150px !important; }
.ml155 { margin-left: 155px !important; }
.ml160 { margin-left: 160px !important; }
.ml165 { margin-left: 165px !important; }
.ml170 { margin-left: 170px !important; }
.ml175 { margin-left: 175px !important; }
.ml180 { margin-left: 180px !important; }
.ml185 { margin-left: 185px !important; }
.ml190 { margin-left: 190px !important; }
.ml195 { margin-left: 195px !important; }
.ml200 { margin-left: 200px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }
.mr105 { margin-right: 105px !important; }
.mr110 { margin-right: 110px !important; }
.mr115 { margin-right: 115px !important; }
.mr120 { margin-right: 120px !important; }
.mr125 { margin-right: 125px !important; }
.mr130 { margin-right: 130px !important; }
.mr135 { margin-right: 135px !important; }
.mr140 { margin-right: 140px !important; }
.mr145 { margin-right: 145px !important; }
.mr150 { margin-right: 150px !important; }
.mr155 { margin-right: 155px !important; }
.mr160 { margin-right: 160px !important; }
.mr165 { margin-right: 165px !important; }
.mr170 { margin-right: 170px !important; }
.mr175 { margin-right: 175px !important; }
.mr180 { margin-right: 180px !important; }
.mr185 { margin-right: 185px !important; }
.mr190 { margin-right: 190px !important; }
.mr195 { margin-right: 195px !important; }
.mr200 { margin-right: 200px !important; }


@media (min-width: 768px){
	.m0-md { margin: 0px !important; }
	.m5-md { margin: 5px !important; }
	.m10-md { margin: 10px !important; }
	.m15-md { margin: 15px !important; }
	.m20-md { margin: 20px !important; }
	.m25-md { margin: 25px !important; }
	.m30-md { margin: 30px !important; }
	.m35-md { margin: 35px !important; }
	.m40-md { margin: 40px !important; }
	.m45-md { margin: 45px !important; }
	.m50-md { margin: 50px !important; }
	.m55-md { margin: 55px !important; }
	.m60-md { margin: 60px !important; }
	.m65-md { margin: 65px !important; }
	.m70-md { margin: 70px !important; }
	.m75-md { margin: 75px !important; }
	.m80-md { margin: 80px !important; }
	.m85-md { margin: 85px !important; }
	.m90-md { margin: 90px !important; }
	.m95-md { margin: 95px !important; }
	.m100-md { margin: 100px !important; }
	.m105-md { margin: 105px !important; }
	.m110-md { margin: 110px !important; }
	.m115-md { margin: 115px !important; }
	.m120-md { margin: 120px !important; }
	.m125-md { margin: 125px !important; }
	.m130-md { margin: 130px !important; }
	.m135-md { margin: 135px !important; }
	.m140-md { margin: 140px !important; }
	.m145-md { margin: 145px !important; }
	.m150-md { margin: 150px !important; }
	.m155-md { margin: 155px !important; }
	.m160-md { margin: 160px !important; }
	.m165-md { margin: 165px !important; }
	.m170-md { margin: 170px !important; }
	.m175-md { margin: 175px !important; }
	.m180-md { margin: 180px !important; }
	.m185-md { margin: 185px !important; }
	.m190-md { margin: 190px !important; }
	.m195-md { margin: 195px !important; }
	.m200-md { margin: 200px !important; }

	.mt0-md { margin-top: 0px !important; }
	.mt5-md { margin-top: 5px !important; }
	.mt10-md { margin-top: 10px !important; }
	.mt15-md { margin-top: 15px !important; }
	.mt20-md { margin-top: 20px !important; }
	.mt25-md { margin-top: 25px !important; }
	.mt30-md { margin-top: 30px !important; }
	.mt35-md { margin-top: 35px !important; }
	.mt40-md { margin-top: 40px !important; }
	.mt45-md { margin-top: 45px !important; }
	.mt50-md { margin-top: 50px !important; }
	.mt55-md { margin-top: 55px !important; }
	.mt60-md { margin-top: 60px !important; }
	.mt65-md { margin-top: 65px !important; }
	.mt70-md { margin-top: 70px !important; }
	.mt75-md { margin-top: 75px !important; }
	.mt80-md { margin-top: 80px !important; }
	.mt85-md { margin-top: 85px !important; }
	.mt90-md { margin-top: 90px !important; }
	.mt95-md { margin-top: 95px !important; }
	.mt100-md { margin-top: 100px !important; }
	.mt105-md { margin-top: 105px !important; }
	.mt110-md { margin-top: 110px !important; }
	.mt115-md { margin-top: 115px !important; }
	.mt120-md { margin-top: 120px !important; }
	.mt125-md { margin-top: 125px !important; }
	.mt130-md { margin-top: 130px !important; }
	.mt135-md { margin-top: 135px !important; }
	.mt140-md { margin-top: 140px !important; }
	.mt145-md { margin-top: 145px !important; }
	.mt150-md { margin-top: 150px !important; }
	.mt155-md { margin-top: 155px !important; }
	.mt160-md { margin-top: 160px !important; }
	.mt165-md { margin-top: 165px !important; }
	.mt170-md { margin-top: 170px !important; }
	.mt175-md { margin-top: 175px !important; }
	.mt180-md { margin-top: 180px !important; }
	.mt185-md { margin-top: 185px !important; }
	.mt190-md { margin-top: 190px !important; }
	.mt195-md { margin-top: 195px !important; }
	.mt200-md { margin-top: 200px !important; }

	.mb0-md { margin-bottom: 0px !important; }
	.mb5-md { margin-bottom: 5px !important; }
	.mb10-md { margin-bottom: 10px !important; }
	.mb15-md { margin-bottom: 15px !important; }
	.mb20-md { margin-bottom: 20px !important; }
	.mb25-md { margin-bottom: 25px !important; }
	.mb30-md { margin-bottom: 30px !important; }
	.mb35-md { margin-bottom: 35px !important; }
	.mb40-md { margin-bottom: 40px !important; }
	.mb45-md { margin-bottom: 45px !important; }
	.mb50-md { margin-bottom: 50px !important; }
	.mb55-md { margin-bottom: 55px !important; }
	.mb60-md { margin-bottom: 60px !important; }
	.mb65-md { margin-bottom: 65px !important; }
	.mb70-md { margin-bottom: 70px !important; }
	.mb75-md { margin-bottom: 75px !important; }
	.mb80-md { margin-bottom: 80px !important; }
	.mb85-md { margin-bottom: 85px !important; }
	.mb90-md { margin-bottom: 90px !important; }
	.mb95-md { margin-bottom: 95px !important; }
	.mb100-md { margin-bottom: 100px !important; }
	.mb105-md { margin-bottom: 105px !important; }
	.mb110-md { margin-bottom: 110px !important; }
	.mb115-md { margin-bottom: 115px !important; }
	.mb120-md { margin-bottom: 120px !important; }
	.mb125-md { margin-bottom: 125px !important; }
	.mb130-md { margin-bottom: 130px !important; }
	.mb135-md { margin-bottom: 135px !important; }
	.mb140-md { margin-bottom: 140px !important; }
	.mb145-md { margin-bottom: 145px !important; }
	.mb150-md { margin-bottom: 150px !important; }
	.mb155-md { margin-bottom: 155px !important; }
	.mb160-md { margin-bottom: 160px !important; }
	.mb165-md { margin-bottom: 165px !important; }
	.mb170-md { margin-bottom: 170px !important; }
	.mb175-md { margin-bottom: 175px !important; }
	.mb180-md { margin-bottom: 180px !important; }
	.mb185-md { margin-bottom: 185px !important; }
	.mb190-md { margin-bottom: 190px !important; }
	.mb195-md { margin-bottom: 195px !important; }
	.mb200-md { margin-bottom: 200px !important; }

	.ml0-md { margin-left: 0px !important; }
	.ml5-md { margin-left: 5px !important; }
	.ml10-md { margin-left: 10px !important; }
	.ml15-md { margin-left: 15px !important; }
	.ml20-md { margin-left: 20px !important; }
	.ml25-md { margin-left: 25px !important; }
	.ml30-md { margin-left: 30px !important; }
	.ml35-md { margin-left: 35px !important; }
	.ml40-md { margin-left: 40px !important; }
	.ml45-md { margin-left: 45px !important; }
	.ml50-md { margin-left: 50px !important; }
	.ml55-md { margin-left: 55px !important; }
	.ml60-md { margin-left: 60px !important; }
	.ml65-md { margin-left: 65px !important; }
	.ml70-md { margin-left: 70px !important; }
	.ml75-md { margin-left: 75px !important; }
	.ml80-md { margin-left: 80px !important; }
	.ml85-md { margin-left: 85px !important; }
	.ml90-md { margin-left: 90px !important; }
	.ml95-md { margin-left: 95px !important; }
	.ml100-md { margin-left: 100px !important; }
	.ml105-md { margin-left: 105px !important; }
	.ml110-md { margin-left: 110px !important; }
	.ml115-md { margin-left: 115px !important; }
	.ml120-md { margin-left: 120px !important; }
	.ml125-md { margin-left: 125px !important; }
	.ml130-md { margin-left: 130px !important; }
	.ml135-md { margin-left: 135px !important; }
	.ml140-md { margin-left: 140px !important; }
	.ml145-md { margin-left: 145px !important; }
	.ml150-md { margin-left: 150px !important; }
	.ml155-md { margin-left: 155px !important; }
	.ml160-md { margin-left: 160px !important; }
	.ml165-md { margin-left: 165px !important; }
	.ml170-md { margin-left: 170px !important; }
	.ml175-md { margin-left: 175px !important; }
	.ml180-md { margin-left: 180px !important; }
	.ml185-md { margin-left: 185px !important; }
	.ml190-md { margin-left: 190px !important; }
	.ml195-md { margin-left: 195px !important; }
	.ml200-md { margin-left: 200px !important; }

	.mr0-md { margin-right: 0px !important; }
	.mr5-md { margin-right: 5px !important; }
	.mr10-md { margin-right: 10px !important; }
	.mr15-md { margin-right: 15px !important; }
	.mr20-md { margin-right: 20px !important; }
	.mr25-md { margin-right: 25px !important; }
	.mr30-md { margin-right: 30px !important; }
	.mr35-md { margin-right: 35px !important; }
	.mr40-md { margin-right: 40px !important; }
	.mr45-md { margin-right: 45px !important; }
	.mr50-md { margin-right: 50px !important; }
	.mr55-md { margin-right: 55px !important; }
	.mr60-md { margin-right: 60px !important; }
	.mr65-md { margin-right: 65px !important; }
	.mr70-md { margin-right: 70px !important; }
	.mr75-md { margin-right: 75px !important; }
	.mr80-md { margin-right: 80px !important; }
	.mr85-md { margin-right: 85px !important; }
	.mr90-md { margin-right: 90px !important; }
	.mr95-md { margin-right: 95px !important; }
	.mr100-md { margin-right: 100px !important; }
	.mr105-md { margin-right: 105px !important; }
	.mr110-md { margin-right: 110px !important; }
	.mr115-md { margin-right: 115px !important; }
	.mr120-md { margin-right: 120px !important; }
	.mr125-md { margin-right: 125px !important; }
	.mr130-md { margin-right: 130px !important; }
	.mr135-md { margin-right: 135px !important; }
	.mr140-md { margin-right: 140px !important; }
	.mr145-md { margin-right: 145px !important; }
	.mr150-md { margin-right: 150px !important; }
	.mr155-md { margin-right: 155px !important; }
	.mr160-md { margin-right: 160px !important; }
	.mr165-md { margin-right: 165px !important; }
	.mr170-md { margin-right: 170px !important; }
	.mr175-md { margin-right: 175px !important; }
	.mr180-md { margin-right: 180px !important; }
	.mr185-md { margin-right: 185px !important; }
	.mr190-md { margin-right: 190px !important; }
	.mr195-md { margin-right: 195px !important; }
	.mr200-md { margin-right: 200px !important; }
}

/* --is-lg 用 */

@media (min-width: 1024px){
	.m0-lg { margin: 0px !important; }
	.m5-lg { margin: 5px !important; }
	.m10-lg { margin: 10px !important; }
	.m15-lg { margin: 15px !important; }
	.m20-lg { margin: 20px !important; }
	.m25-lg { margin: 25px !important; }
	.m30-lg { margin: 30px !important; }
	.m35-lg { margin: 35px !important; }
	.m40-lg { margin: 40px !important; }
	.m45-lg { margin: 45px !important; }
	.m50-lg { margin: 50px !important; }
	.m55-lg { margin: 55px !important; }
	.m60-lg { margin: 60px !important; }
	.m65-lg { margin: 65px !important; }
	.m70-lg { margin: 70px !important; }
	.m75-lg { margin: 75px !important; }
	.m80-lg { margin: 80px !important; }
	.m85-lg { margin: 85px !important; }
	.m90-lg { margin: 90px !important; }
	.m95-lg { margin: 95px !important; }
	.m100-lg { margin: 100px !important; }
	.m105-lg { margin: 105px !important; }
	.m110-lg { margin: 110px !important; }
	.m115-lg { margin: 115px !important; }
	.m120-lg { margin: 120px !important; }
	.m125-lg { margin: 125px !important; }
	.m130-lg { margin: 130px !important; }
	.m135-lg { margin: 135px !important; }
	.m140-lg { margin: 140px !important; }
	.m145-lg { margin: 145px !important; }
	.m150-lg { margin: 150px !important; }
	.m155-lg { margin: 155px !important; }
	.m160-lg { margin: 160px !important; }
	.m165-lg { margin: 165px !important; }
	.m170-lg { margin: 170px !important; }
	.m175-lg { margin: 175px !important; }
	.m180-lg { margin: 180px !important; }
	.m185-lg { margin: 185px !important; }
	.m190-lg { margin: 190px !important; }
	.m195-lg { margin: 195px !important; }
	.m200-lg { margin: 200px !important; }

	.mt0-lg { margin-top: 0px !important; }
	.mt5-lg { margin-top: 5px !important; }
	.mt10-lg { margin-top: 10px !important; }
	.mt15-lg { margin-top: 15px !important; }
	.mt20-lg { margin-top: 20px !important; }
	.mt25-lg { margin-top: 25px !important; }
	.mt30-lg { margin-top: 30px !important; }
	.mt35-lg { margin-top: 35px !important; }
	.mt40-lg { margin-top: 40px !important; }
	.mt45-lg { margin-top: 45px !important; }
	.mt50-lg { margin-top: 50px !important; }
	.mt55-lg { margin-top: 55px !important; }
	.mt60-lg { margin-top: 60px !important; }
	.mt65-lg { margin-top: 65px !important; }
	.mt70-lg { margin-top: 70px !important; }
	.mt75-lg { margin-top: 75px !important; }
	.mt80-lg { margin-top: 80px !important; }
	.mt85-lg { margin-top: 85px !important; }
	.mt90-lg { margin-top: 90px !important; }
	.mt95-lg { margin-top: 95px !important; }
	.mt100-lg { margin-top: 100px !important; }
	.mt105-lg { margin-top: 105px !important; }
	.mt110-lg { margin-top: 110px !important; }
	.mt115-lg { margin-top: 115px !important; }
	.mt120-lg { margin-top: 120px !important; }
	.mt125-lg { margin-top: 125px !important; }
	.mt130-lg { margin-top: 130px !important; }
	.mt135-lg { margin-top: 135px !important; }
	.mt140-lg { margin-top: 140px !important; }
	.mt145-lg { margin-top: 145px !important; }
	.mt150-lg { margin-top: 150px !important; }
	.mt155-lg { margin-top: 155px !important; }
	.mt160-lg { margin-top: 160px !important; }
	.mt165-lg { margin-top: 165px !important; }
	.mt170-lg { margin-top: 170px !important; }
	.mt175-lg { margin-top: 175px !important; }
	.mt180-lg { margin-top: 180px !important; }
	.mt185-lg { margin-top: 185px !important; }
	.mt190-lg { margin-top: 190px !important; }
	.mt195-lg { margin-top: 195px !important; }
	.mt200-lg { margin-top: 200px !important; }

	.mb0-lg { margin-bottom: 0px !important; }
	.mb5-lg { margin-bottom: 5px !important; }
	.mb10-lg { margin-bottom: 10px !important; }
	.mb15-lg { margin-bottom: 15px !important; }
	.mb20-lg { margin-bottom: 20px !important; }
	.mb25-lg { margin-bottom: 25px !important; }
	.mb30-lg { margin-bottom: 30px !important; }
	.mb35-lg { margin-bottom: 35px !important; }
	.mb40-lg { margin-bottom: 40px !important; }
	.mb45-lg { margin-bottom: 45px !important; }
	.mb50-lg { margin-bottom: 50px !important; }
	.mb55-lg { margin-bottom: 55px !important; }
	.mb60-lg { margin-bottom: 60px !important; }
	.mb65-lg { margin-bottom: 65px !important; }
	.mb70-lg { margin-bottom: 70px !important; }
	.mb75-lg { margin-bottom: 75px !important; }
	.mb80-lg { margin-bottom: 80px !important; }
	.mb85-lg { margin-bottom: 85px !important; }
	.mb90-lg { margin-bottom: 90px !important; }
	.mb95-lg { margin-bottom: 95px !important; }
	.mb100-lg { margin-bottom: 100px !important; }
	.mb105-lg { margin-bottom: 105px !important; }
	.mb110-lg { margin-bottom: 110px !important; }
	.mb115-lg { margin-bottom: 115px !important; }
	.mb120-lg { margin-bottom: 120px !important; }
	.mb125-lg { margin-bottom: 125px !important; }
	.mb130-lg { margin-bottom: 130px !important; }
	.mb135-lg { margin-bottom: 135px !important; }
	.mb140-lg { margin-bottom: 140px !important; }
	.mb145-lg { margin-bottom: 145px !important; }
	.mb150-lg { margin-bottom: 150px !important; }
	.mb155-lg { margin-bottom: 155px !important; }
	.mb160-lg { margin-bottom: 160px !important; }
	.mb165-lg { margin-bottom: 165px !important; }
	.mb170-lg { margin-bottom: 170px !important; }
	.mb175-lg { margin-bottom: 175px !important; }
	.mb180-lg { margin-bottom: 180px !important; }
	.mb185-lg { margin-bottom: 185px !important; }
	.mb190-lg { margin-bottom: 190px !important; }
	.mb195-lg { margin-bottom: 195px !important; }
	.mb200-lg { margin-bottom: 200px !important; }

	.ml0-lg { margin-left: 0px !important; }
	.ml5-lg { margin-left: 5px !important; }
	.ml10-lg { margin-left: 10px !important; }
	.ml15-lg { margin-left: 15px !important; }
	.ml20-lg { margin-left: 20px !important; }
	.ml25-lg { margin-left: 25px !important; }
	.ml30-lg { margin-left: 30px !important; }
	.ml35-lg { margin-left: 35px !important; }
	.ml40-lg { margin-left: 40px !important; }
	.ml45-lg { margin-left: 45px !important; }
	.ml50-lg { margin-left: 50px !important; }
	.ml55-lg { margin-left: 55px !important; }
	.ml60-lg { margin-left: 60px !important; }
	.ml65-lg { margin-left: 65px !important; }
	.ml70-lg { margin-left: 70px !important; }
	.ml75-lg { margin-left: 75px !important; }
	.ml80-lg { margin-left: 80px !important; }
	.ml85-lg { margin-left: 85px !important; }
	.ml90-lg { margin-left: 90px !important; }
	.ml95-lg { margin-left: 95px !important; }
	.ml100-lg { margin-left: 100px !important; }
	.ml105-lg { margin-left: 105px !important; }
	.ml110-lg { margin-left: 110px !important; }
	.ml115-lg { margin-left: 115px !important; }
	.ml120-lg { margin-left: 120px !important; }
	.ml125-lg { margin-left: 125px !important; }
	.ml130-lg { margin-left: 130px !important; }
	.ml135-lg { margin-left: 135px !important; }
	.ml140-lg { margin-left: 140px !important; }
	.ml145-lg { margin-left: 145px !important; }
	.ml150-lg { margin-left: 150px !important; }
	.ml155-lg { margin-left: 155px !important; }
	.ml160-lg { margin-left: 160px !important; }
	.ml165-lg { margin-left: 165px !important; }
	.ml170-lg { margin-left: 170px !important; }
	.ml175-lg { margin-left: 175px !important; }
	.ml180-lg { margin-left: 180px !important; }
	.ml185-lg { margin-left: 185px !important; }
	.ml190-lg { margin-left: 190px !important; }
	.ml195-lg { margin-left: 195px !important; }
	.ml200-lg { margin-left: 200px !important; }

	.mr0-lg { margin-right: 0px !important; }
	.mr5-lg { margin-right: 5px !important; }
	.mr10-lg { margin-right: 10px !important; }
	.mr15-lg { margin-right: 15px !important; }
	.mr20-lg { margin-right: 20px !important; }
	.mr25-lg { margin-right: 25px !important; }
	.mr30-lg { margin-right: 30px !important; }
	.mr35-lg { margin-right: 35px !important; }
	.mr40-lg { margin-right: 40px !important; }
	.mr45-lg { margin-right: 45px !important; }
	.mr50-lg { margin-right: 50px !important; }
	.mr55-lg { margin-right: 55px !important; }
	.mr60-lg { margin-right: 60px !important; }
	.mr65-lg { margin-right: 65px !important; }
	.mr70-lg { margin-right: 70px !important; }
	.mr75-lg { margin-right: 75px !important; }
	.mr80-lg { margin-right: 80px !important; }
	.mr85-lg { margin-right: 85px !important; }
	.mr90-lg { margin-right: 90px !important; }
	.mr95-lg { margin-right: 95px !important; }
	.mr100-lg { margin-right: 100px !important; }
	.mr105-lg { margin-right: 105px !important; }
	.mr110-lg { margin-right: 110px !important; }
	.mr115-lg { margin-right: 115px !important; }
	.mr120-lg { margin-right: 120px !important; }
	.mr125-lg { margin-right: 125px !important; }
	.mr130-lg { margin-right: 130px !important; }
	.mr135-lg { margin-right: 135px !important; }
	.mr140-lg { margin-right: 140px !important; }
	.mr145-lg { margin-right: 145px !important; }
	.mr150-lg { margin-right: 150px !important; }
	.mr155-lg { margin-right: 155px !important; }
	.mr160-lg { margin-right: 160px !important; }
	.mr165-lg { margin-right: 165px !important; }
	.mr170-lg { margin-right: 170px !important; }
	.mr175-lg { margin-right: 175px !important; }
	.mr180-lg { margin-right: 180px !important; }
	.mr185-lg { margin-right: 185px !important; }
	.mr190-lg { margin-right: 190px !important; }
	.mr195-lg { margin-right: 195px !important; }
	.mr200-lg { margin-right: 200px !important; }
}

/* --is-xl 用 */

@media (min-width: 1200px){
	.m0-xl { margin: 0px !important; }
	.m5-xl { margin: 5px !important; }
	.m10-xl { margin: 10px !important; }
	.m15-xl { margin: 15px !important; }
	.m20-xl { margin: 20px !important; }
	.m25-xl { margin: 25px !important; }
	.m30-xl { margin: 30px !important; }
	.m35-xl { margin: 35px !important; }
	.m40-xl { margin: 40px !important; }
	.m45-xl { margin: 45px !important; }
	.m50-xl { margin: 50px !important; }
	.m55-xl { margin: 55px !important; }
	.m60-xl { margin: 60px !important; }
	.m65-xl { margin: 65px !important; }
	.m70-xl { margin: 70px !important; }
	.m75-xl { margin: 75px !important; }
	.m80-xl { margin: 80px !important; }
	.m85-xl { margin: 85px !important; }
	.m90-xl { margin: 90px !important; }
	.m95-xl { margin: 95px !important; }
	.m100-xl { margin: 100px !important; }
	.m105-xl { margin: 105px !important; }
	.m110-xl { margin: 110px !important; }
	.m115-xl { margin: 115px !important; }
	.m120-xl { margin: 120px !important; }
	.m125-xl { margin: 125px !important; }
	.m130-xl { margin: 130px !important; }
	.m135-xl { margin: 135px !important; }
	.m140-xl { margin: 140px !important; }
	.m145-xl { margin: 145px !important; }
	.m150-xl { margin: 150px !important; }
	.m155-xl { margin: 155px !important; }
	.m160-xl { margin: 160px !important; }
	.m165-xl { margin: 165px !important; }
	.m170-xl { margin: 170px !important; }
	.m175-xl { margin: 175px !important; }
	.m180-xl { margin: 180px !important; }
	.m185-xl { margin: 185px !important; }
	.m190-xl { margin: 190px !important; }
	.m195-xl { margin: 195px !important; }
	.m200-xl { margin: 200px !important; }

	.mt0-xl { margin-top: 0px !important; }
	.mt5-xl { margin-top: 5px !important; }
	.mt10-xl { margin-top: 10px !important; }
	.mt15-xl { margin-top: 15px !important; }
	.mt20-xl { margin-top: 20px !important; }
	.mt25-xl { margin-top: 25px !important; }
	.mt30-xl { margin-top: 30px !important; }
	.mt35-xl { margin-top: 35px !important; }
	.mt40-xl { margin-top: 40px !important; }
	.mt45-xl { margin-top: 45px !important; }
	.mt50-xl { margin-top: 50px !important; }
	.mt55-xl { margin-top: 55px !important; }
	.mt60-xl { margin-top: 60px !important; }
	.mt65-xl { margin-top: 65px !important; }
	.mt70-xl { margin-top: 70px !important; }
	.mt75-xl { margin-top: 75px !important; }
	.mt80-xl { margin-top: 80px !important; }
	.mt85-xl { margin-top: 85px !important; }
	.mt90-xl { margin-top: 90px !important; }
	.mt95-xl { margin-top: 95px !important; }
	.mt100-xl { margin-top: 100px !important; }
	.mt105-xl { margin-top: 105px !important; }
	.mt110-xl { margin-top: 110px !important; }
	.mt115-xl { margin-top: 115px !important; }
	.mt120-xl { margin-top: 120px !important; }
	.mt125-xl { margin-top: 125px !important; }
	.mt130-xl { margin-top: 130px !important; }
	.mt135-xl { margin-top: 135px !important; }
	.mt140-xl { margin-top: 140px !important; }
	.mt145-xl { margin-top: 145px !important; }
	.mt150-xl { margin-top: 150px !important; }
	.mt155-xl { margin-top: 155px !important; }
	.mt160-xl { margin-top: 160px !important; }
	.mt165-xl { margin-top: 165px !important; }
	.mt170-xl { margin-top: 170px !important; }
	.mt175-xl { margin-top: 175px !important; }
	.mt180-xl { margin-top: 180px !important; }
	.mt185-xl { margin-top: 185px !important; }
	.mt190-xl { margin-top: 190px !important; }
	.mt195-xl { margin-top: 195px !important; }
	.mt200-xl { margin-top: 200px !important; }

	.mb0-xl { margin-bottom: 0px !important; }
	.mb5-xl { margin-bottom: 5px !important; }
	.mb10-xl { margin-bottom: 10px !important; }
	.mb15-xl { margin-bottom: 15px !important; }
	.mb20-xl { margin-bottom: 20px !important; }
	.mb25-xl { margin-bottom: 25px !important; }
	.mb30-xl { margin-bottom: 30px !important; }
	.mb35-xl { margin-bottom: 35px !important; }
	.mb40-xl { margin-bottom: 40px !important; }
	.mb45-xl { margin-bottom: 45px !important; }
	.mb50-xl { margin-bottom: 50px !important; }
	.mb55-xl { margin-bottom: 55px !important; }
	.mb60-xl { margin-bottom: 60px !important; }
	.mb65-xl { margin-bottom: 65px !important; }
	.mb70-xl { margin-bottom: 70px !important; }
	.mb75-xl { margin-bottom: 75px !important; }
	.mb80-xl { margin-bottom: 80px !important; }
	.mb85-xl { margin-bottom: 85px !important; }
	.mb90-xl { margin-bottom: 90px !important; }
	.mb95-xl { margin-bottom: 95px !important; }
	.mb100-xl { margin-bottom: 100px !important; }
	.mb105-xl { margin-bottom: 105px !important; }
	.mb110-xl { margin-bottom: 110px !important; }
	.mb115-xl { margin-bottom: 115px !important; }
	.mb120-xl { margin-bottom: 120px !important; }
	.mb125-xl { margin-bottom: 125px !important; }
	.mb130-xl { margin-bottom: 130px !important; }
	.mb135-xl { margin-bottom: 135px !important; }
	.mb140-xl { margin-bottom: 140px !important; }
	.mb145-xl { margin-bottom: 145px !important; }
	.mb150-xl { margin-bottom: 150px !important; }
	.mb155-xl { margin-bottom: 155px !important; }
	.mb160-xl { margin-bottom: 160px !important; }
	.mb165-xl { margin-bottom: 165px !important; }
	.mb170-xl { margin-bottom: 170px !important; }
	.mb175-xl { margin-bottom: 175px !important; }
	.mb180-xl { margin-bottom: 180px !important; }
	.mb185-xl { margin-bottom: 185px !important; }
	.mb190-xl { margin-bottom: 190px !important; }
	.mb195-xl { margin-bottom: 195px !important; }
	.mb200-xl { margin-bottom: 200px !important; }

	.ml0-xl { margin-left: 0px !important; }
	.ml5-xl { margin-left: 5px !important; }
	.ml10-xl { margin-left: 10px !important; }
	.ml15-xl { margin-left: 15px !important; }
	.ml20-xl { margin-left: 20px !important; }
	.ml25-xl { margin-left: 25px !important; }
	.ml30-xl { margin-left: 30px !important; }
	.ml35-xl { margin-left: 35px !important; }
	.ml40-xl { margin-left: 40px !important; }
	.ml45-xl { margin-left: 45px !important; }
	.ml50-xl { margin-left: 50px !important; }
	.ml55-xl { margin-left: 55px !important; }
	.ml60-xl { margin-left: 60px !important; }
	.ml65-xl { margin-left: 65px !important; }
	.ml70-xl { margin-left: 70px !important; }
	.ml75-xl { margin-left: 75px !important; }
	.ml80-xl { margin-left: 80px !important; }
	.ml85-xl { margin-left: 85px !important; }
	.ml90-xl { margin-left: 90px !important; }
	.ml95-xl { margin-left: 95px !important; }
	.ml100-xl { margin-left: 100px !important; }
	.ml105-xl { margin-left: 105px !important; }
	.ml110-xl { margin-left: 110px !important; }
	.ml115-xl { margin-left: 115px !important; }
	.ml120-xl { margin-left: 120px !important; }
	.ml125-xl { margin-left: 125px !important; }
	.ml130-xl { margin-left: 130px !important; }
	.ml135-xl { margin-left: 135px !important; }
	.ml140-xl { margin-left: 140px !important; }
	.ml145-xl { margin-left: 145px !important; }
	.ml150-xl { margin-left: 150px !important; }
	.ml155-xl { margin-left: 155px !important; }
	.ml160-xl { margin-left: 160px !important; }
	.ml165-xl { margin-left: 165px !important; }
	.ml170-xl { margin-left: 170px !important; }
	.ml175-xl { margin-left: 175px !important; }
	.ml180-xl { margin-left: 180px !important; }
	.ml185-xl { margin-left: 185px !important; }
	.ml190-xl { margin-left: 190px !important; }
	.ml195-xl { margin-left: 195px !important; }
	.ml200-xl { margin-left: 200px !important; }

	.mr0-xl { margin-right: 0px !important; }
	.mr5-xl { margin-right: 5px !important; }
	.mr10-xl { margin-right: 10px !important; }
	.mr15-xl { margin-right: 15px !important; }
	.mr20-xl { margin-right: 20px !important; }
	.mr25-xl { margin-right: 25px !important; }
	.mr30-xl { margin-right: 30px !important; }
	.mr35-xl { margin-right: 35px !important; }
	.mr40-xl { margin-right: 40px !important; }
	.mr45-xl { margin-right: 45px !important; }
	.mr50-xl { margin-right: 50px !important; }
	.mr55-xl { margin-right: 55px !important; }
	.mr60-xl { margin-right: 60px !important; }
	.mr65-xl { margin-right: 65px !important; }
	.mr70-xl { margin-right: 70px !important; }
	.mr75-xl { margin-right: 75px !important; }
	.mr80-xl { margin-right: 80px !important; }
	.mr85-xl { margin-right: 85px !important; }
	.mr90-xl { margin-right: 90px !important; }
	.mr95-xl { margin-right: 95px !important; }
	.mr100-xl { margin-right: 100px !important; }
	.mr105-xl { margin-right: 105px !important; }
	.mr110-xl { margin-right: 110px !important; }
	.mr115-xl { margin-right: 115px !important; }
	.mr120-xl { margin-right: 120px !important; }
	.mr125-xl { margin-right: 125px !important; }
	.mr130-xl { margin-right: 130px !important; }
	.mr135-xl { margin-right: 135px !important; }
	.mr140-xl { margin-right: 140px !important; }
	.mr145-xl { margin-right: 145px !important; }
	.mr150-xl { margin-right: 150px !important; }
	.mr155-xl { margin-right: 155px !important; }
	.mr160-xl { margin-right: 160px !important; }
	.mr165-xl { margin-right: 165px !important; }
	.mr170-xl { margin-right: 170px !important; }
	.mr175-xl { margin-right: 175px !important; }
	.mr180-xl { margin-right: 180px !important; }
	.mr185-xl { margin-right: 185px !important; }
	.mr190-xl { margin-right: 190px !important; }
	.mr195-xl { margin-right: 195px !important; }
	.mr200-xl { margin-right: 200px !important; }
}

/*Padding*/
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }
.p55 { padding: 55px !important; }
.p60 { padding: 60px !important; }
.p65 { padding: 65px !important; }
.p70 { padding: 70px !important; }
.p75 { padding: 75px !important; }
.p80 { padding: 80px !important; }
.p85 { padding: 85px !important; }
.p90 { padding: 90px !important; }
.p95 { padding: 95px !important; }
.p100 { padding: 100px !important; }
.p105 { padding: 105px !important; }
.p110 { padding: 110px !important; }
.p115 { padding: 115px !important; }
.p120 { padding: 120px !important; }
.p125 { padding: 125px !important; }
.p130 { padding: 130px !important; }
.p135 { padding: 135px !important; }
.p140 { padding: 140px !important; }
.p145 { padding: 145px !important; }
.p150 { padding: 150px !important; }
.p155 { padding: 155px !important; }
.p160 { padding: 160px !important; }
.p165 { padding: 165px !important; }
.p170 { padding: 170px !important; }
.p175 { padding: 175px !important; }
.p180 { padding: 180px !important; }
.p185 { padding: 185px !important; }
.p190 { padding: 190px !important; }
.p195 { padding: 195px !important; }
.p200 { padding: 200px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }
.pt105 { padding-top: 105px !important; }
.pt110 { padding-top: 110px !important; }
.pt115 { padding-top: 115px !important; }
.pt120 { padding-top: 120px !important; }
.pt125 { padding-top: 125px !important; }
.pt130 { padding-top: 130px !important; }
.pt135 { padding-top: 135px !important; }
.pt140 { padding-top: 140px !important; }
.pt145 { padding-top: 145px !important; }
.pt150 { padding-top: 150px !important; }
.pt155 { padding-top: 155px !important; }
.pt160 { padding-top: 160px !important; }
.pt165 { padding-top: 165px !important; }
.pt170 { padding-top: 170px !important; }
.pt175 { padding-top: 175px !important; }
.pt180 { padding-top: 180px !important; }
.pt185 { padding-top: 185px !important; }
.pt190 { padding-top: 190px !important; }
.pt195 { padding-top: 195px !important; }
.pt200 { padding-top: 200px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb105 { padding-bottom: 105px !important; }
.pb110 { padding-bottom: 110px !important; }
.pb115 { padding-bottom: 115px !important; }
.pb120 { padding-bottom: 120px !important; }
.pb125 { padding-bottom: 125px !important; }
.pb130 { padding-bottom: 130px !important; }
.pb135 { padding-bottom: 135px !important; }
.pb140 { padding-bottom: 140px !important; }
.pb145 { padding-bottom: 145px !important; }
.pb150 { padding-bottom: 150px !important; }
.pb155 { padding-bottom: 155px !important; }
.pb160 { padding-bottom: 160px !important; }
.pb165 { padding-bottom: 165px !important; }
.pb170 { padding-bottom: 170px !important; }
.pb175 { padding-bottom: 175px !important; }
.pb180 { padding-bottom: 180px !important; }
.pb185 { padding-bottom: 185px !important; }
.pb190 { padding-bottom: 190px !important; }
.pb195 { padding-bottom: 195px !important; }
.pb200 { padding-bottom: 200px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }
.pl105 { padding-left: 105px !important; }
.pl110 { padding-left: 110px !important; }
.pl115 { padding-left: 115px !important; }
.pl120 { padding-left: 120px !important; }
.pl125 { padding-left: 125px !important; }
.pl130 { padding-left: 130px !important; }
.pl135 { padding-left: 135px !important; }
.pl140 { padding-left: 140px !important; }
.pl145 { padding-left: 145px !important; }
.pl150 { padding-left: 150px !important; }
.pl155 { padding-left: 155px !important; }
.pl160 { padding-left: 160px !important; }
.pl165 { padding-left: 165px !important; }
.pl170 { padding-left: 170px !important; }
.pl175 { padding-left: 175px !important; }
.pl180 { padding-left: 180px !important; }
.pl185 { padding-left: 185px !important; }
.pl190 { padding-left: 190px !important; }
.pl195 { padding-left: 195px !important; }
.pl200 { padding-left: 200px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }
.pr105 { padding-right: 105px !important; }
.pr110 { padding-right: 110px !important; }
.pr115 { padding-right: 115px !important; }
.pr120 { padding-right: 120px !important; }
.pr125 { padding-right: 125px !important; }
.pr130 { padding-right: 130px !important; }
.pr135 { padding-right: 135px !important; }
.pr140 { padding-right: 140px !important; }
.pr145 { padding-right: 145px !important; }
.pr150 { padding-right: 150px !important; }
.pr155 { padding-right: 155px !important; }
.pr160 { padding-right: 160px !important; }
.pr165 { padding-right: 165px !important; }
.pr170 { padding-right: 170px !important; }
.pr175 { padding-right: 175px !important; }
.pr180 { padding-right: 180px !important; }
.pr185 { padding-right: 185px !important; }
.pr190 { padding-right: 190px !important; }
.pr195 { padding-right: 195px !important; }
.pr200 { padding-right: 200px !important; }


@media (min-width: 768px){
	.p0-md { padding: 0px !important; }
	.p5-md { padding: 5px !important; }
	.p10-md { padding: 10px !important; }
	.p15-md { padding: 15px !important; }
	.p20-md { padding: 20px !important; }
	.p25-md { padding: 25px !important; }
	.p30-md { padding: 30px !important; }
	.p35-md { padding: 35px !important; }
	.p40-md { padding: 40px !important; }
	.p45-md { padding: 45px !important; }
	.p50-md { padding: 50px !important; }
	.p55-md { padding: 55px !important; }
	.p60-md { padding: 60px !important; }
	.p65-md { padding: 65px !important; }
	.p70-md { padding: 70px !important; }
	.p75-md { padding: 75px !important; }
	.p80-md { padding: 80px !important; }
	.p85-md { padding: 85px !important; }
	.p90-md { padding: 90px !important; }
	.p95-md { padding: 95px !important; }
	.p100-md { padding: 100px !important; }
	.p105-md { padding: 105px !important; }
	.p110-md { padding: 110px !important; }
	.p115-md { padding: 115px !important; }
	.p120-md { padding: 120px !important; }
	.p125-md { padding: 125px !important; }
	.p130-md { padding: 130px !important; }
	.p135-md { padding: 135px !important; }
	.p140-md { padding: 140px !important; }
	.p145-md { padding: 145px !important; }
	.p150-md { padding: 150px !important; }
	.p155-md { padding: 155px !important; }
	.p160-md { padding: 160px !important; }
	.p165-md { padding: 165px !important; }
	.p170-md { padding: 170px !important; }
	.p175-md { padding: 175px !important; }
	.p180-md { padding: 180px !important; }
	.p185-md { padding: 185px !important; }
	.p190-md { padding: 190px !important; }
	.p195-md { padding: 195px !important; }
	.p200-md { padding: 200px !important; }

	.pt0-md { padding-top: 0px !important; }
	.pt5-md { padding-top: 5px !important; }
	.pt10-md { padding-top: 10px !important; }
	.pt15-md { padding-top: 15px !important; }
	.pt20-md { padding-top: 20px !important; }
	.pt25-md { padding-top: 25px !important; }
	.pt30-md { padding-top: 30px !important; }
	.pt35-md { padding-top: 35px !important; }
	.pt40-md { padding-top: 40px !important; }
	.pt45-md { padding-top: 45px !important; }
	.pt50-md { padding-top: 50px !important; }
	.pt55-md { padding-top: 55px !important; }
	.pt60-md { padding-top: 60px !important; }
	.pt65-md { padding-top: 65px !important; }
	.pt70-md { padding-top: 70px !important; }
	.pt75-md { padding-top: 75px !important; }
	.pt80-md { padding-top: 80px !important; }
	.pt85-md { padding-top: 85px !important; }
	.pt90-md { padding-top: 90px !important; }
	.pt95-md { padding-top: 95px !important; }
	.pt100-md { padding-top: 100px !important; }
	.pt105-md { padding-top: 105px !important; }
	.pt110-md { padding-top: 110px !important; }
	.pt115-md { padding-top: 115px !important; }
	.pt120-md { padding-top: 120px !important; }
	.pt125-md { padding-top: 125px !important; }
	.pt130-md { padding-top: 130px !important; }
	.pt135-md { padding-top: 135px !important; }
	.pt140-md { padding-top: 140px !important; }
	.pt145-md { padding-top: 145px !important; }
	.pt150-md { padding-top: 150px !important; }
	.pt155-md { padding-top: 155px !important; }
	.pt160-md { padding-top: 160px !important; }
	.pt165-md { padding-top: 165px !important; }
	.pt170-md { padding-top: 170px !important; }
	.pt175-md { padding-top: 175px !important; }
	.pt180-md { padding-top: 180px !important; }
	.pt185-md { padding-top: 185px !important; }
	.pt190-md { padding-top: 190px !important; }
	.pt195-md { padding-top: 195px !important; }
	.pt200-md { padding-top: 200px !important; }

	.pb0-md { padding-bottom: 0px !important; }
	.pb5-md { padding-bottom: 5px !important; }
	.pb10-md { padding-bottom: 10px !important; }
	.pb15-md { padding-bottom: 15px !important; }
	.pb20-md { padding-bottom: 20px !important; }
	.pb25-md { padding-bottom: 25px !important; }
	.pb30-md { padding-bottom: 30px !important; }
	.pb35-md { padding-bottom: 35px !important; }
	.pb40-md { padding-bottom: 40px !important; }
	.pb45-md { padding-bottom: 45px !important; }
	.pb50-md { padding-bottom: 50px !important; }
	.pb55-md { padding-bottom: 55px !important; }
	.pb60-md { padding-bottom: 60px !important; }
	.pb65-md { padding-bottom: 65px !important; }
	.pb70-md { padding-bottom: 70px !important; }
	.pb75-md { padding-bottom: 75px !important; }
	.pb80-md { padding-bottom: 80px !important; }
	.pb85-md { padding-bottom: 85px !important; }
	.pb90-md { padding-bottom: 90px !important; }
	.pb95-md { padding-bottom: 95px !important; }
	.pb100-md { padding-bottom: 100px !important; }
	.pb105-md { padding-bottom: 105px !important; }
	.pb110-md { padding-bottom: 110px !important; }
	.pb115-md { padding-bottom: 115px !important; }
	.pb120-md { padding-bottom: 120px !important; }
	.pb125-md { padding-bottom: 125px !important; }
	.pb130-md { padding-bottom: 130px !important; }
	.pb135-md { padding-bottom: 135px !important; }
	.pb140-md { padding-bottom: 140px !important; }
	.pb145-md { padding-bottom: 145px !important; }
	.pb150-md { padding-bottom: 150px !important; }
	.pb155-md { padding-bottom: 155px !important; }
	.pb160-md { padding-bottom: 160px !important; }
	.pb165-md { padding-bottom: 165px !important; }
	.pb170-md { padding-bottom: 170px !important; }
	.pb175-md { padding-bottom: 175px !important; }
	.pb180-md { padding-bottom: 180px !important; }
	.pb185-md { padding-bottom: 185px !important; }
	.pb190-md { padding-bottom: 190px !important; }
	.pb195-md { padding-bottom: 195px !important; }
	.pb200-md { padding-bottom: 200px !important; }

	.pl0-md { padding-left: 0px !important; }
	.pl5-md { padding-left: 5px !important; }
	.pl10-md { padding-left: 10px !important; }
	.pl15-md { padding-left: 15px !important; }
	.pl20-md { padding-left: 20px !important; }
	.pl25-md { padding-left: 25px !important; }
	.pl30-md { padding-left: 30px !important; }
	.pl35-md { padding-left: 35px !important; }
	.pl40-md { padding-left: 40px !important; }
	.pl45-md { padding-left: 45px !important; }
	.pl50-md { padding-left: 50px !important; }
	.pl55-md { padding-left: 55px !important; }
	.pl60-md { padding-left: 60px !important; }
	.pl65-md { padding-left: 65px !important; }
	.pl70-md { padding-left: 70px !important; }
	.pl75-md { padding-left: 75px !important; }
	.pl80-md { padding-left: 80px !important; }
	.pl85-md { padding-left: 85px !important; }
	.pl90-md { padding-left: 90px !important; }
	.pl95-md { padding-left: 95px !important; }
	.pl100-md { padding-left: 100px !important; }
	.pl105-md { padding-left: 105px !important; }
	.pl110-md { padding-left: 110px !important; }
	.pl115-md { padding-left: 115px !important; }
	.pl120-md { padding-left: 120px !important; }
	.pl125-md { padding-left: 125px !important; }
	.pl130-md { padding-left: 130px !important; }
	.pl135-md { padding-left: 135px !important; }
	.pl140-md { padding-left: 140px !important; }
	.pl145-md { padding-left: 145px !important; }
	.pl150-md { padding-left: 150px !important; }
	.pl155-md { padding-left: 155px !important; }
	.pl160-md { padding-left: 160px !important; }
	.pl165-md { padding-left: 165px !important; }
	.pl170-md { padding-left: 170px !important; }
	.pl175-md { padding-left: 175px !important; }
	.pl180-md { padding-left: 180px !important; }
	.pl185-md { padding-left: 185px !important; }
	.pl190-md { padding-left: 190px !important; }
	.pl195-md { padding-left: 195px !important; }
	.pl200-md { padding-left: 200px !important; }

	.pr0-md { padding-right: 0px !important; }
	.pr5-md { padding-right: 5px !important; }
	.pr10-md { padding-right: 10px !important; }
	.pr15-md { padding-right: 15px !important; }
	.pr20-md { padding-right: 20px !important; }
	.pr25-md { padding-right: 25px !important; }
	.pr30-md { padding-right: 30px !important; }
	.pr35-md { padding-right: 35px !important; }
	.pr40-md { padding-right: 40px !important; }
	.pr45-md { padding-right: 45px !important; }
	.pr50-md { padding-right: 50px !important; }
	.pr55-md { padding-right: 55px !important; }
	.pr60-md { padding-right: 60px !important; }
	.pr65-md { padding-right: 65px !important; }
	.pr70-md { padding-right: 70px !important; }
	.pr75-md { padding-right: 75px !important; }
	.pr80-md { padding-right: 80px !important; }
	.pr85-md { padding-right: 85px !important; }
	.pr90-md { padding-right: 90px !important; }
	.pr95-md { padding-right: 95px !important; }
	.pr100-md { padding-right: 100px !important; }
	.pr105-md { padding-right: 105px !important; }
	.pr110-md { padding-right: 110px !important; }
	.pr115-md { padding-right: 115px !important; }
	.pr120-md { padding-right: 120px !important; }
	.pr125-md { padding-right: 125px !important; }
	.pr130-md { padding-right: 130px !important; }
	.pr135-md { padding-right: 135px !important; }
	.pr140-md { padding-right: 140px !important; }
	.pr145-md { padding-right: 145px !important; }
	.pr150-md { padding-right: 150px !important; }
	.pr155-md { padding-right: 155px !important; }
	.pr160-md { padding-right: 160px !important; }
	.pr165-md { padding-right: 165px !important; }
	.pr170-md { padding-right: 170px !important; }
	.pr175-md { padding-right: 175px !important; }
	.pr180-md { padding-right: 180px !important; }
	.pr185-md { padding-right: 185px !important; }
	.pr190-md { padding-right: 190px !important; }
	.pr195-md { padding-right: 195px !important; }
	.pr200-md { padding-right: 200px !important; }
}


@media (min-width: 1024px){
	.p0-lg { padding: 0px !important; }
	.p5-lg { padding: 5px !important; }
	.p10-lg { padding: 10px !important; }
	.p15-lg { padding: 15px !important; }
	.p20-lg { padding: 20px !important; }
	.p25-lg { padding: 25px !important; }
	.p30-lg { padding: 30px !important; }
	.p35-lg { padding: 35px !important; }
	.p40-lg { padding: 40px !important; }
	.p45-lg { padding: 45px !important; }
	.p50-lg { padding: 50px !important; }
	.p55-lg { padding: 55px !important; }
	.p60-lg { padding: 60px !important; }
	.p65-lg { padding: 65px !important; }
	.p70-lg { padding: 70px !important; }
	.p75-lg { padding: 75px !important; }
	.p80-lg { padding: 80px !important; }
	.p85-lg { padding: 85px !important; }
	.p90-lg { padding: 90px !important; }
	.p95-lg { padding: 95px !important; }
	.p100-lg { padding: 100px !important; }
	.p105-lg { padding: 105px !important; }
	.p110-lg { padding: 110px !important; }
	.p115-lg { padding: 115px !important; }
	.p120-lg { padding: 120px !important; }
	.p125-lg { padding: 125px !important; }
	.p130-lg { padding: 130px !important; }
	.p135-lg { padding: 135px !important; }
	.p140-lg { padding: 140px !important; }
	.p145-lg { padding: 145px !important; }
	.p150-lg { padding: 150px !important; }
	.p155-lg { padding: 155px !important; }
	.p160-lg { padding: 160px !important; }
	.p165-lg { padding: 165px !important; }
	.p170-lg { padding: 170px !important; }
	.p175-lg { padding: 175px !important; }
	.p180-lg { padding: 180px !important; }
	.p185-lg { padding: 185px !important; }
	.p190-lg { padding: 190px !important; }
	.p195-lg { padding: 195px !important; }
	.p200-lg { padding: 200px !important; }

	.pt0-lg { padding-top: 0px !important; }
	.pt5-lg { padding-top: 5px !important; }
	.pt10-lg { padding-top: 10px !important; }
	.pt15-lg { padding-top: 15px !important; }
	.pt20-lg { padding-top: 20px !important; }
	.pt25-lg { padding-top: 25px !important; }
	.pt30-lg { padding-top: 30px !important; }
	.pt35-lg { padding-top: 35px !important; }
	.pt40-lg { padding-top: 40px !important; }
	.pt45-lg { padding-top: 45px !important; }
	.pt50-lg { padding-top: 50px !important; }
	.pt55-lg { padding-top: 55px !important; }
	.pt60-lg { padding-top: 60px !important; }
	.pt65-lg { padding-top: 65px !important; }
	.pt70-lg { padding-top: 70px !important; }
	.pt75-lg { padding-top: 75px !important; }
	.pt80-lg { padding-top: 80px !important; }
	.pt85-lg { padding-top: 85px !important; }
	.pt90-lg { padding-top: 90px !important; }
	.pt95-lg { padding-top: 95px !important; }
	.pt100-lg { padding-top: 100px !important; }
	.pt105-lg { padding-top: 105px !important; }
	.pt110-lg { padding-top: 110px !important; }
	.pt115-lg { padding-top: 115px !important; }
	.pt120-lg { padding-top: 120px !important; }
	.pt125-lg { padding-top: 125px !important; }
	.pt130-lg { padding-top: 130px !important; }
	.pt135-lg { padding-top: 135px !important; }
	.pt140-lg { padding-top: 140px !important; }
	.pt145-lg { padding-top: 145px !important; }
	.pt150-lg { padding-top: 150px !important; }
	.pt155-lg { padding-top: 155px !important; }
	.pt160-lg { padding-top: 160px !important; }
	.pt165-lg { padding-top: 165px !important; }
	.pt170-lg { padding-top: 170px !important; }
	.pt175-lg { padding-top: 175px !important; }
	.pt180-lg { padding-top: 180px !important; }
	.pt185-lg { padding-top: 185px !important; }
	.pt190-lg { padding-top: 190px !important; }
	.pt195-lg { padding-top: 195px !important; }
	.pt200-lg { padding-top: 200px !important; }

	.pb0-lg { padding-bottom: 0px !important; }
	.pb5-lg { padding-bottom: 5px !important; }
	.pb10-lg { padding-bottom: 10px !important; }
	.pb15-lg { padding-bottom: 15px !important; }
	.pb20-lg { padding-bottom: 20px !important; }
	.pb25-lg { padding-bottom: 25px !important; }
	.pb30-lg { padding-bottom: 30px !important; }
	.pb35-lg { padding-bottom: 35px !important; }
	.pb40-lg { padding-bottom: 40px !important; }
	.pb45-lg { padding-bottom: 45px !important; }
	.pb50-lg { padding-bottom: 50px !important; }
	.pb55-lg { padding-bottom: 55px !important; }
	.pb60-lg { padding-bottom: 60px !important; }
	.pb65-lg { padding-bottom: 65px !important; }
	.pb70-lg { padding-bottom: 70px !important; }
	.pb75-lg { padding-bottom: 75px !important; }
	.pb80-lg { padding-bottom: 80px !important; }
	.pb85-lg { padding-bottom: 85px !important; }
	.pb90-lg { padding-bottom: 90px !important; }
	.pb95-lg { padding-bottom: 95px !important; }
	.pb100-lg { padding-bottom: 100px !important; }
	.pb105-lg { padding-bottom: 105px !important; }
	.pb110-lg { padding-bottom: 110px !important; }
	.pb115-lg { padding-bottom: 115px !important; }
	.pb120-lg { padding-bottom: 120px !important; }
	.pb125-lg { padding-bottom: 125px !important; }
	.pb130-lg { padding-bottom: 130px !important; }
	.pb135-lg { padding-bottom: 135px !important; }
	.pb140-lg { padding-bottom: 140px !important; }
	.pb145-lg { padding-bottom: 145px !important; }
	.pb150-lg { padding-bottom: 150px !important; }
	.pb155-lg { padding-bottom: 155px !important; }
	.pb160-lg { padding-bottom: 160px !important; }
	.pb165-lg { padding-bottom: 165px !important; }
	.pb170-lg { padding-bottom: 170px !important; }
	.pb175-lg { padding-bottom: 175px !important; }
	.pb180-lg { padding-bottom: 180px !important; }
	.pb185-lg { padding-bottom: 185px !important; }
	.pb190-lg { padding-bottom: 190px !important; }
	.pb195-lg { padding-bottom: 195px !important; }
	.pb200-lg { padding-bottom: 200px !important; }

	.pl0-lg { padding-left: 0px !important; }
	.pl5-lg { padding-left: 5px !important; }
	.pl10-lg { padding-left: 10px !important; }
	.pl15-lg { padding-left: 15px !important; }
	.pl20-lg { padding-left: 20px !important; }
	.pl25-lg { padding-left: 25px !important; }
	.pl30-lg { padding-left: 30px !important; }
	.pl35-lg { padding-left: 35px !important; }
	.pl40-lg { padding-left: 40px !important; }
	.pl45-lg { padding-left: 45px !important; }
	.pl50-lg { padding-left: 50px !important; }
	.pl55-lg { padding-left: 55px !important; }
	.pl60-lg { padding-left: 60px !important; }
	.pl65-lg { padding-left: 65px !important; }
	.pl70-lg { padding-left: 70px !important; }
	.pl75-lg { padding-left: 75px !important; }
	.pl80-lg { padding-left: 80px !important; }
	.pl85-lg { padding-left: 85px !important; }
	.pl90-lg { padding-left: 90px !important; }
	.pl95-lg { padding-left: 95px !important; }
	.pl100-lg { padding-left: 100px !important; }
	.pl105-lg { padding-left: 105px !important; }
	.pl110-lg { padding-left: 110px !important; }
	.pl115-lg { padding-left: 115px !important; }
	.pl120-lg { padding-left: 120px !important; }
	.pl125-lg { padding-left: 125px !important; }
	.pl130-lg { padding-left: 130px !important; }
	.pl135-lg { padding-left: 135px !important; }
	.pl140-lg { padding-left: 140px !important; }
	.pl145-lg { padding-left: 145px !important; }
	.pl150-lg { padding-left: 150px !important; }
	.pl155-lg { padding-left: 155px !important; }
	.pl160-lg { padding-left: 160px !important; }
	.pl165-lg { padding-left: 165px !important; }
	.pl170-lg { padding-left: 170px !important; }
	.pl175-lg { padding-left: 175px !important; }
	.pl180-lg { padding-left: 180px !important; }
	.pl185-lg { padding-left: 185px !important; }
	.pl190-lg { padding-left: 190px !important; }
	.pl195-lg { padding-left: 195px !important; }
	.pl200-lg { padding-left: 200px !important; }
}


@media (min-width: 1200px){
	.p0-xl { padding: 0px !important; }
	.p5-xl { padding: 5px !important; }
	.p10-xl { padding: 10px !important; }
	.p15-xl { padding: 15px !important; }
	.p20-xl { padding: 20px !important; }
	.p25-xl { padding: 25px !important; }
	.p30-xl { padding: 30px !important; }
	.p35-xl { padding: 35px !important; }
	.p40-xl { padding: 40px !important; }
	.p45-xl { padding: 45px !important; }
	.p50-xl { padding: 50px !important; }
	.p55-xl { padding: 55px !important; }
	.p60-xl { padding: 60px !important; }
	.p65-xl { padding: 65px !important; }
	.p70-xl { padding: 70px !important; }
	.p75-xl { padding: 75px !important; }
	.p80-xl { padding: 80px !important; }
	.p85-xl { padding: 85px !important; }
	.p90-xl { padding: 90px !important; }
	.p95-xl { padding: 95px !important; }
	.p100-xl { padding: 100px !important; }
	.p105-xl { padding: 105px !important; }
	.p110-xl { padding: 110px !important; }
	.p115-xl { padding: 115px !important; }
	.p120-xl { padding: 120px !important; }
	.p125-xl { padding: 125px !important; }
	.p130-xl { padding: 130px !important; }
	.p135-xl { padding: 135px !important; }
	.p140-xl { padding: 140px !important; }
	.p145-xl { padding: 145px !important; }
	.p150-xl { padding: 150px !important; }
	.p155-xl { padding: 155px !important; }
	.p160-xl { padding: 160px !important; }
	.p165-xl { padding: 165px !important; }
	.p170-xl { padding: 170px !important; }
	.p175-xl { padding: 175px !important; }
	.p180-xl { padding: 180px !important; }
	.p185-xl { padding: 185px !important; }
	.p190-xl { padding: 190px !important; }
	.p195-xl { padding: 195px !important; }
	.p200-xl { padding: 200px !important; }

	.pt0-xl { padding-top: 0px !important; }
	.pt5-xl { padding-top: 5px !important; }
	.pt10-xl { padding-top: 10px !important; }
	.pt15-xl { padding-top: 15px !important; }
	.pt20-xl { padding-top: 20px !important; }
	.pt25-xl { padding-top: 25px !important; }
	.pt30-xl { padding-top: 30px !important; }
	.pt35-xl { padding-top: 35px !important; }
	.pt40-xl { padding-top: 40px !important; }
	.pt45-xl { padding-top: 45px !important; }
	.pt50-xl { padding-top: 50px !important; }
	.pt55-xl { padding-top: 55px !important; }
	.pt60-xl { padding-top: 60px !important; }
	.pt65-xl { padding-top: 65px !important; }
	.pt70-xl { padding-top: 70px !important; }
	.pt75-xl { padding-top: 75px !important; }
	.pt80-xl { padding-top: 80px !important; }
	.pt85-xl { padding-top: 85px !important; }
	.pt90-xl { padding-top: 90px !important; }
	.pt95-xl { padding-top: 95px !important; }
	.pt100-xl { padding-top: 100px !important; }
	.pt105-xl { padding-top: 105px !important; }
	.pt110-xl { padding-top: 110px !important; }
	.pt115-xl { padding-top: 115px !important; }
	.pt120-xl { padding-top: 120px !important; }
	.pt125-xl { padding-top: 125px !important; }
	.pt130-xl { padding-top: 130px !important; }
	.pt135-xl { padding-top: 135px !important; }
	.pt140-xl { padding-top: 140px !important; }
	.pt145-xl { padding-top: 145px !important; }
	.pt150-xl { padding-top: 150px !important; }
	.pt155-xl { padding-top: 155px !important; }
	.pt160-xl { padding-top: 160px !important; }
	.pt165-xl { padding-top: 165px !important; }
	.pt170-xl { padding-top: 170px !important; }
	.pt175-xl { padding-top: 175px !important; }
	.pt180-xl { padding-top: 180px !important; }
	.pt185-xl { padding-top: 185px !important; }
	.pt190-xl { padding-top: 190px !important; }
	.pt195-xl { padding-top: 195px !important; }
	.pt200-xl { padding-top: 200px !important; }
}

/*font*/
.fs05 { font-size: 0.5em !important; }
.fs06 { font-size: 0.6em !important; }
.fs07 { font-size: 0.7em !important; }
.fs08 { font-size: 0.8em !important; }
.fs09 { font-size: 0.9em !important; }
.fs10 { font-size: 1.0em !important; }
.fs11 { font-size: 1.1em !important; }
.fs12 { font-size: 1.2em !important; }
.fs13 { font-size: 1.3em !important; }
.fs14 { font-size: 1.4em !important; }
.fs15 { font-size: 1.5em !important; }
.fs16 { font-size: 1.6em !important; }
.fs17 { font-size: 1.7em !important; }
.fs18 { font-size: 1.8em !important; }
.fs19 { font-size: 1.9em !important; }
.fs20 { font-size: 2.0em !important; }
.fs21 { font-size: 2.1em !important; }
.fs22 { font-size: 2.2em !important; }
.fs23 { font-size: 2.3em !important; }
.fs24 { font-size: 2.4em !important; }
.fs25 { font-size: 2.5em !important; }
.fs26 { font-size: 2.6em !important; }
.fs27 { font-size: 2.7em !important; }
.fs28 { font-size: 2.8em !important; }
.fs29 { font-size: 2.9em !important; }
.fs30 { font-size: 3.0em !important; }
.fs31 { font-size: 3.1em !important; }
.fs32 { font-size: 3.2em !important; }
.fs33 { font-size: 3.3em !important; }
.fs34 { font-size: 3.4em !important; }
.fs35 { font-size: 3.5em !important; }
.fs36 { font-size: 3.6em !important; }
.fs37 { font-size: 3.7em !important; }
.fs38 { font-size: 3.8em !important; }
.fs39 { font-size: 3.9em !important; }
.fs40 { font-size: 4.0em !important; }

@media (min-width: 768px){
	& .fs05-md { font-size: 0.5em !important; }
	& .fs06-md { font-size: 0.6em !important; }
	& .fs07-md { font-size: 0.7em !important; }
	& .fs08-md { font-size: 0.8em !important; }
	& .fs09-md { font-size: 0.9em !important; }
	& .fs10-md { font-size: 1.0em !important; }
	& .fs11-md { font-size: 1.1em !important; }
	& .fs12-md { font-size: 1.2em !important; }
	& .fs13-md { font-size: 1.3em !important; }
	& .fs14-md { font-size: 1.4em !important; }
	& .fs15-md { font-size: 1.5em !important; }
	& .fs16-md { font-size: 1.6em !important; }
	& .fs17-md { font-size: 1.7em !important; }
	& .fs18-md { font-size: 1.8em !important; }
	& .fs19-md { font-size: 1.9em !important; }
	& .fs20-md { font-size: 2.0em !important; }
	& .fs21-md { font-size: 2.1em !important; }
	& .fs22-md { font-size: 2.2em !important; }
	& .fs23-md { font-size: 2.3em !important; }
	& .fs24-md { font-size: 2.4em !important; }
	& .fs25-md { font-size: 2.5em !important; }
	& .fs26-md { font-size: 2.6em !important; }
	& .fs27-md { font-size: 2.7em !important; }
	& .fs28-md { font-size: 2.8em !important; }
	& .fs29-md { font-size: 2.9em !important; }
	& .fs30-md { font-size: 3.0em !important; }
	& .fs31-md { font-size: 3.1em !important; }
	& .fs32-md { font-size: 3.2em !important; }
	& .fs33-md { font-size: 3.3em !important; }
	& .fs34-md { font-size: 3.4em !important; }
	& .fs35-md { font-size: 3.5em !important; }
	& .fs36-md { font-size: 3.6em !important; }
	& .fs37-md { font-size: 3.7em !important; }
	& .fs38-md { font-size: 3.8em !important; }
	& .fs39-md { font-size: 3.9em !important; }
	& .fs40-md { font-size: 4.0em !important; }
}

.fs08p { font-size: 8px !important; }
.fs09p { font-size: 9px !important; }
.fs10p { font-size: 10px !important; }
.fs11p { font-size: 11px !important; }
.fs12p { font-size: 12px !important; }
.fs13p { font-size: 13px !important; }
.fs14p { font-size: 14px !important; }
.fs15p { font-size: 15px !important; }
.fs16p { font-size: 16px !important; }
.fs17p { font-size: 17px !important; }
.fs18p { font-size: 18px !important; }
.fs19p { font-size: 19px !important; }
.fs20p { font-size: 20px !important; }
.fs21p { font-size: 21px !important; }
.fs22p { font-size: 22px !important; }
.fs23p { font-size: 23px !important; }
.fs24p { font-size: 24px !important; }
.fs25p { font-size: 25px !important; }
.fs26p { font-size: 26px !important; }
.fs27p { font-size: 27px !important; }
.fs28p { font-size: 28px !important; }
.fs29p { font-size: 29px !important; }
.fs30p { font-size: 30px !important; }
.fs31p { font-size: 31px !important; }
.fs32p { font-size: 32px !important; }
.fs33p { font-size: 33px !important; }
.fs34p { font-size: 34px !important; }
.fs35p { font-size: 35px !important; }
.fs36p { font-size: 36px !important; }
.fs37p { font-size: 37px !important; }
.fs38p { font-size: 38px !important; }
.fs39p { font-size: 39px !important; }
.fs40p { font-size: 40px !important; }
.fs41p { font-size: 41px !important; }
.fs42p { font-size: 42px !important; }
.fs43p { font-size: 43px !important; }
.fs44p { font-size: 44px !important; }
.fs45p { font-size: 45px !important; }
.fs46p { font-size: 46px !important; }
.fs47p { font-size: 47px !important; }
.fs48p { font-size: 48px !important; }
.fs49p { font-size: 49px !important; }
.fs50p { font-size: 50px !important; }

.lh1{
	line-height: 1;
}
.al-l{
	text-align: left;
}
.al-c{
	text-align: center;
}
.al-r{
	text-align: right;
}
@media (max-width: 767px){
	& .al-c-md{
		text-align: center;
	}
	& .al-r-md{
		text-align: right;
	}
}