@charset "utf-8";
/* CSS Document */

p {
	font-family: sans-serif;
	margin-bottom: 0px; 
}

img {
	max-width: 100%;
}


header {

}

.container-fluid {
	background-image: url("")
}


.nabvar {
	color: #000;
}

.nabvar a {
	color: #000;
}

.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/* ページトップナビゲーションボタン */
nav-item {
	font-size: 1.4rem;
}


.back-img {
	margin: 0.9rem;
}

.main {
	background-color: #bbe2f1;
}



/* フッター */
footer {
	font-size: 12px;
	color: #cccccc;
	text-align: center;
}





/* トップページボタン */
.top-btn .col-lg-4 { 
	padding-left: 30px;
    padding-right: 30px;
}

.top-btn .col-sm-5 {
	margin-left: 15px;
	margin-right: 15px;
}

.btn-text {
	border: solid 3px #000; 
	margin-top: 16px;
	margin-bottom: 20px;
	text-align:center
}

.btn-text a{
    color: #000;
}

.btn-text a:hover{
    color: #4682b4;
	background-color: rgba(70,130,180,0.20)
}

.btn-img {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}



/* 要らない 
.card {
    border-top: solid 3px #000; 
	border-right: solid 3px #000; 
	border-bottom: solid 3px #000;
	border-left: solid 3px #000;
	margin-top: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}
*/



/* トップページ白スペース */
.white-box {
	padding-top: 5rem;
}



/* テキストボタン-背景白 */
.btn-text-top {
	background-color: #fff;
	max-width :400px;
	border-top: solid 3px #000; 
	border-right: solid 3px #000; 
	border-bottom: solid 3px #000;
	border-left: solid 3px #000;
	margin: 0 auto; 
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	
	/* ↓追加↓ */
	color: #000;
	
}





/* 情報ボックス */
.saiyou-box-01 {
	color: #fff;
	background-color: #000;
	border-top: solid 3px #000; 
	border-right: solid 3px #000; 
	border-bottom: solid 3px #000;
	border-left: solid 3px #000;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	text-align:center
}

.saiyou-box-02 {
	background-color: #fff;
	border-top: solid 3px #000; 
	border-right: solid 3px #000; 
	border-bottom: solid 3px #000;
	border-left: solid 3px #000;
	padding: 20px;
	margin-bottom: 20px;
	text-align:center
}



/* 採用情報ボックス内　黄色背景テキスト */
.career-y{
	font-size: 0.8rem;
	background-color: #ffff99;
	text-align: center;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}



/* アバウトページ　まち一番のクルマ屋さんになるタイトル */
.machiichi-h-1{ 
    border-left:10px solid #ffc6e2;
	margin-top: 2rem;
	padding-top: -12px;
	padding-left: 5px;
	padding-bottom: -12px;
}

.machiichi-h-2{ 
    border-left:10px solid #66cc00;
	margin-top: 2rem;
	padding-top: -12px;
	padding-left: 5px;
	padding-bottom: -12px;
}

.machiichi-h-3{ 
    border-left:10px solid #3366ff;
	margin-top: 2rem;
	padding-top: -12px;
	padding-left: 5px;
	padding-bottom: -12px;
}


/* アバウトページ　まち一番のクルマ屋さんになるピンク背景テキスト */
.machiichi-pink{
	background-color: #ffc6e2;
	margin-top: 1.2rem;
	padding-top: 1rem;
	padding-left: 1rem;
	padding-bottom: 1rem;
}


/* アバウトページ　冒険県リンク */
.about-link-btn{
	text-align: center;
}



/* アバウトページ　年間スケジュール*/
.schedule-month{
	font-size: 1.3rem;
	margin-top: 2rem;
}


/* 各インタビューページトップ画像*/
.senpai-catch01{
    position:relative;
}
.senpai-catch02{
	position: absolute;
    top: 0;
    right: 0;
}
.senpai-catch02 img{
	max-width: 100%;
}



/* 各インタビューページテキストボックス*/
.sebpai-box {
	margin-top: 20px;
	margin-bottom: 40px;
}
.sebpai-box-siro {
	background-color: #fff;
	padding: 20px;
	margin: 20px;
}



/* 「ページトップへ」ボタン*/
#page-top {
    position: fixed !important;
    bottom: 40px;
    right: 20px;
}
#to-page-top a {
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
}

html{
  scroll-behavior: smooth;
}