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

/* ************************************************ 
 *  all
 * ************************************************ */
* {
  margin: 0px;
  padding: 0px;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は1100px
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/

#container {
	width: auto;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

/* トップビュー */

#topview {
	width: 1100px;
	height: auto;
	clear: both;
	float: none;
	margin-top: -80px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	top: 0px;
	position: relative;
	z-index: 10;
}


/*===== CONTENT =====*/

.main {
	float: none;
	clear: both;
	width: 1100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
	background-color: #fff;
}
.img_content01 {
	width: 960px;
	height: auto;
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.img_content02 {
	width: 960px;
	height: auto;
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.img_content03 {
	width: 400px;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 58px;
}
.img_content04 {
	width: 960px;
	height: auto;
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.img_content05 {
	width: 702px;
	height: auto;
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.img_content06 {
	width: 802px;
	height: auto;
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}


/* title */

.title_img01 {
	width: 482px;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.title_img02 {
	width: 962px;
	height: auto;
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* copy */

.copy01 {
	width: 1100px;
	height: auto;
	float: none;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 70px;
	padding-bottom: 0px;
	padding-left: 70px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18pt;
	line-height: 24pt;
	font-weight: normal;
	color: #333333;
	text-align: left;
	text-indent: 0pt;
	background-image: url(/img/lp/title_icon.jpg);
	background-position: 0px center;
	background-repeat: no-repeat;
}
.copy02 {
	width: 1100px;
	height: auto;
	float: none;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 20px;
	padding-left: 70px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	font-weight: normal;
	color: #333333;
	text-align: left;
	text-indent: 0pt;
}
.copy03 {
	width: 482px;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	font-weight: normal;
	color: #333333;
	text-align: left;
	text-indent: 0pt;
}
.red_text {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	font-weight: bold;
	color: #c80000;
	text-align: left;
	text-indent: 0pt;
}

.floating-banner {
    width: 300px;
    /* 画面の1/3の幅 */
    position: fixed;
    /* 固定表示 */
    bottom: 90px;
    /* 画面下から16px */
    right: 16px;
    /* 画面の右から16px */
    z-index: 9999;
    /* 常に前面に出す */
    transition: 0.3s;
    /* ホバー時ゆっくり透過 */
    cursor: pointer;
    /* ホバー時カーソルがポインターに */
}
.floating-banner:hover {
    opacity: 0.8;
    /* ホバーで透過させる */
}
.floating-banner_img {
    width: 100%;
    /* 画像をfloating-bannerの幅に合わせる */
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
    /*ドロップシャドウ*/
    border-radius: 10px;
}

.floating-banner2 {
    width: auto;
    position: fixed;
    bottom: 90px;
    right: 14%;
    left: 14%;
    z-index: 9999;
    transition: 0.3s;
    cursor: pointer;
}
.floating-banner2:hover {
    opacity: 0.8;
    /* ホバーで透過させる */
}

.pc { display: block !important; }
.sp { display: none !important; }
 

@media only screen and (max-width: 1100px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


}