@charset "UTF-8";


/*=======================================================*/
/*					セクション毎のCSS					  */
/*======================================================*/

/*============ 共通 =========== */

/* 親要素からはみ出して画面いっぱいに */
.full {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
@media print {
	.full {
		margin: 0;
		width: 100%;
	}
}

.hline {
	display: inline-block;
	width: 40px; /* 横棒の長さ（調整可） */
	height: 1px; /* 横棒の太さ（調整可） */
	background-color: #2d2d2d; /* 横棒の色 */
	vertical-align: middle;
	margin: 0 0.1em; /* 文章と横棒の間隔 */
}

/*パンくず*/
.sec_pankuzu{
	padding: 0px;
	background-color: var(--base-color);
	position: relative;
	z-index: 1;
}

/* タグ */
.kakomi01{
	text-align: center;
}
.kakomi01 span {
	padding: 3px 7px 2px 7px;
	margin: 0px 0px 5px;
	background-color: var(--main-color);
	border: 1px solid #eee;
	color:#FFF;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	font-size: clamp(12px, 1.3vw, 12px);
}

/* タグ（左右が揃う）  */
.kakomi-tag01 {
	display: flex;
	flex-wrap: wrap; /* 子要素を折り返す */
	gap: 10px;
	width: 100%;
	justify-content: space-between; /* 左右のボックスを揃える */
}
.kakomi-tag01 p {
	background-color: var(--accent-color3);
	padding: 5px 10px;
	font-size: clamp(14px, 1.6vw, 16px);
	font-family: Arial, sans-serif;
	flex-grow: 1; /* ボックスのサイズを自動調整 */
	min-width: 100px; /* ボックスの最小幅を設定 */
	box-sizing: border-box;
	text-align: center; /* 水平方向の中央揃え */
}
.kakomi-tag01 .end{		/* などを末尾につけたい場合に */
	background-color:transparent;
	padding: 5px;
	font-size: clamp(14px, 1.3vw, 14px);
	font-family: Arial, sans-serif;
	width: 20px;
	min-width: 40px; /* ボックスの最小幅を設定 */
	box-sizing: border-box;
	text-align: right; /* 水平方向の中央揃え */
}

/* リスト */
.list01 {
	list-style: none;
	padding-left: 0px;
	margin-top: 1rem;
}

.list01 li {
	position: relative;
	padding-left: 2em; /* 中黒分の余白 */
	line-height: 1.7;
}

.list01 li::before {
	content: "・";
	position: absolute;
	left: 0;
	top: -0.45em;
	font-size: 2em; /* 中黒を大きめに */
	font-weight: 600; /* 少し太く */
	color: var(--main-color);
}


/* 背景括り */
.contentsbg {
	background: rgba(255, 255, 255, 0.8);
	padding: 60px 40px;
}
@media screen and (max-width: 568px) {
	.contentsbg {
		padding: 40px 15px 15px 15px;
	}
}

/* ===== spot-heading01（英語＋日本語サブ） ===== */
.spot-heading01{
	font-size: clamp(25px, 4vw, 42px);
	line-height: 1.05;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.02em;
	color: rgba(6, 40, 61, 0.1); /* 濃ネイビー */

	margin: 0 auto 14px;
	position: relative;
}

/* 下線アクセント（ゴールド） */
.spot-heading01::after{
	content: "";
	display: block;
	width: min(240px, 62%);
	height: 3px;
	margin: 14px auto 0;
	background: linear-gradient(90deg, transparent, var(--accent-color1), transparent);
	border-radius: 10px;
	opacity: 0.95;
}

/* 日本語サブ */
.spot-heading01 span{
	display: block;
	margin-top: -10px;
	font-size: clamp(16px, 2.2vw, 22px);
	line-height: 1.5;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.06em;

	color: var(--main-color); /* メインネイビー */
}



/*======= TOPページ ======*/
/*ご挨拶*/
.greeting {
	padding: clamp(40px, 6vw, 90px) 0 var(--v-space);
	background-color: #fff;

	position: relative; /* sectionの位置を相対的にする*/ 
	z-index: 1; /* 背景画像より上に表示 */ 
}

.greeting-haba{
	margin: 0 auto;
	max-width: 900px;
	padding: 2% 0 0 0;
	margin-bottom: 3rem;
}
/* 不調リスト */
.feature-list{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
	list-style:none;
	padding:0;
	margin-top:10px;
}

.feature-list li{
	background:#00A3591a;
	border-radius:30px;
	padding:18px 25px 18px 50px;
	font-size:15px;
	line-height:1.6;
	position:relative;
	box-shadow:0 4px 10px rgba(0,0,0,0.08);
}

/* チェックアイコン */
.feature-list li::before{
	content:"✓";
	position:absolute;
	left:20px;
	top:50%;
	transform:translateY(-50%);
	color:#00A359;
	font-weight:bold;
	font-size:18px;
}

/* タブレット */
@media (max-width:900px){
	.feature-list{
		grid-template-columns:repeat(2,1fr);
	}
}

/* スマホ */
@media (max-width:600px){
	.feature-list{
		grid-template-columns:1fr;
		gap:14px;
	}

	.feature-list li{
		padding:16px 20px 16px 45px;
		font-size:14px;
	}
}

/* 骨盤矯正は世界一 */
.pelvic-grid{
	display:grid;
	grid-template-columns:200px 1fr;
	gap:60px;
	align-items:center;
	background-color: #f7f7f7;
	padding: clamp(10px,2vw,20px);
	position:relative;
}
.pelvic-grid::after{
	content:"";
	position:absolute;

	top:-90px;
	right:clamp(-20px,2vw,0px);

	width:clamp(120px,20vw,250px);
	height:clamp(120px,20vw,250px);

	background:url("../img/crown.png") no-repeat center/contain;
}
@media only screen and (max-width: 767px) {
	.pelvic-grid::after{
		top:-60px;
	}
}

/* 画像 */
.pelvic-img img{
	width:auto;
	border-radius:6px;
}

/* 英語タイトル */
.pelvic-en{
	color:var(--accent-color3);
	font-size:14px;
	letter-spacing:2px;
}

/* 見出し */
.pelvic-title{
	font-size:clamp(30px,4vw,48px);
	margin-bottom:1rem;
	font-weight:600;
	color: var(--accent-color2);
}

/* リード */
.pelvic-lead{
	font-size:22px;
	margin-bottom:25px;
}

/* テキスト */
.pelvic-text p{
	font-size: clamp(14px,1.6vw,16px);
}

/* 強調ボックス */
.pelvic-box{
	border-left:3px solid var(--accent-color3);
	padding-left:1rem;
	margin:30px 0;
}

/* NOTE */
.pelvic-note-title{
	color:var(--accent-color3);
	font-size:14px;
	margin-top:40px 0 0;
}

.pelvic-note{
	font-size:0.95rem;
}

/* レスポンシブ */
@media only screen and (max-width: 767px) {
	.pelvic-img{
		height:300px;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	.pelvic-img img{
		width:100%;
		height:100%;
		object-fit:contain;
	}

	.pelvic-grid{
		grid-template-columns:1fr;
		gap:10px;
	}

}

/*TELバナー*/
.tel_bnr{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 10px;
}
@media only screen and (max-width: 767px) {
	.tel_bnr{
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 10px;
	}
}

/* 当研究所について */
.sec1{
	padding: var(--v-space) 0;
	background: #f9f7f2;
	position: relative;
	z-index: 1;
}

.health-grid{
	display:grid;
	grid-template-columns:420px 1fr;
	gap:60px;
	align-items:center;
}

/* 画像 */
.health-img{
	position:relative;
}

.health-img img{
	width:100%;
	border-radius:50% 50% 0 0;
}

/* バッジ */
.health-badge{
	position:absolute;
	bottom:-20px;
	right:-20px;
	background:var(--accent-color3);
	color:#fff;
	padding:20px;
	border-radius:16px;
	text-align:center;
}

.health-badge span{
	display:block;
	font-weight:700;
}

.health-badge small{
	font-size:12px;
	letter-spacing:1px;
}

/* 見出し */
.health-sub{
	color:var(--main-color);
	font-size:14px;
	font-weight: 600;
	letter-spacing:2px;
	margin-bottom:10px;
}

.health-title{
	font-size:clamp(32px,4vw,48px);
	margin-bottom:20px;
	line-height: 1.2;
}

.health-title span{
	color:var(--accent-color3);
}

.health-desc{
	margin-bottom:30px;
	line-height:1.8;
}

/* リスト */
.health-list{
	display:grid;
	gap:20px;
	padding:0;
	list-style:none;
}
.health-list li{
	position:relative;
	background:#fff;
	border-radius:20px;
	padding:22px 26px 22px 70px;
	transition:all .3s ease;
}

/* 丸チェック */
.health-list li::before{
	content:"✓";
	position:absolute;
	left:22px;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	border-radius:50%;
	background:#e5e5e5;
	color:var(--main-color);
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size:18px;
	transition:all .3s ease;
}
@media only screen and (max-width: 767px){

	.health-list{
		gap:14px;
	}

	.health-list li{
		padding:16px 18px 16px 52px;
		border-radius:14px;
	}

	/* 丸チェック */
	.health-list li::before{
		left:14px;
		width:28px;
		height:28px;
		font-size:14px;
	}

}

/* ホバー */
.health-list li:hover{
	transform:translateY(-3px);
	box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

/* チェック色変化 */
.health-list li:hover::before{
	background:var(--main-color);
	color:#fff;
}

/* スマホ */
@media(max-width:768px){

	.health-grid{
		grid-template-columns:1fr;
		gap:40px;
	}

	.health-badge{
		right:10px;
		bottom:-10px;
	}

}

/* KUREHAのsoftで高度な技術の特徴 */
.about-place{
	color: var(--main-color);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.08em;
}

.about-list{
	display: grid;
	gap: 7px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.about-list li{
	position: relative;
	padding-left: clamp(20px,2vw,25px);
	line-height: 1.9;
	font-size: clamp(14px, 1.5vw, 16px);
	text-align: justify;
}

.about-list li::before{
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--accent-color1);
	font-size: 16px;
	line-height: 1.9;
}
@media only screen and (max-width: 767px) {
	.about-list li::before{
		top: -2px;
	}
}

/* =========================
sec2 / 施術について
========================= */
.sec2{
	padding: var(--v-space) 0;
	background:#fff;
	position:relative;
	z-index:1;
	overflow:visible;
}

.treatment-unit{
	display:grid;
	grid-template-columns:330px 1fr;
	gap:60px;
	align-items:start;
	margin-bottom: 5rem;
	overflow:visible;
}
.treatment-unit:last-child{
	margin-bottom:0;
}

/* 左カード追従 */
.treatment-head-wrap{
	position:sticky;
	top:120px;
	align-self:start;
	height:fit-content;
}

.treatment-head{
	position:relative;
	border-radius:15px;
	padding:60px 20px;
	color:#fff;
	box-shadow:0 14px 28px rgba(0,0,0,0.08);
}

.treatment-head.color1{
	background:
		linear-gradient(#2f684bc4, #2f684ba9),
		url("../img/sec2_bg01.jpg");

	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.treatment-head.color2{
	background:
		linear-gradient(#c8a257c4, #c8a257a9),
		url("../img/sec2_bg02.jpg");

	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.treatment-head.color3{
	background:
		linear-gradient(#005BACc4, #005BACa9),
		url("../img/sec2_bg03.jpg");

	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.treatment-no{
	font-size:12px;
	letter-spacing:0.28em;
	margin-bottom:18px;
	opacity:0.9;
}

.treatment-head h3{
	font-size:clamp(22px,2.5vw,25px);
	line-height:1.15;
	letter-spacing:0.02em;
	font-weight:700;
}

.treatment-en{
	font-size:15px;
	letter-spacing:0.18em;
	opacity:0.95;
	word-break:break-word;
}

/* 右本文 */
.treatment-body{
	padding-top:18px;
}

.treatment-body p{
	font-size:1rem;
	margin-bottom:22px;
	text-align:justify;
}

.treatment-lead{
	display:inline-block;
	font-size:clamp(20px,2vw,22px);
	line-height:1.45;
	font-weight:700;
	margin-bottom:28px;
	padding:0 0 0 15px;
	border-left:4px solid var(--accent-color3);
}

/* 強調ボックス */
.treatment-point,
.treatment-box{
	background:#F9F7F2;
	border-radius:15px;
	padding:28px 34px;
	margin:30px 0 40px;
	position:relative;
}



.treatment-head.color3 + .treatment-body .treatment-box::before{
	background:#c8a257;
}

.treatment-point p,
.treatment-box p{
	margin-bottom:0;
	font-size:clamp(15px,1.6vw,17px);
	line-height:2;
	font-weight:600;
}

/* 中見出し */
.treatment-sub{
	font-size:clamp(18px,2vw,22px);
	line-height:1.4;
	color:var(--accent-color1);
	margin:50px 0 24px;
	font-weight:700;
	position:relative;
	padding-left:40px;
}

.treatment-sub::before{
	content:"";
	position:absolute;
	left:0;
	top:0.65em;
	width:30px;
	height:1px;
	background:var(--accent-color3);
}

/* 最後の強調 */
.treatment-last{
	display:flex;
	align-items:center;
	gap:24px;
	margin:55px 0 35px;
}

.treatment-last-icon{
	width:78px;
	height:78px;
	border-radius:50%;
	background:#2f684b;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	flex-shrink:0;
	box-shadow:0 10px 20px rgba(0,0,0,0.08);
}

.treatment-last-text .ja{
	font-size:clamp(20px,2vw,34px);
	line-height:1.4;
	font-weight:700;
	color:var(--accent-color2);
	margin-bottom:4px;
}

.treatment-last-text .en{
	font-size:12px;
	letter-spacing:0.16em;
	color:#b6a58c;
	margin-bottom:0;
}

.treatment-note{
	padding-left:18px;
	border-left:2px solid #d8d6cf;
	color:#8f8f88;
}

/* レスポンシブ */
@media only screen and (max-width: 900px){
	.treatment-unit{
		grid-template-columns:1fr;
		gap:22px;
	}

	.treatment-head-wrap{
		position:static;
	}

	.treatment-body{
		padding-top:0;
	}

	.treatment-sub{
		padding-left:25px;
	}

	.treatment-sub::before{
		width:20px;
	}

	.treatment-point,
	.treatment-box{
		padding:22px 20px 22px 24px;
	}

	.treatment-point::before,
	.treatment-box::before{
		width:6px;
		border-radius:22px 0 0 22px;
	}

	.treatment-last{
		align-items:flex-start;
		gap:16px;
	}

	.treatment-last-icon{
		width:60px;
		height:60px;
		font-size:22px;
	}
}
@media print{

	.treatment-head-wrap{
		position:static;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.treatment-body{
		padding-top:0;
	}

}


/* =========================
sec3 / 主な症状について
========================= */
.sec3{
	padding: var(--v-space) 0;
	background:#f7f7f7;
	position:relative;
	z-index:1;
}

/* アコーディオン全体 */
.symptoms-list{
	display:grid;
	gap:16px;
}

/* 各項目 */
.symptom-item{
	background:#fff;
	border:1px solid #e7e7dc;
	border-radius:5px;
	overflow:hidden;
	box-shadow:0 4px 12px rgba(0,0,0,0.03);
}

.symptom-item summary{
	position:relative;
	list-style:none;
	cursor:pointer;
	padding:10px 64px 10px 24px;
	font-size:clamp(16px,2vw,20px);
	font-weight:700;
	line-height:1.5;
	background:#ffffff;
	border-left:3px solid var(--main-color);
	border-bottom:1px solid #e7efe9;
	transition:all .3s ease;
}
.symptom-item summary:hover{
	background:#f0faf6;
}

.symptom-item summary::-webkit-details-marker{
	display:none;
}

.symptom-item summary::after{
	content:"+";
	position:absolute;
	right:24px;
	top:50%;
	transform:translateY(-50%);
	font-size:30px;
	font-weight:400;
	color:var(--main-color);
	line-height:1;
}

.symptom-item[open] summary{
	background:#EAF7F1;
}

.symptom-item[open] summary::after{
	content:"−";
}

/* 中身 */
.symptom-content{
	padding:26px 24px 28px;
	display:grid;
	grid-template-columns:1fr;
	gap:30px;
}

.symptom-content.has-image{
	display:grid;
	grid-template-columns:7fr 2fr;
	gap:30px;
	align-items:start;
}
.symptom-content.has-image2{
	display:grid;
	grid-template-columns:7fr 1fr;
	gap:30px;
	align-items:start;
}
.symptom-text{
	min-width:0;
}
.symptom-text p{
	font-size:clamp(14px,1.5vw,16px);
	color:#4f4f49;
	margin-bottom:18px;
	text-align:justify;
}

.symptom-text p:last-child{
	margin-bottom:0;
}

.symptom-image img{
	width:100%;
	height:auto;
	display:block;
	border-radius:10px;
	border:1px solid #ddd;
	background:#fff;
}


/* スマホ */
@media only screen and (max-width: 767px){

	.symptom-content,
	.symptom-content.has-image,
	.symptom-content.has-image2{
		grid-template-columns:1fr;
		gap:18px;
		padding:20px 16px 22px;
	}

	.symptom-text{
		order:1;
		min-width:0;
	}

	.symptom-image{
		order:2;
		display:flex;
		justify-content:center;
	}

	.symptom-image img{
		width:auto;
		max-width:100%;
		max-height:300px;
		height:auto;
	}

	.symptom-item summary{
		padding:10px 24px 10px 10px;
	}
	.symptom-item summary::after{
		content:"+";
		position:absolute;
		right:14px;
		top:50%;
		transform:translateY(-50%);
		font-size:20px;
		font-weight:400;
		color:var(--main-color);
		line-height:1;
	}
}

/* 画像2枚のとき */
.symptom-image.two{
	display:grid;
	grid-template-columns:0.92fr 1fr;
	gap:12px;
	align-items:start;
}

/* スマホ */
@media only screen and (max-width: 767px){
	.symptom-image.two{
		gap:10px;
	}
}


/* =========================
sec4 / 料金案内
========================= */

.sec4{
	padding:var(--v-space) 0;
	background:#eee;
	position: relative;
	z-index: 1;
}

.sec4{
	grid-area:photo;
	background-size:cover;
	background-position: left bottom;
	background-repeat:no-repeat;
}
@media print, screen and (min-width: 768px) {
	.sec4 {
		background-image: url(../img/bg_01.jpg);
	}
}
@media only screen and (max-width: 767px) {
	.sec4 {
		background-image: url(../img/bg_01_sp.jpg);
	}
}

/* PCのみ fixed（iOS対策も兼ねてhover条件） */
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){
	.sec4{
		background-attachment:fixed;
	}
}

.price-box{
	max-width:720px;
	margin:auto;
	border-radius:10px;
	padding:clamp(30px,5vw,60px);
	text-align: center;

	background:rgba(255,255,255,0.35);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);

	border:1px solid rgba(255,255,255,0.3);
	border-radius:10px;

	box-shadow:0 8px 20px rgba(0,0,0,0.1);
}

/* メイン料金 */

.price-main{
	margin-bottom:30px;
}

.price-label{
	font-size:clamp(16px,2vw,18px);
	color:#555;
	margin-bottom:10px;
}

.price-value{
	font-size:clamp(46px,6vw,64px);
	font-weight:700;
	color:var(--accent-color2);
	line-height:1;
}

.price-value .yen{
	font-size:0.4em;
	margin-left:6px;
}

.price-note{
	margin-top:10px;
	font-size:14px;
	color:#777;
}

/* 学生料金 */

.price-sub{
	margin-top:30px;
	border-top:1px solid #ddd;
	padding-top:20px;
}

.price-row{
	display:flex;
	justify-content:space-between;
	font-size:clamp(14px,1.5vw,16px);
	padding:6px 0;
}

/* 注意 */

.price-attention{
	margin-top:30px;
	font-size:14px;
	color:#666;
}

@media print {
	.price-box{
		background:#ffffff !important;
		backdrop-filter:none !important;
		box-shadow:none !important;
	}
}

/*======= FAQ ======*/
.faq_sec1 {
	padding: var(--v-space) 0;
	background-color: #F9F7F2;

	position: relative;
	z-index: 1;
}

.faq-item {
	display: grid;
	grid-template-columns: 1.5em 1fr;
	column-gap: 10px;
	row-gap: 5px;
}

.faq-label {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5;
	border-radius: 3px;
	width: 1.5em;
	text-align: center;
	align-self: start;
	/* lavelを上揃えに */
}

.faq-label.q {
	background-color: var(--main-color);
}

.faq-label.a {
	background-color: var(--accent-color1);
}

.faq-question,
.faq-answer {
	margin: 0;
	line-height: 1.6;
	text-align: justify;
}

.faq-question {
	font-weight: bold;
}

hr.faqHr {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #e9e9e9;
}

/*======= 会社案内ページ ======*/

/*会社案内*/
.info_sec1 {
	padding: var(--v-space) 0 ;
	position: relative;
	z-index: 1;
}
@media print, screen and (min-width: 768px) {
	.info_sec1 {
		background-image: url(../img/bg_02.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px) {
	.info_sec1 {
		background-image: url(../img/bg_02_sp.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}



/* 概要部分のテーブル */
.info1 {
	font-weight: bold;
	border-bottom: 1px dashed #999;
	color: var(--txt-color);
	padding: 5px;
	/* width: 5.25em; */
	width: 170px;
	text-align: left;
}

.info2 {
	border-bottom: 1px dashed #999;
	padding: 5px;
	/* width: 400px; */
}

@media screen and (max-width: 568px) {
	.info1 {
		display: block;
		padding: 8px 2px 2px 2px;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

	.info2 {
		display: block;
		padding: 2px;
		width: 99%;
	}
}



/*会社概要*/
.bg_b {
	background: rgba(255, 255, 255, 0.8);
	padding: 40px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bg_b:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 568px) {
	.bg_b {
		padding: 20px;
	}
}



.access_sec1 {
	padding: var(--v-space) 0;
	background-color: #FFF;

	position: relative;
	/* sectionの位置を相対的にする*/
	z-index: 1;
	/* 背景画像より上に表示 */
}

/* アクセス部分のテーブル */
.access1 {
	font-weight: bold;
	border-bottom: 1px dashed #999;
	padding: 5px;
	width: 5.25em;
}

.access2 {
	border-bottom: 1px dashed #999;
	padding: 5px;
	width: 400px;
}

@media screen and (max-width: 568px) {
	.access1 {
		display: block;
		padding: 8px 2px 2px 2px;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

	.access2 {
		display: block;
		padding: 2px;
		width: 99%;
	}
}