@charset "utf-8";
/* CSS Document */


body{
	padding: 0;
	margin: 0;
}



@media screen and (min-width:768px){
/*PC*/

.ZenAreabox{
	background-image:url("https://gigaplus.makeshop.jp/isimaruudon/dokuji/img/602/ct74_img01.jpg");
	width: 920px;
	height: 650px;
	position: relative;
}
.TeiAreabox{
	background-image:url("https://gigaplus.makeshop.jp/isimaruudon/dokuji/img/602/ct74_img02.jpg");
	width: 920px;
	height: 650px;
	position: relative;
}


p.TeiTitle, .ZenTitle{
	font-weight: bold;
	position: absolute;
	top: 35px; left: 165px;
}

p.TeiTitle, .ZenTitle span{
	font-size: 3.5em;
	line-height: 100%;
	}
	
	
p.Text{
	font-size: 1.5em;
	font-weight: bold;
	position: absolute;
	top: 110px; left: 165px;
	line-height: 180%;
}
p.Text span.Annotation{font-size: 0.5em;}
	
p.Annotation3{
	width: 450px;
	font-size: 0.6em;
	position: absolute;
	top: 300px; left: 165px;
}

span.Marker{
	background: linear-gradient(transparent 60%, #FFEB3B  50%);
	}
    .pc_switch { display: block !important;}
    .sp_switch { display: none !important; }
    }



@media screen and (max-width:768px) {
/*スマホ*/

.ZenAreabox{
	background-image:url("https://gigaplus.makeshop.jp/isimaruudon/dokuji/img/602/ct74_img01_sp.jpg");
	background-size: contain;
	width: 100%;
	padding-top: 247%;
	position: relative;
	background-repeat: no-repeat;
	text-align: left;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.TeiAreabox{
	background-image:url("https://gigaplus.makeshop.jp/isimaruudon/dokuji/img/602/ct74_img02_sp_n.jpg");
	background-size: contain;
	width: 100%;
	padding-top: 247%;
	position: relative;
	background-repeat: no-repeat;
	text-align: left;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}


p.ZenTitle{
	font-size: 4.3vw;
	font-weight: bold;
	position: absolute;
	top: 2%; left: 22%;
}

p.ZenTitle span{
	font-size: 9vw;
	line-height: 120%;
	}

p.TeiTitle{
	font-size: 4.3vw;
	font-weight: bold;
	position: absolute;
	top: 3%; left: 25%;
}

p.TeiTitle span{
	font-size: 8vw;
	line-height: 105%;
	}
	
	
p.Text{
	font-size: 5.4vw;
	font-weight: bold;
	position: absolute;
	top: 24%; left: 2%;
	line-height: 175%;
}
p.Text span.Annotation{font-size: 2.5vw;}

span.Marker{
	background: linear-gradient(transparent 60%, #FFEB3B  50%);
	}

p.Annotation{
	font-size: 2.6vw;
	position: absolute;
	top: 35%; left: 2%;
	line-height: 180%;
	padding-right: 2%;
}
p.Annotation3{
	font-size: 2.6vw;
	position: absolute;
	top: 40%; left: 2%;
	line-height: 180%;
}
    .pc_switch { display: none !important; }
    .sp_switch { display: block !important;}

}





@media (max-width: 370px) {

	p.Annotation{
	font-size: 2vw;
	position: absolute;
	top: 35%; left: 2%;
	line-height: 140%;
	padding-right: 2%;
}
p.Annotation3{
	font-size: 2vw;
	position: absolute;
	top: 41%; left: 2%;
	line-height: 140%;
}
}