@charset "UTF-8";

.intro {
	max-width: 100%;
	padding: 0;
    background-color: #e7f0f7;
}

.inner-intro {
	box-sizing: border-box;
	min-width: 960px;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0;
	max-width: 1280px;
    position: relative;
}

.intro h1 {
	width: 100%;
	height: 418px;
}

.intro#mchrf-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mchrf/header_pc_bg_mchrf.jpg") center 0 / auto 100% no-repeat;
}

.intro#lead-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/lead/header_pc_bg_lead.jpg") center 0 / auto 100% no-repeat;
}

.intro#prime2-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/prime2/header_pc_bg_prime2.jpg") center 0 / auto 100% no-repeat;
}

.intro#pharnes5mx-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/pharnesVmx/header_pc_bg_pharnes5mx.jpg") center 0 / auto 100% no-repeat;
}

.intro#mchr-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mchrv/00_header_pc_3.png") center 0 / auto 100% no-repeat;
}

.intro#pharnes5-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/pharnes5/00_header_pc2.png") center 0 / auto 100% no-repeat;
}

.intro#cereb2-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/cereb2/00_header_pc_3.png") center 0 / auto 100% no-repeat;
}

	.intro#ph-netreach-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/ph-netreach/00_header_pc.png") center 0 / auto 100% no-repeat;
}

	.intro#ph-netmaster-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/ph-netmaster/00_header_pc_3.png") center 0 / auto 100% no-repeat;
}

	.intro#mcck-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mcck/00_header_pc2.png") center 0 / auto 100% no-repeat;
}

	.intro#mchs-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mchs/00_header_pc_3.png") center 0 / auto 100% no-repeat;
}

	.intro#mchsi-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mchsi/00_header_pc_3.png") center 0 / auto 100% no-repeat;
}

	.intro#mirais_n-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mirais_n/00_header_pc2.png") center 0 / auto 100% no-repeat;
}

	.intro#live-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/live/00_header_pc_3.png") center 0 / auto 100% no-repeat;
}


.intro h1 span {
    position: absolute;
    top: 90px;
    left: 90px;
    line-height: 1.4;
    color: #555;
    font-size: 24px;
    display: block;
}

.intro picture {
    position: absolute;
    top: 180px;
    left: 90px;
    display: block; 
    width: 460px;
}

.intro ul {
	position: relative;
	top: -80px;
	left: 0;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	width: 1040px;
  height: 0;
}

.intro ul li:not(:last-child) {
	margin: 0 20px 20px 0;
}

.intro ul li a {
	position: relative;
	display: block;
  border-radius: 45px;
	box-sizing: border-box;
  background: #00c7b7;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	padding: 15px 0;
  width: 480px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	transition: 0.5s;
}

.intro ul li:nth-child(2) a {
  background: #f47e00;
}

.intro ul li:nth-child(3) a {
  background: #19a9ec;
}

.intro ul li a:hover {
	opacity: 0.8;
}

.intro ul li a:link,
.intro ul li a:visited {
	color: #fff;
}

.intro ul li a:hover {
	text-decoration: none;
}

.intro ul li a::after {
	content: '';
	position: absolute;
	top: 20px;
	right: 22px;
	z-index: 1;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
    
}

@media only screen and (max-width: 768px) {
	.intro {
		margin: 0 0 15px;
	}
	
	.inner-intro {
		min-width: auto;
		max-width: 100%;
	}

	.intro h1 {
		height: 68.75vw;
	}

	.intro#mchrf-intro h1 {
		background: url("/jp/~/media/medicom/mchrf/header_sp_bg_mchrf.jpg") center 0 / cover no-repeat;
	}
    
	.intro#lead-intro h1 {
		background: url("/jp/~/media/medicom/lead/header_sp_bg_lead.jpg") center 0 / cover no-repeat;
	}
    
	.intro#prime2-intro h1 {
		background: url("/jp/~/media/medicom/prime2/header_sp_bg_prime2.jpg") center 0 / cover no-repeat;
	}
    
	.intro#pharnes5mx-intro h1 {
		background: url("/jp/~/media/medicom/pharnesVmx/header_sp_bg_pharnes5mx.jpg") center 0 / cover no-repeat;
	}
    
	.intro#mchr-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mchrv/00_header_sp_2.jpg") center 0 / auto 100% no-repeat;
}

.intro#pharnes5-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/pharnes5/00_header_sp.png") center 0 / auto 100% no-repeat;
}
	
	.intro#cereb2-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/cereb2/00_header_sp_2.jpg") center 0 / auto 100% no-repeat;
}

	.intro#ph-netreach-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/ph-netreach/00_header_sp.png") center 0 / auto 100% no-repeat;
}
	
	.intro#ph-netmaster-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/ph-netmaster/00_header_sp_2.jpg") center 0 / auto 100% no-repeat;
}
	
		.intro#mcck-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mcck/00_header_sp.jpg") center 0 / auto 100% no-repeat;
}

		.intro#mchs-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mchs/00_header_sp_2.jpg") center 0 / auto 100% no-repeat;
}

		.intro#mchsi-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mchsi/00_header_sp_2.jpg") center 0 / auto 100% no-repeat;
}

		.intro#mirais_n-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/mirais_n/00_header_sp.jpg") center 0 / auto 100% no-repeat;
}

		.intro#live-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/live/00_header_sp_2.png") center 0 / auto 100% no-repeat;
}
    .intro h1 span {
        position: relative;
        top: 3.125vw;
        left: auto;
        font-size: 4.375vw;
        text-align: center;
    }
    
    .intro h1 picture {
        position: relative;
        top: 4.6875vw;
        left: auto;
        width: 68.75vw;
        margin: 0 auto;
    }

	.intro ul {
		position: relative;
		top: auto;
		left: auto;
		display: none;
		padding: 30vw 0 0;
		width: 100%;
	}

	.intro ul li,
	.intro ul li:not(:last-child) {
		margin: 0 0 2.666667vw;
	}

	.intro ul li a {
		border-radius: 8vw;
		box-shadow: 0 0.5333333vw 1.3333333vw 0 rgba(0, 0, 0, 0.2);
		margin: 0 0 0 4vw;
		padding: 2.1333333vw 0 0;
		width: 92vw;
		height: 16vw;
		font-size: 4vw;
	}

	.intro ul li a::after {
		top: 6.6vw;
		right: 4.8vw;
		width: 1.6vw;
		height: 1.6vw;
		border-top: 0.8vw solid #fff;
		border-right: 0.8vw solid #fff;
	}