@charset "utf-8";

/*common
***************************************/
body,
body * {
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
body {
  background-image: url(../img/bg_main.svg);
	background-size: 12px;
}
#main {
  background-repeat: repeat;
}

.kome {
  text-indent: -1em;
  padding-left: 1em;
}
.img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
}

@keyframes fadeIn {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeOut {
  0%   {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeIn_down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn_up {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@media screen and (min-width:641px){
  .sp {display: none;}
}
@media screen and (max-width:640px){
  .pc {display: none;}
	body {
		background-size: 14px;
	}
}

/* header
***************************************/
#header {
	width: 100%;
	background-color: #fff;
}
.header-inner {
  max-width: 980px;
	margin: auto;
  height: 80px;
  padding: 30px 10px 0;
}

.header__logo {
	width: 188px;
	height: auto;
}
.header__logo a{
	display: block;
}
.header__logo .logo_FB {
  width: min(100%, 250px);
  height: auto;
}
@media screen and (max-width:640px){
    .header-inner {
			height: 50px;
			padding: 10px 10px 0;
	}
}

/*mv
***************************************/
#mv,
#mv .mv_img {
	position: relative;
	z-index: 1;
}
#mv .mv_lead,
#mv::before {
	content: '';
	display: block;
	width: 100%;
	background-size: auto 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
}
#mv::before {
	height: min(7.34375vw, 140px);
	background: url(../img/mv_wave01pc.svg) 0 0 repeat-x;
	top: 0;
}
#mv .h1_ttl {
	display: flex;
	justify-content: center;
	width: 100%;
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	top: min(2.65625vw, 51px);
}
#mv .h1_ttl .img {
	width: min(57.8125vw, 1110px);
}
#mv .catch {
	width: min(35.9375vw, 690px);
	position: absolute;
	z-index: 3;
}
#mv .mv_lead {
	display: flex;
	justify-content: center;
	align-items: center;
	height: min(10vw, 192px);
	background: url(../img/mv_wave02pc.svg) 0 0 repeat-x;
	bottom: 0;
}
#mv .mv_lead .lead_txt {
	font-size: clamp(0.7rem, 1.43vw, 1.4rem);
}
#mv .mv_lead .lead_kome {
	font-size: clamp(0.55rem, 1.124vw, 1.1rem);
}
@media screen and (min-width:641px){
	#mv .catch {
		bottom: min(8.59375vw, 165px);
		left: calc(50% - min(5.15625vw, 98px));
	}
	#mv .mv_lead .inner {
		width: min(65vw, 760px);
		padding-top: clamp(0.5rem, 1.022vw, 1rem);
	}

}
@media screen and (min-width:1200px){
	#mv .mv_lead .lead_txt {
		font-size: clamp(0.8rem, 1.634vw, 1.6rem);
	}
	#mv .mv_lead .lead_kome {
		font-size: clamp(0.6rem, 1.226vw, 1.2rem);
	}
}
@media screen and (min-width:1400px){
	#mv .mv_lead .lead_txt {
		line-height: 1.8;
	}
}
@media screen and (max-width:640px){
	#mv::before {
		height: calc(min(11.2vw, 42px) * 1.8);
		background: url(../img/mv_wave01sp.svg) 0 0 repeat-x;
	}
	#mv .h1_ttl {
		top: min(4vw, 30px);
	}
	#mv .h1_ttl .img {
		width: min(57.6vw, 430px);
	}
	#mv .catch {
		width: min(61.6vw, 460px);
		left: calc(50% - (min(61.6vw, 460px) / 2));
		top: min(50.4vw, 378px);
	}
	#mv .mv_lead {
		background: url(../img/mv_wave02sp.svg) 0 0 repeat-x;
		height: min(51.2vw, 384px);
	}
	#mv .mv_lead .inner {
		padding: 0 min(6vw, 45px);
	}
	#mv .mv_lead .lead_txt {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
	}
	#mv .mv_lead .lead_kome {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
}
@media screen and (max-width:380px){
	#mv .mv_lead .inner {
		padding: 0 min(4vw, 30px);
	}
	#mv .mv_lead .lead_txt {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	#mv .mv_lead .lead_kome {
		
	}
}

/*navi*
***************************************/
#nav {
	padding: min(4.53125vw, 87px) 0;
}
#nav .h2_nav {
	width: min(41.25vw, 495px);
	margin: 0 auto min(1.875vw, 36px);
}

