@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
.content__mv .img {
    background: url(../img/header_img_pc.webp) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


/* section_01　ページメニューのCSS */
.page-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/* 共通 */
.page-menu__item {
  position: relative;
  padding: 24px 16px;
  text-align: center;
  text-decoration: none;
  color: #666;
  font-size: 18px;
  letter-spacing: 0.05em;
  transition: background-color 0.3s ease;
}

/* ===== PC ===== */
@media (min-width: 641px) {
  /* 左右の縦線（中央寄せ・60%） */
  .page-menu::before,
  .page-menu::after {
    content: "";
    position: absolute;
    top: 20%;
    width: 1px;
    height: 60%;
    background-color: #333;
  }

  .page-menu {
    position: relative;
  }

  .page-menu::before {
    left: 0;
  }

  .page-menu::after {
    right: 0;
  }

  /* 中央の区切り線 */
  .page-menu__item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    background-color: #333;
  }
}

/* hover */
.page-menu__item:hover {
  background-color: #f5f5f5;
}

/* ===== スマホ ===== */
@media (max-width: 640px) {
  .page-menu {
    grid-template-columns: 1fr;
	  border-bottom: 1px solid #333;
	  border-top: 1px solid #333;
  }

  .page-menu__item {
    font-size: 16px;
    padding: 20px 12px;
  }

  /* 縦線をすべて消す */
  .page-menu::before,
  .page-menu::after,
  .page-menu__item::after {
    display: none;
  }

  /* 上下の区切り線のみ */
  .page-menu__item:not(:last-child) {
    border-bottom: 1px solid #333;
  }
}

#maxhub .feature{width: 90%;margin: 0 auto;}
#maxhub .feature .inner .col_wrap .col {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 80px;
	padding: 0 0 80px;
	position: relative;
	z-index: 0;
}

#maxhub .feature .inner .col_wrap .col::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: -50px;
	z-index: -1;
	width: 900px;
	height: 400px;
	background-color:#e2ebf3;
}

#maxhub .feature .inner .col_wrap .col:nth-child(even)::before {
	height: 350px;
left: -50px;
	background-color:#e2ebf3;
}
#maxhub .feature .inner .col_wrap .col:nth-child(3)::before {
	height: 500px;
background-color:#e2ebf3;
}
#maxhub .feature .inner .col_wrap .col:last-child {
	margin: 0;
}

#maxhub .feature .inner .col_wrap .col .txt {
	width: 450px;
}

#maxhub .feature .inner .col_wrap .col:nth-child(even) .txt {
	order: 0;
}




#maxhub .feature .inner .col_wrap .col .txt h3 {
	margin: 15px 0 20px;
	font-size: 1.8rem;
	line-height: 1.3;
	letter-spacing: .05em;
}
#maxhub .feature .inner .col_wrap .col .txt h3 span{display: block; font-size: 0.5em;color: #2ea7e0;}
#maxhub .feature .inner .col_wrap .col .img {
	width: 400px;
	margin: 0 -50px 0 0;
}

#maxhub .feature .inner .col_wrap .col:nth-child(even) .img {
	order: 1;
	margin: 0 0 0 -50px;
}

#maxhub .feature .inner .col_wrap .col .img img {
	border-radius: 20px 0 20px 0;
}

.sec01_btn img{width: 50%;margin-top: 0.8em;}

.sec_03_box{margin-bottom: 2em;}
.sec_03_ttl{width: 50%;margin: 2em 0 0.6em;}
.sec_03_box ul li{list-style: circle;margin-left: 4em;line-height: 1.8em;}
.sec_03_midashi{font-size: 1.6em;color:#2ea7e0;}

.img-f-left{width: 28%;float: left;}
.text-f-right{width: 72%;float: right;padding-left: 3%;box-sizing: border-box;}
.sec_04_name{width: 25%;margin-top: 1em;float: right;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.content__mv .img {
    background: url(../img/header_img_sp.webp) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.page_title{font-size: 1.4em;margin-bottom: 1em;margin-top: 0;position: relative;padding-bottom: 0.2em; /* 見出しと下線の間の余白 */}	

#maxhub .feature .inner .col_wrap .col {
	display: block;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 40px;
	padding: 0 0 40px;
	position: relative;
	z-index: 0;
}
#maxhub .feature .inner .col_wrap .col .img {
	width: 100%;
	margin: 0 0 1em 0;
}

#maxhub .feature .inner .col_wrap .col:nth-child(even) .img {
	order: 1;
	margin: 0 0 1em 0;
}
#maxhub .feature .inner .col_wrap .col .txt {
	width: 100%;
}
#maxhub .feature .inner .col_wrap .col .txt .tw img{width: 70%;}

#maxhub .feature .inner .col_wrap .col::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0px;
	z-index: -1;
	width: 100vw;
   margin: 0 calc(50% - 50vw);
	height: 30em;
	background-color:#e2ebf3;
}
#maxhub .feature .inner .col_wrap .col:nth-child(even)::before {
	height: 24em;
left: 0px;
	background-color:#e2ebf3;
}
#maxhub .feature .inner .col_wrap .col:nth-child(3)::before {
	height: 36em;
background-color:#e2ebf3;
}
.sec01_btn img{width: 70%;margin-top: 0.8em;}
	
.sec_03_box{margin-bottom: 2em;}
.sec_03_ttl{width: 100%;margin: 2em 0 0.6em;}
.sec_03_box ul li{list-style: circle;margin-left: 2em;line-height: 1.4em;margin-bottom: 0.6em;}
.sec_03_midashi{font-size: 1.0em;color:#2ea7e0;}

.img-f-left{width: 70%;float: none;margin: 0 auto;}
	.img-f-left img.sp_name{width: 60%;margin-top: 0.6em;}
.text-f-right{width: 100%;float: none;padding-left: 0%;margin-bottom: 2em; box-sizing: border-box;}
.sec_04_name{display: none;}
}