body {
font-family: 'NotoSansJP', sans-serif;
}

div {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

,main_img {
	background:#FFFFFF;
}

/* ===============================================
ヘッダーのスタイリング
=============================================== */
.header__container {
  color: black;
}
/* ===============================================
ハンバーガーボタンのスタイリング
=============================================== */
.hamburger {
  background-color: #00d0db;
  opacity:0.7;
}

.hamburger span,
.hamburger span::before,
.hamburger span::after {
  background-color: #FFFFFF;
}
/* ===============================================
メニューのスタイリング
=============================================== */
.nav {
  background-color: #FFFFFF;
  color: #FFFFFF;
  opacity:0.9;
}

.nav__item a::after {
  background-color: #008b8b;
}
.nav__item :hover {
	color:#4a5959;
}
/* =============================================== */
.logo2 {
	opacity:0.7;
}
@media(max-width:700px) {
	.nav {
	opacity:1.0;
	}
}

.group_p {
font-size: clamp(14px, 1.4vw, 25px);
line-height:clamp(30px, 3vw, 70px);
}
@media(max-width:853px) {
	.group_p {
	font-size:20px;
	}
}
@media(max-width:450px) {
	.group_p {
	font-size: clamp(12px, 1.0vw, 20px);
	line-height:2.0;
	top:35%;
	}
}

.group_botan,.irasuto_botan {
color:#FFFFFF;
border-radius:10px;
padding:10px 20px;
font-size:16px;
}

.contents_botan {
color:#FFFFFF;
border-radius:10px;
padding:15px 20px;
font-size:20px;
}
@media(max-width:440px) {
	.contents_botan {
	font-size:18px;
	}
}

.company_title {
font-size: clamp(30px, 4vw, 45px);
line-height:70px;
}

.company_midashi {
font-size: clamp(16px, 3vw, 30px);
line-height:clamp(100px, 2vw, 140px);
}
@media(max-width:440px) {
	.company_midashi {
	line-height:50px;
	}
}

.company_honbun {
font-size: clamp(15px, 3vw, 20px);
line-height:clamp(40px, 2vw, 100px);
}
@media(max-width:440px) {
	.company_honbun {
	line-height:30px;
	}
}

.contact_title {
font-size: clamp(30px, 4vw, 45px);
line-height:70px;
color:#FFFFFF;
}

.group_item {
font-size: clamp(17px, 1.3vw, 20px);
line-height:clamp(30px, 3vw, 70px);
}
@media(max-width:900px) {
	.group_item {
	font-size: clamp(14px, 1.3vw, 20px);
	line-height:clamp(27px, 3vw, 70px);
	}
}
@media(max-width:450px) {
	.group_item {
	font-size: clamp(11px, 1.3vw, 20px);
	line-height:2.0;
	}
}

.group_midashi {
font-size: clamp(20px, 1.5vw, 35px);
}
@media(max-width:450px) {
	.group_midashi {
	font-size: clamp(17px, 1.5vw, 35px);
	}
}

.footer_flex a,.footer_li a ,.copy {
	color:#00b1cc;
}

.footer_group p{
	font-size:20px;
}

.irasuto_title {
	font-size: clamp(26px, 3vw, 50px);
	color:#FFFFFF;
}

.irasuto_img_title {
	font-size: clamp(12px, 1.0vw, 18px);
	color:#52b8cc;
	background:#FFFFFF;
	opacity:0.7;
}

.irasuto_content,.irasuto_content2,.irasuto_content3 {
	font-size: clamp(17px, 1.0vw, 20px);
	line-height:clamp(30px, 3vw, 70px);
}
@media(max-width:600px) {
	.irasuto_content,.irasuto_content2,irasuto_content3 {
	font-size: clamp(14px, 1.0vw, 20px);
	line-height:clamp(27px, 3vw, 60px);
	}
}

.irasuto_botan a{
color:#FFFFFF;
border-radius:10px;
padding:10px 20px;
font-size:16px;
}