<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/*===================================
移植版の特徴ページ　レスポンシブ　CSS
===================================*/
@media screen and (max-width: 899px) {

header {
	height: 110px;
}

#grobalNavi {
	margin: -10px auto 25px auto;
	background-color: #000;
}

#intro_1 {
	margin-top: 100px;
	width: 100%;
}

#intro_1 h1 {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
}

#intro_1 h1 span {
	font-size: 150%;
}

#intro_2 {
	margin: 50px auto;
	width: 70%;	
}

.pattern {
	width: 120px;
	box-shadow: 5px 5px 0px 0px #000000;
	text-align: center;
	margin: 10px 0;
	padding: 5px 5px;
	background-color: #e1007f;
}

#intro_2 h2 {
	font-size: 120%;
	font-weight: bold;
	color: #fff;
}
.pattern_text {
	margin: 0 auto 20px auto;
	padding: 5px 20px;
}

#intro_2 p {
	font-size: 110%;
	line-height: 150%;
}

#intro_3 {
	margin: 50px auto 100px auto;
	width: 70%;	
}

#intro_3 h1 {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
}

#intro_3 h1 span {
	font-size: 150%;
}

.tokucho_text {
	margin: 0 auto 20px auto;
	padding: 5px 20px;
}

.tokucho_text p {
	line-height: 180%;
}

.point {
	font-size: 20px;
	margin-right: 5px;
	color: #e1007f;
}

.tokucho_text2 {
	padding-left: 40px;
}

/* └ の位置合わせ */
.tokucho_text2 p span {
	font-size: 20px;
	color: #000;
	margin-left: -18px;
}
}

/*===================================
画面サイズ　600px以下の設定
===================================*/

@media screen and (max-width: 600px) {
	
#wrap {
	margin-top: 200px;	
	}
	
#icon {
	text-align: center;
	}	

#intro_1 h1 {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
}
	
#intro_2 {
	margin: 50px auto;
	width: 90%;	
}
	
#intro_3 {
	margin: 50px auto 100px auto;
	width: 90%;	
}

#intro_3 h1 {
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
}

.kaigyo {
	display: inline-block;
	margin-left: 15px;
	font-size: 100%;
	color: #000
	}	
	
}

/*===================================
画面サイズ　390px以下の設定
===================================*/

@media screen and (max-width: 390px) {

#intro_1 h1 {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
}

#intro_3 {
	margin: 50px auto 100px auto;
	width: 95%;	
}	

#intro_3 h1 {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
}


}</pre></body></html>