#nav .nav_inner {
	display: flex;
	justify-content: center;
	align-items: center;
}
#nav .box_dl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#nav .box_dl._senior {
	justify-content: center;
}
#nav .box_dl .box_dt {
	color: #fff;
	font-size: clamp(1rem, 2.042vw, 2rem);
	font-weight: bold;
	text-align: center;
	padding: 6px 24px 4px;
	margin-bottom: min(1.25vw, 15px);
	border-radius: 100px;
	width: 100%;
}
#nav .box_dl._senior .box_dt {
	background-color: #d60074;
}
#nav .box_dl._medical .box_dt {
	background-color: #05acd2;
}
#nav .box_dl._interior .box_dt {
	background-color: #ec2121;
}
#nav .img_wrp {
	display: block;
	position: relative;
	margin-bottom: 8px;
}
#nav .box_dl._senior .img {margin-bottom: 8px;}
#nav .img_wrp::before{
  content: '';
  display: block;
  border-radius: 50%;
	opacity: 0;
  position: absolute;
  top: 0;
	bottom: 0;
  left: 0;
	right: 0;
  z-index: 1;
  transition: all .4s;
}
#nav .__01 .img_wrp::before{
  background-color: #0051BC;
}
#nav .__02 .img_wrp::before{
  background-color: #70B52C;
}
#nav .__03 .img_wrp::before{
  background-color: #FF783C;
}
#nav .__04 .img_wrp::before{
  background-color: #EBC000;
}
@media (hover:hover) {
  #nav .box_dd:hover .img_wrp::before {
    opacity: .8;
  }
}
#nav .box_dd .nav_name {
	font-size: clamp(0.7rem, 1.43vw, 1.4rem);
	text-align: center;
	font-weight: bold;
}
#nav .box_dd .nav_name ._l,
#nav .box_dd .nav_name._l {
	font-size: clamp(0.8rem, 1.634vw, 1.6rem);
}
#nav ._senior .nav_name {
	color: #d60074;
}
#nav .link_anchor {text-decoration: none;}
#nav .__01 .link_anchor {
	color: #0051bc;
}
#nav .__02 .link_anchor {
	color: #70b52c;
}
#nav .__03 .link_anchor {
	color: #ff783c;
}
#nav .__04 .link_anchor {
	color: #ebc000;
}

#nav .nav_ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
#nav .nav_li {
	width: min(40vw, 757px);
	margin: 0 min(1.75vw, 20px);
}
#nav .nav_link {
	font-size: clamp(1.2rem, 2.45vw, 2.4rem);
	font-weight: bold;
	text-decoration: none;
	padding: .5em 0 .3em;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5em;
	border: 4px solid #000;
	background-color: #fff;
	box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
	transition: all .3s;
}
#nav .nav_link::after {
	content: '';
	display: block;
	width: .45em;
	height: .45em;
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
	transform: rotate(45deg);
	margin-left: .5em;
	margin-bottom: .2em;
}
#nav .nav_link._medical::after,
#nav .nav_link._medical {
	color: #05acd2;
	border-color: #05acd2;
}
#nav .nav_link._interior::after,
#nav .nav_link._interior {
	color: #ec2121;
	border-color: #ec2121;
}
#nav .nav_link._medical:hover {
	color: #25788b;
	border-color: #25788b;
	background-color: #a2a2a2;
}
#nav .nav_link._medical:hover::after {
	border-color: #25788b;
}
#nav .nav_link._interior:hover {
	color: #a92f2f;
	border-color: #a92f2f;
	background-color: #a2a2a2;
}
#nav .nav_link._interior:hover::after {
	border-color: #a92f2f;
}
#nav ._float {
	display: none;
	visibility: hidden;
	opacity: 0;
}
#nav.show ._float {
	display: flex;
	visibility: visible;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	animation: fadeIn_down .5s .3s forwards;
}
#nav ._float .nav_li {
	width: 50%;
	margin: 0;
}
#nav ._float .nav_link {
	border: none;
	width: 100%;
	height: min(5.25vw, 63px);
	border-radius: 0;
}
#nav ._float .nav_link._medical {
	color: #fff;
	background-color: #05acd2;
}
#nav ._float .nav_link._medical::after {
	border-color: #fff;
}
#nav ._float .nav_link._interior {
	color: #fff;
	background-color: #ec2121;
}
#nav ._float .nav_link._interior::after {
	border-color: #fff;
}

