@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#karte-intro h1 {
	background: #e7f0f7 url("/jp/~/media/medicom/top/header_pc_bg_karte.jpg") center 0 / auto 100% no-repeat;
}

.intro picture {
    position: absolute;
    top: 150px;
    left: 60px;
    display: block; 
    width: 340px;
}

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

@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#karte-intro h1 {
		background: url("/jp/~/media/medicom/top/header_sp_bg_karte.jpg") center 0 / cover no-repeat;
	}
    
    .intro h1 picture {
        position: relative;
        top: 7.8125vw;
        left: auto;
        width: 56.25vw;
        margin: 0 auto;
    }
    
    .intro h1 span {
        position: relative;
        top: 10.9375vw;
        left: auto;
        font-size: 4.375vw;
        text-align: center;
    }