@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
body {
  font-family: 'Noto Sans JP', sans-serif;
}
/*カルーセル*/
.carousel-control-prev {
  height: 50px;
 width: 30px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #808080;
}
.carousel-control-next {
  height: 50px;
	width: 30px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #808080;
}

.carousel_width {
		max-width: 980px;
		  margin-right: auto;
  margin-left: auto;
	}
/* CSS Document */
footer {
	background-color: black;
	padding-top: 30px;
	padding-bottom: 15px;
	margin-top: 75px;
	color: white;
}
.companyname {
	font-size: clamp(14px, 3vw, 16px);
}
.copyright {
	font-size: clamp(12px, 3vw, 14px);
}

.bg_blue {
	background-color: #3fbbd0;
	margin-top: 60px;
	margin-bottom: -74px;
	padding-top: 10px;
	padding-bottom: 45px;
	
}


.link-button a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.4em;
	padding-top: 26px;
	padding-bottom: 28px;
	background-color: #3fbbd0;
	border: 1px solid #ffffff;
	
}

.link-button a:hover {
	text-decoration: none;
	color: white;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
}

a:hover img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity = 60);
}

.bg_grid_gray {
	width: 100%;
	background-image: linear-gradient(#f2f2f2 1px, transparent 0), linear-gradient(90deg, #f2f2f2 1px, transparent 0);
	background-size: 30px 30px;
}

.sentence_2em {
	font-size: clamp(16px, 3vw, 20px);
	color: #333333;
	line-height: 2em;
}

.sentence_1_5em {
	font-size: clamp(16px, 3vw, 20px);
	color: #333333;
	line-height: 1.5em;
}

.sentence_1_5embold {
	font-size: clamp(16px, 3vw, 20px);
	color: #3fbbd0;
	line-height: 1.5em;
	font-weight: bold;
}
.title_blue_32 {
	font-size: clamp(22px, 3vw, 32px);
	font-weight: 600;
	color: #3fbbd0;
	line-height: 1.5em;
}

.title_blue_32ma {
	font-size: clamp(22px, 3vw, 32px);
	font-weight: 600;
	color: #3fbbd0;
	line-height: 1.4em;
	margin-top: 45px;
	margin-bottom: 15px;
}

.title_blue_32maline {
	font-size: clamp(22px, 3vw, 32px);
	font-weight: 600;
	color: #3fbbd0;
	line-height: 1.4em;
	margin-top: 45px;
	margin-bottom: 15px;
	  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}

.title_blue_24 {
	font-size: clamp(16px, 3vw, 24px);
	font-weight: 600;
	color: #3fbbd0;
	line-height: 1.5em;
}

.title_black_24 {
	font-size: clamp(18px, 3vw, 24px);
	font-weight: 600;
	color: #333333;
	line-height: 1.4em;
}

.title_red_28 {
	font-size: clamp(20px, 3vw, 28px);
	font-weight: 600;
	color: #e50012;
	line-height: 1.5em;
}

.title_white_28 {
	font-size: clamp(20px, 3vw, 28px);
	font-weight: 600;
	color: white;
	line-height: 1.5em;
}

.h_back {
	font-size: clamp(16px, 3vw, 20px);
	margin-top: 45px;
}
@media screen and (max-width: 640px) {
.link-button a {
	width: auto;
	font-size: 16px;
	}
.bg_grid_gray {
	background-size: 24px 24px;
	}
}

/* ページトップへ戻るボタン */
#page-top{
	position:fixed;
	display:none;
	width:100%;
	height: 0;
	bottom: 180px;
	z-index:2;
	margin: auto;
}

#page-top a{
	position:absolute;
	display:block;
	right: 40px;
	width:60px;
	height:80px;
	background-size: 60px 80px;
	-moz-background-size: 60px 80px;
	background-image:url('../images/top_btn.png');
	background-repeat: no-repeat;
	/*bottom:-180px;*/
}
#page-top a:hover{
	opacity:0.5;
}

@media only screen and (max-width: 480px)　{
	#page-top {
	display:none;
	}
}
/*改行位置調節*/
@media screen and (min-width: 768px) {
  /*　画面サイズが768px以上の場合読み込む　*/
  .br-sp {
    display: none;
  }
	.max600 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
}
@media screen and (max-width:990px) {
  .br-pc {
    display: none;
  }
}