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

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

img {
	max-width: 100%;
}

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

.nabvar-light a {
	color: #666666;
}

.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: 0.8rem;
	color: #cccccc;
	text-align: center;
}

/* 不要？ 
.top-bgimg {
	background-color: #000;
	background-image: url("img/background-img-left.png");
    background-size: 60% auto;
}
  不要？ */



/* トップページボタン(不要)
.top-btn .col-lg-4 { 

}

.top-btn .col-sm-5 {
	margin-left: 15px;
	margin-right: 15px;
}
トップページボタン */




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

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

.btn-text a:hover{
    color: #4682b4;
	background-color: rgba(187,226,241,0.40)
}



/* インタビュートップページ「インタビューはコチラ」ボタン　未使用 
.btn-text-interview {
	font-size: 0.7rem;
	border: solid 2px #000; 
	margin-top: 10px;
	margin-bottom: 20px;
	text-align:center
}

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

.btn-text-interview a:hover{
    color: #4682b4;
	background-color: rgba(70,130,180,0.20)
}
 インタビュートップページ「インタビューはコチラ」ボタン　未使用 */




/* インタビュートップページ「インタビューはコチラ」ボタン */

.btn-img-interview img{
    transition: 0.3s;
}

.btn-img-interview img:hover{
	opacity: 0.5;
}





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


.btn-img-touka img{
    transition: 0.3s;
}

.btn-img-touka img:hover{
	opacity: 0.7;
}




/* 要らない 
.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;
}



/* フッター 要らない？
.footer-img {
	width: 100%;
	text-align: center;
}
*/



/* テキストボタン-背景白 */
.btn-text-top {
	color: #000;
	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;
}

.btn-to-blue p{
    color: #000;
	transition: 0.5s;
}

.btn-to-blue p:hover{
	background-color: rgba(255,255,255,0.40)
}





/* 情報ボックス */
.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{
	background-color: #ffff99;
	text-align: center;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	margin-bottom: 1rem;
}





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

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

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


/* アバウトページ　まち一番のクルマ屋さんになるピンク背景テキスト */
.machiichi-pink{
	background-color: #ffdbed;
	margin-top: 1.2rem;
	padding: 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-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 20px;
	margin: 4px;
}



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

html{
  scroll-behavior: smooth;
}



/* テキストに蛍光ペン風アンダーライン（黄色） */
.senpai-highlight {
    background: linear-gradient(transparent 50%, #ffff99 0%);
    line-height: 1.3em;
}


.senpai-highlight-02 {
    background: linear-gradient(transparent 50%, #ffffb7 0%);
    line-height: 1.3em;
}



.senpai-highlight-03 {
    background: linear-gradient(transparent 50%, #ccffcc 0%);
    line-height: 1.3em;
}