@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
hr { margin: 0; }

/**************************************
						コ ン テ ン ツ
**************************************/
.navbar-light .navbar-toggler {border: none;border-color: rgba(0, 0, 0, 0);outline: none;box-shadow: none;}
.navbar-light .navbar-toggler-icon {width: 2.5em;height: 2.5em;background-image: none;position: relative;}
.navbar-light .navbar-toggler-icon span {display: inline-block;position: absolute; left: 0; width: 100%; height: 3px; background-color: rgba(165, 165, 165, 1); border-radius: 3px;transition: all 0.4s;}
.navbar-light .navbar-toggler-icon span:nth-of-type(1) { top: 2px; }
.navbar-light .navbar-toggler-icon span:nth-of-type(2) { top: 14px; }
.navbar-light .navbar-toggler-icon span:nth-of-type(3) { top: 26px; }
.navbar-toggler[aria-expanded='true'] span.navbar-toggler-icon span:nth-of-type(1) { transform: translateY(12px) rotate(-315deg); }
.navbar-toggler[aria-expanded='true'] span.navbar-toggler-icon span:nth-of-type(2) { opacity: 0; }
.navbar-toggler[aria-expanded='true'] span.navbar-toggler-icon span:nth-of-type(3) { transform: translateY(-12px) rotate(315deg); }

.navbar-brand img { max-width: 260px; }
.eyecatch {background: url(../img/head_bg.png) #66be97 top right no-repeat;background-size: contain;color: #fff;}
.eyecatch h1 img {width: 100%;height: auto;}

.eyecatch .sidekick p {border: 3px solid #fff;border-radius: 10px;font-weight: 600;font-size: 2.5vw;line-height: 1.2;padding: 0.5em;}
.eyecatch .sidekick p span {font-size: 75%;font-weight: 400;}
@media (max-width: 992px) { .eyecatch .sidekick p {font-size: 1.5em;} }

.intro { font-size: 1.6rem; font-size: clamp(1.6rem, 2vw, 2rem); line-height: 1.6; }

/*サービス停止のお知らせ*/
.main-content h3.oshirase {font-weight: 800;font-size: 1.2em;margin: 1em 0;text-align: center;background-color: #dc3c46;color: #fff;padding: 0.2em;border-radius: 7px;}
.main-content p.oshirase_p{color: #dc3c46;}
/*サービス停止のお知らせここまで*/

.main-content h3 {font-weight: 800;font-size: 1.75em;margin: 1em 0;text-align: center;background-color: #6b9;color: #fff;padding: 0.2em;border-radius: 7px;}
.main-content h3 span {border: 2px #fff solid;padding: 0.5em;display: block;border-radius: 5px;}
.main-content img {width: 100%;height: auto;}
.main-content .container {/*border-top: 1px solid #6b9;*/padding: 1em 0 3em;}
.main-content .container#lead {padding-top: 0;}

p.kome {color: #999;font-size: 85%;display: block;}
p.marker {background: #ec0;color: #fff;font-weight: 800;padding: 0.5em;border-radius: 3px;font-size: 1.2em;}
.fc-red {color: red;font-size: 2.5em;}
p.lh-lg-lg {line-height: 2.0;}
@media (max-width: 992px) { 
	p.lh-lg-lg {line-height: 1.4;}
	.fc-red {font-size: 1.5em;}
	 }

#cases img {width: 50%;}
#cases > div {padding: 0.5em;background: #6b9;border-radius: 20px;border: 10px solid #fff;}
#cases > div > div {color: #fff;padding: 1em;}
#cases > div > div p span {font-weight: 800;font-size: 1.2em;display: block;}
#cases h4 {font-size: 1.5em;text-align: left;}

table th, table td {line-height: 1.1;vertical-align: middle;}
table th span {font-size: 60%;}
table td span {font-size: 65%;font-weight: 200;display: inline-block;}

img.orico {height: 3em;width: auto; float: right;}

div.regulations {overflow-y: scroll;overflow-x: hidden; height: 60vh;display: block;border: 2px solid #ccc;padding: 2em;font-size: 90%;line-height: 1.8;}
div.regulations h5 {font-weight: 600;border-bottom: 1px solid #999;padding-bottom: 0.25em;margin-bottom: 0.3em;}
/**************************************
							フッター
**************************************/
.footer { background: #6b9; color: #FEFEFE; }
.footer h3 { text-align: center; font-size: 2.2rem; font-weight: 700; }
.copy { width: 100%; text-align: center; font-size: 1.4rem; background: #6b9; color: #fff;}