@media screen and (min-width:641px){
	#nav .nav_inner {
		align-items: center;
		margin-bottom: min(2.75vw, 33px);
	}
	#nav .box_dl {
		width: min(calc(27.25vw * 1.2), 356px);
		margin: 0 min(1.25vw, 15px);
	}
	#nav .box_dl._senior {
		width: min(calc(14.25vw * 1.1), 170px);
	}
	#nav .box_dd {
		width: min(calc(14.25vw * 1.1), 170px);
	}
	#nav .times {
		width: min(2.5vw, 33px);
		margin: 0 min(1.25vw, 15px);
	}
}
@media screen and (min-width:1300px){
	#nav .box_dl {
		width: min(27.25vw, 356px);
	}
	#nav .box_dl._senior,
	#nav .box_dd {
		width: min(14.25vw, 170px);
	}
}
@media screen and (max-width:640px){
	#nav {
		padding: min(12vw, 90px) 0;
	}
	#nav .h2_nav {
		width: min(69.6vw, 520px);
		margin: 0 auto min(6vw, 45px);
	}
	#nav .nav_inner {
		flex-wrap: wrap;
		justify-content: center;
	}
	#nav .box_dl {
		width: min(69.6vw, 520px);
		margin-bottom: min(4vw, 30px);
	}
	#nav .box_dl .box_dt {
		font-size: clamp(1.3rem, 2.654vw, 2.6rem);
		margin-bottom: 8px;
	}
	#nav .box_dd {
		width: min(32vw, 240px);
	}
	#nav .times {
		width: min(69.6vw, 520px);
		display: flex;
		justify-content: center;
		margin-bottom: min(4vw, 30px);
	}
	#nav .box_dd .nav_name {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
		white-space: nowrap;
	}
	#nav .box_dd .nav_name ._l,
	#nav .box_dd .nav_name._l {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
	}

	#nav .nav_ul {
		flex-wrap: wrap;
	}
	#nav .nav_li {
		width: min(77.6vw, 580px);
		margin-bottom: min(6.4vw, 48px);
	}
	#nav .nav_link {
		font-size: clamp(2rem, 5.21vw, 4rem);
	}
	#nav .nav_ul._float {
		flex-wrap: nowrap;
	}
	#nav ._float .nav_li {
		width: 50vw;
	}
	#nav ._float .nav_link {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		height: min(10.8vw, 81px);
		padding-bottom: 20px;
		position: relative;
	}
	#nav ._float .nav_link::after {
		position: absolute;
		bottom: 5px;
		left: calc(50% - .5em);
	}
	
}
@media screen and (max-width:380px){
}

/*content*
***************************************/
#content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: min(1.25vw, 21px);
}
#content .section {
	width: min(95vw, 840px);
}
#content .section .wrap_inner {
	background-color: #fff;
	box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	overflow: hidden;
}
#content .h2_sec {
	color: #fff;
	font-size: clamp(1.7rem, 3.47vw, 3.4rem);
	padding: .4em 0 .3em;
	display: flex;
	justify-content: center;
	align-items: center;
}
#content .h2_sec::before,
#content .h2_sec::after {
	content: '';
	display: block;
	width: 11px;
	height: 3px;
	background-color: #fff;
	margin: 0 10px;
}
#medical .h2_sec {
	background-color: #05acd2;
}
#interior .h2_sec {
	background-color: #ec2121;
}

#content .sec {
	padding: min(3.5vw, 40px);
}
#content .sec:nth-of-type(1),
#content .sec:nth-of-type(2) {
	padding-bottom: 0;
}
#content .h3_sec {
	display: flex;
	justify-content: center;
	margin-bottom: min(2vw, 24px);
}
#content .int_dl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	line-height: 1.8;
	margin-bottom: min(2vw, 24px);
}
#content .int_dt {
	font-size: clamp(0.7rem, 1.43vw, 1.4rem);
	width: min(5vw, 60px);
	margin-bottom: 3px;
}
#content .int_dt span {
	font-size: clamp(0.8rem, 1.634vw, 1.6rem);
	font-weight: bold;
}
#content .int_dd {
	font-size: clamp(0.7rem, 1.43vw, 1.4rem);
	width: calc(100% - min(5vw, 60px));
	margin-bottom: 3px;
}
#content .int_dt.__w {
	color: #d60074;
}
#content .int_dt.__i {
	color: #0051bc;
}
#content .int_dt.__s {
	color: #70b52c;
}
#content .int_dt.__h {
	color: #ebc000;
}
#content .int_dt.__a {
	color: #ff783c;
}
#content .int_dd em {
	font-style: normal;
	background: url(../img/line.png) 0 100% repeat-x;
}

@media screen and (max-width:640px){
	#content .h2_sec {
		font-size: clamp(2.4rem, 6.25vw, 4.8rem);
	}
	#content .sec {
		padding: min(8.8vw, 66px) min(5.2vw, 40px);
	}
	#content .sec:nth-of-type(1),
	#content .sec:nth-of-type(2) {
		padding-bottom: 0;
	}
	#content .h3_sec {
		margin-bottom: min(7.2vw, 54px);
	}
	#content .h3_sec .img {
		width: min(56.8vw, 366px);
	}
	#content .int_dt {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
		width: min(13.6vw, 100px);
	}
	#content .int_dt span {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	}
	#content .int_dd {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
		width: calc(100% - min(13.6vw, 100px));
	}
}

/*products*
***************************************/
#box_products {
	background-color: #fff;
	border-radius: 10px;
	width: min(95vw, 840px);
	padding: min(3.5vw, 40px);
	margin: min(7.25vw, 87px) auto;
	box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#box_products .h2_prd {
	color: #fff;
	font-size: clamp(1.4rem, 2.858vw, 2.8rem);
	text-align: center;
	padding: .3em 0 .15em;
	margin-bottom: min(3.5vw, 40px);
	background-color: #882990;
	border-radius: 10px;
	width: 100%;
}
#box_products .fig_prd {
	width: min(48%, 360px);
}
#box_products .h3_prd {
	font-size: clamp(1.2rem, 2.45vw, 2.4rem);
	text-align: center;
	margin-bottom: min(1vw, 12px);
}
#box_products ._bd {
	border: 1px solid #d3d3d3;
	margin-bottom: min(1vw, 12px);
}
#box_products .txt {
	font-size: clamp(0.8rem, 1.634vw, 1.6rem);
}
@media screen and (max-width:640px){
	#box_products {
		justify-content: center;
	}
	#box_products .h2_prd {
		font-size: clamp(2.2rem, 5.73vw, 4.4rem);
	}
	#box_products .h3_prd {
		font-size: clamp(2rem, 5.21vw, 4rem);
	}
	#box_products .fig_prd {
		width: 85%;
	}
	#box_products .fig_prd + .fig_prd {
		margin-top: min(4vw, 30px);
	}
	#box_products .txt {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
	}
}

/*btm*/
.sec_btm {
	width: min(100vw, 1221px);
	margin: 0 auto min(7.25vw, 87px);
	background: url(../img/btm_wave.svg) 0 100% repeat-x;
	display: flex;
	justify-content: center;
}

.btn_flex {
	display: flex;
	justify-content: center;
	margin-bottom: min(3.5vw, 40px);
}
.btn__close {
	color: #000;
	font-size: clamp(0.8rem, 1.634vw, 1.6rem);
	text-decoration: none;
	padding: .5em 2em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f0e900;
	border-radius: 5em;
	box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
}
.btn__close::after {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	background: url(../img/close.svg) 0 0 no-repeat;
	background-size: cover;
	margin-left: .6em;
}

.pagetop__link {
	color: #0080b6;
	font-size: clamp(0.8rem, 1.634vw, 1.6rem);
	text-decoration: none;
	width: min(7vw, 80px);
	height: min(7vw, 80px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #f0e900;
	border-radius: 50%;
	box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
}
.pagetop__link::before {
	content: '';
	display: block;
	width: 11px;
	height: 7px;
	background-color: #0080b6;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	margin-bottom: min(1vw, 12px);
}

@media screen and (max-width:640px){
	.btn__close {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
	}
	.pagetop__link {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
		width: min(16vw, 80px);
		height: min(16vw, 80px);
	}
}

/*footer */
#footer {
  color: #fff;
  font-size: clamp(0.5rem, 1.3vw, 1.0rem);
  background-color: #0080b6;
  padding: 1.5em 0 1.3em;
  text-align: center;
}