@charset "UTF-8";

/*-----------------------------------------------------------------------------------------------------
共通設定(PC)
--------------------------------------------------------------------------------------------------------*/
html,
body {
	width: 100%;
	margin: 0;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 62.5%;
	font-style: normal;
	line-height: 1.5;
	color: #0c1b42;
}

/*リンク文字の設定*/
a {
	text-decoration: underline;
	transition: .3s;
}

a:link,
a:visited {
	color: #FFFFFF;
}

a:hover,
a:active {
	color: #CCCCCC;
}

/*ボタンホバー設定(半透明)*/
.btn {
	transition: .3s;
}

.btn:hover,
.btn:active {
	opacity: 0.8;
}

.sp {
	display: none;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*-----------------------------------------------------------------------------------------------------
各エリアの設定(PC)
-----------------------------------------------------------------------------------------------------*/
/*ページ全体*/
#container {
	position: relative;
	padding-top: 0rem;
	overflow: hidden;
}

#cont_privacy {
	padding-top: 0em;
}

/*本体*/
.main {
	margin-bottom: 0em;
}

/*カラム部分*/
.main-in {
	padding: 0em 0;
}

/*カラム内部のサイズ*/
.main-contents .contents {
	margin-bottom: 0em;
	padding: 0 50px;
}

/*段落タグ*/
.main-contents p {
	line-height: 1.5;
}

/*全体のフォントサイズ*/
.main-contents {
	font-size: 1.8em;
}

/*-----------------------------------------------------------------------------------------------------
ｈタグの設定(PC)
-----------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------
ファーストビュー(ヘッダー画像)
-----------------------------------------------------------------------------------------------------*/
#main-image {
	padding-top: 0em;
	background: url("../images/fv_bg_pc.webp") top no-repeat;
	height: auto;
}

#main-image-in {
	position: relative;
	padding-bottom: 0em;
	background-color: transparent;
}

#main-image img {
	height: auto;
}

/*-----------------------------------------------------------------------------------------------------
メイン部分(ボディ) ※ここに案件独自のcssを記述していく
-----------------------------------------------------------------------------------------------------*/
.subhead {
	margin: 0 -50px;
	margin-bottom: 1.5em;
}

.g_wgold {
	background: #f5df9f;
	background: -moz-linear-gradient(-45deg, #f5df9f 0%, #efe2ad 100%);
	background: -webkit-linear-gradient(-45deg, #f5df9f 0%, #efe2ad 100%);
	background: linear-gradient(135deg, #f5df9f 0%, #efe2ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5df9f', endColorstr='#efe2ad', GradientType=1);
}

.g_gold {
	background: #844400;
	background: -moz-linear-gradient(left, #844400 0%, #b68101 50%, #844400 100%);
	background: -webkit-linear-gradient(left, #844400 0%, #b68101 50%, #844400 100%);
	background: linear-gradient(to right, #844400 0%, #b68101 50%, #844400 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#844400', endColorstr='#844400', GradientType=1);
}

.bg_title {
	background-image: url("../images/line_gold.webp"), url("../images/line_gold.webp"), url("../images/bg_blue.webp");
	background-repeat: no-repeat;
	background-position: center top 10px, center bottom 10px, center;
	background-size: auto, auto, cover;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	margin-bottom: 50px;
}

/*----------------------------------
セクション（何）
------------------------------------*/
.sec_what {
	padding-top: 80px;
	padding-bottom: 70px;
}

.sub_what {
	width: 236px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.txt01_what {
	text-align: center;
	margin-bottom: 1em;
}

ul.list_what {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1em;
}

ul.list_what li {
	width: 33.3%;
}

.txt02_what {
	text-align: center;
	margin-bottom: 1.5em;
}

.box_course {

	padding: 1.2em 1.5em 1.5em;
	position: relative;
}

.box_course::after {
	position: absolute;
	content: url("../images/triangle_gold@2x.webp");
	left: 50%;
	bottom: -38px;
	transform: translate(-50%, 0) scale(0.5);
}

.img_hosho {
	position: absolute;
	width: 16%;
	left: 1.5em;
	top: 50%;
	transform: translate(0%, -50%);
}

.txt_course {
	text-align: left;
	width: 80%;
	margin: 0 0 0 auto;
	color: #FFFFFF;
}




/*----------------------------------
セクション（やり方）
------------------------------------*/
.sec_yarikata {
	background-image: url("../images/bg_building.webp");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 70px;
}

.title_yarikata {
	width: 399px;
	margin-bottom: 2em;
}

.box01_yarikata {
	position: relative;
	margin-bottom: 2em;
}

.img_kawashima1 {
	position: absolute;
	width: 40%;
	right: 0;
	top: 2.3em;
}

.txt01_yarikata {
	width: 49%;
	background-color: rgba(3, 7, 36, 0.70);
	padding: 2em 3em;
	color: #FFFFFF;
}

.box02_yarikata {
	position: relative;
}

.box_book {
	position: absolute;
	left: 0;
	top: 2.3em;
	padding: 1.5em 1em 1em;
	width: 36%;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
}

.box_book img {
	width: 30%;
	margin-bottom: 0.5em;
}

.txt02_yarikata {
	width: 49%;
	margin: 0 0 0 auto;
	background-color: rgba(3, 7, 36, 0.70);
	padding: 2em 3em;
	color: #FFFFFF;
}

.line_gold {
	height: 50px;
}

/*----------------------------------
セクション（嘘ばかり）
------------------------------------*/
.sec_lie {
	background-image: url("../images/bg_blue.webp");
	background-repeat: repeat;
	background-position: center;
	padding-top: 80px;
	padding-bottom: 0px;
}


.title_lie {
	width: 396px;
	margin-bottom: 2em;
}

.txt_lie {
	background-color: rgba(3, 7, 36, 0.70);
	padding: 2em 3em;
	color: #FFFFFF;
	margin-bottom: 1.5em;
}

/*スライダー設定*/
.slider1 {
	display: flex;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	overflow: hidden;
	padding: 0rem 0;
}

.slider1 ul {
	display: flex;
	padding: 0;
	margin: 0;
}

.slider1 li {
	width: 300px;
	list-style: none;
	margin: 0 0px;
}

.slider1 ul:first-child {
	animation: slide1 180s -90s linear infinite;
}

.slider1 ul:last-child {
	animation: slide2 180s linear infinite;
}

@keyframes slide1 {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes slide2 {
	0% {
		transform: translateX(0);
	}

	to {
		transform: translateX(-200%);
	}
}


/*----------------------------------
セクション（証明済み）
------------------------------------*/
.sec_evi {
	background-image: url("../images/bg_blue.webp");
	background-repeat: repeat;
	background-position: center;
	padding-top: 80px;
	padding-bottom: 0px;
}


.title_evi {
	width: 533px;
	margin-bottom: 2em 3em;
}

.txt_evi {
	background-color: rgba(3, 7, 36, 0.70);
	padding: 2em 3em;
	color: #FFFFFF;
	margin-bottom: 1.5em;
}

/*スライダー設定*/
.slider2 {
	display: flex;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	overflow: hidden;
	padding: 0rem 0;
}

.slider2 ul {
	display: flex;
	padding: 0;
	margin: 0;
}

.slider2 li {
	width: 300px;
	list-style: none;
	margin: 0 0px;
}

.slider2 ul:first-child {
	animation: slide3 180s -90s linear infinite;
}

.slider2 ul:last-child {
	animation: slide4 180s linear infinite;
}

@keyframes slide3 {
	0% {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(100%);
	}
}

@keyframes slide4 {
	0% {
		transform: translateX(-200%);
	}

	to {
		transform: translateX(0);
	}
}

/*----------------------------------
セクション（激変）
------------------------------------*/
.sec_change {
	padding-top: 50px;
	padding-bottom: 0px;
}

.txt01_change {
	text-align: center;
	margin-bottom: 1em;
}

ul.list_change {
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	margin-bottom: 1em;
}

ul.list_change li {
	width: 25%;
}

.txt02_change {
	text-align: center;
	margin-bottom: 3em;
}

.w_300 li {
	width: 300px;
}

/*----------------------------------
セクション（指導方法）
------------------------------------*/
.sec_way {
	padding-top: 0px;
	padding-bottom: 50px;
}

.title_way img {
	width: 339.5px;
}

.box_wayOtr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box_way {
	width: 43%;
	background-color: #FFFFFF;
	padding: 1em;
	margin-bottom: 2em;
}

.sub_way,
.img_way {
	margin-bottom: 0.7em;
}

.txt_way {
	padding: 0 0 0 0.5em;
}

/*----------------------------------
セクション（指導内容）
------------------------------------*/
.sec_detail {
	padding-top: 0px;
	padding-bottom: 70px;
}

.title_detail img {
	width: 339.5px;
}

.sub01_detail {
	width: 341px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.box_list_basic {
	margin-bottom: 1.5em;
}

.box_list_basic:last-child {
	margin-bottom: 0;
}

.box_list_basicOtr {
	margin-bottom: 2em;
}

.sub_basic {
	background-color: #0c1b42;
	padding: 0.5em 1.5em;
}

.box_basicInr {
	background-color: #FFFFFF;
	padding: 1.5em 2em;
}

.box_txt_basic {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
	margin-bottom: 1em;
}

.img_basic {
	width: 35%;
}

.txt_basic {
	width: 62%;
}

ul.list_basic {
	background-color: #F5F5F5;
	padding: 1em 1.5em;
	list-style-type: none;
}

ul.list_basic li {
	background-image: url("../images/tick_pink@2x.webp");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: top 0.2em left;
	padding-left: 30px;
	margin-bottom: 0.5em;
}

ul.list_basic li:last-child {
	margin-bottom: 0;
}



.box_whystudy {
	margin-bottom: 80px;
}

.sub_whystudy {
	text-align: center;
	padding: 1.5em 0em;
	position: relative;
}

.sub_whystudy::before {
	position: absolute;
	content: "";
	top: 0;
	left: 70px;
	display: block;
	width: 80px;
	height: 200px;
	background-image: url("../images/logo_why_pc.webp");
	background-size: contain;
	background-repeat: no-repeat;
}

.sub_whystudy img {
	width: 542px;
	position: relative
}

.box_whystudyInr {
	background-color: #fff6d5;
	border-left: 5px solid #844400;
	border-right: 5px solid #844400;
	border-bottom: 5px solid #844400;
	padding: 1.5em 2em 2em;
}

.txt01_whystudy {
	margin-bottom: 0.5em;
}

ul.list_whystudy {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1em;
}

ul.list_whystudy li {
	width: 30%;
}

.sub02_detail {
	width: 477px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.box_moreOtr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

dl.box_more {
	width: 32%;
	background-color: #FFFFFF;
	margin: 0em;
	margin-bottom: 1em;
}

dl.box_more.pc {
	background-color: inherit;
}

dl.box_more dt {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

dt.sub_more {
	padding-top: 0.4em;
}

dl.box_more dd {
	margin: 0;
	padding: 0.5em 0.5em 1em 0.9em;
}

/*----------------------------------
セクション（ハイエンド）
------------------------------------*/
.sec_lux {
	background-image: url("../images/bg_gblue.webp");
	background-repeat: repeat;
	background-position: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

.txt_yousuruni {
	margin-bottom: 2em;
}

.box_checklist_lux {
	border: 1px solid #c6a439;
	padding: 5px;
	position: relative;
	margin-bottom: 5em;
}

ul.checklist_lux {
	border: 1px solid #c6a439;
	padding: 1.5em;
	list-style-type: none;
}

ul.checklist_lux li {
	width: 70%;
	color: #FFFFFF;
	font-size: 1.2em;
	margin-bottom: 0.7em;
	text-indent: -45px;
	margin-left: 45px;
}

ul.checklist_lux li:last-child {
	margin-bottom: 0;
}

ul.checklist_lux li:before {
	content: "";
	background-image: url("../images/icon_tick.webp");
	background-repeat: no-repeat;
	background-size: 30px;
	padding-left: 45px;
}

.img_pc {
	position: absolute;
	width: 40%;
	top: 50%;
	right: -1em;
	transform: translate(0%, -50%)
}

.box_reject {
	background-image: url("../images/bg_chumoku.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 3em 1em 1.5em;
	position: relative;
	margin-bottom: 2.5em;
}

.txt_reject {
	position: absolute;
	width: 70%;
	padding: 0.5em;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.4em;
	top: -1.5em;
	left: 50%;
	transform: translate(-50%, 0)
}

.txt_reject::after {
	position: absolute;
	content: url("../images/triangle_gold@2x.webp");
	left: 50%;
	bottom: -38px;
	transform: translate(-50%, 0) scale(0.5);
}

.bg_white {
	color: #0c1b42;
	font-weight: bold;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF, 0-1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}

ol.step_grow {
	list-style-type: none;
	text-align: center;
}

ol.step_grow li {
	font-size: 1.4em;
}

li.arrow {
	margin-bottom: 1.5em;
	position: relative
}

li.arrow::after {
	position: absolute;
	content: url("../images/triangle_gold@2x.webp");
	left: 50%;
	bottom: -50px;
	transform: translate(-50%, 0) scale(0.5);
}

.txt_lux {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 3em;
}

/*----------------------------------
セクション（料金）
------------------------------------*/
.sec_price {
	padding-top: 0px;
	padding-bottom: 70px;
}

.title_price img {
	width: 339.5px;
}

.price {
	margin-bottom: 2em;
}

dl.box_price,
dl.box_price dt,
dl.box_price dd {
	margin: 0;
}

dl.box_price dt {
	display: inline-block;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 0.5em 1em;
	margin-bottom: 0.3em;
}

dl.box_price dd {
	margin-bottom: 1.5em;
}

dl.box_price dd:last-child {
	margin-bottom: 0;
}

/*----------------------------------
セクション（CTA）
------------------------------------*/
.sec_cta {
	padding-top: 50px;
	padding-bottom: 50px;
}

.btn_cta {
	width: 80%;
	margin: 0 auto;
	transition: .3s;
}

.btn_cta:hover {
	opacity: 0.8;
}

/*----------------------------------
セクション（メリット）
------------------------------------*/
.sec_merit {
	padding-top: 0px;
	padding-bottom: 70px;
}

.title_merit img {
	width: 503.5px;
}

.txt_merit {
	margin-bottom: 1.5em;
}

.box_merit {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 1em;
}

.box_merit:last-child {
	margin-bottom: 0;
}

.nmb_merit {
	width: 85px;
	background-color: #ff0067;
	display: flex;
	align-items: center;
}

.detail_merit {
	display: flex;
	align-items: center;
	flex: 1;
	background-color: #FFFFFF;
	padding: 0.5em 1em;
	font-size: 1.5em;
}

/*----------------------------------
セクション（塾生一覧）
------------------------------------*/
.sec_student {
	background-image: url("../images/bg_jyukusei.webp"), url("../images/bg_gblue.webp");
	background-repeat: no-repeat, repeat;
	background-position: bottom center, center;
	padding-top: 80px;
	padding-bottom: 70px;
}


.title_student {
	width: 302px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.txt_student {
	color: #FFFFFF;
	margin-bottom: 2em;
}

.box_ssOtr,
.box_sOtr {
	margin: 0 -40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box_ssOtr {
	margin-bottom: 2em;
}

.box_ss {
	width: 29.5%;
	background-color: #FFFFFF;
	padding: 0.5em;
	text-align: center;
	margin-bottom: 1em;
}

.img_student {
	margin-bottom: 0.2em;
}

.name,
.name_s {
	font-size: 1.1em;
	line-height: 1.3;
}

.name_s {
	margin-bottom: 0.2em;
}

.label_book {
	color: #FFFFFF;
	font-size: 0.8em;
	letter-spacing: 1em;
	text-indent: 1em;
}

.co {
	font-size: 0.8em;
	height: 50px;
}

.h72_co {
	height: 72px;
}

.h28_co {
	height: 28px;
}

.box_s {
	width: 21%;
	background-color: rgba(3, 7, 36, 0.70);
	padding: 0.5em;
	text-align: center;
	margin-bottom: 1em;
	color: #FFFFFF;
}

.img_s {
	width: 149px;
	margin: 0 auto;
	margin-bottom: 0.5em;
}

.co_s {
	font-size: 0.8em;
}

.empty {
	background-color: inherit;
}

.remark_student {
	background-color: rgba(3, 7, 36, 0.70);
	color: #FFFFFF;
	font-size: 0.8em;
	padding: 1.5em 1.5em 1.5em 2.5em;
	text-indent: -1em;
}

/*----------------------------------
セクション（よくある質問）
------------------------------------*/
.sec_qa {
	padding-top: 0px;
	padding-bottom: 70px;
}

.title_qa img {
	width: 339.5px;
}

/* 質問フォーム */
.cp_qa *,
.cp_qa *:after,
.cp_qa *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #FFFFFF;
}

.cp_qa .cp_actab:last-child {
	margin-bottom: 0em;
}

.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}

/* 質問 */
.cp_qa .cp_actab label {
	font-weight: normal;
	font-size: 1.2em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 0.6em 3.5em 0.8em 3.5em;
	cursor: pointer;
	text-indent: 0.5em;
	background: #0c1b42;
}

.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.6em;
	margin-left: -1.8em;
	padding-right: 0.5em;
	content: 'Q';
	font-weight: bold;
}

.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #c6a439;
}

/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2.2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	transition: transform 0.4s;
}

/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
	background: #fff;
	color: #0c1b42;
}

.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
	font-weight: bold;
}

.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0.5em;
}

/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked~.cp_actab-content {
	max-height: 100em;
	border: 10px solid rgba(27, 37, 56, 0.1);
}

/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked~label {
	color: #c6a439;
	border-radius: 0.5em 0.5em 0 0;
}

/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked+label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/*----------------------------------
セクション（プロフィール）
------------------------------------*/
.sec_pro {
	background-image: url("../images/bg_building.webp"), url("../images/bg_gblue.webp");
	background-repeat: no-repeat, repeat;
	background-position: bottom center, center;
	padding-top: 80px;
	padding-bottom: 70px;
}


.title_pro {
	width: 439px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.box_pro {
	background-color: rgba(3, 7, 36, 0.70);
	color: #FFFFFF;
	margin-bottom: 80px;
}

.txt_pro {
	padding: 2em 3em;
}

.title_book {
	width: 214px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.label_toppa {
	width: 310px;
	margin: 0 auto;
	margin-bottom: 1em;
}

.box_chosho {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 80px;
}

.img_chosho {
	width: 27%;
	margin-bottom: 1.5em;
}

.title_incom {
	width: 429px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.box_incomeOtr {
	background-color: rgba(3, 7, 36, 0.70);
	color: #FFFFFF;
	padding: 2em;
}

.txt_income {
	margin-bottom: 2em;
}

.txt_income small {
	font-size: 0.8em;
}

.box_income {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.box_incomeInr {
	width: 30%;
	margin-bottom: 1.5em;
}

.img_income {
	margin-bottom: 0.2em;
}

.nmb_income {
	padding-left: 0.2em;
	line-height: 1.3;
}

.nmb_income small {
	font-size: 0.8em;
}

.remark_income {
	text-indent: -1em;
	padding-left: 1em;
}

/*-----------------------------------------------------------------------------------------------------
フッター部分
-----------------------------------------------------------------------------------------------------*/
footer {
	background-image: url("../images/bg_gblue.webp");
	background-repeat: repeat;
	background-position: center;
	padding: 2em 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.4em;
}

/*----------------------------------------
ページトップへ戻る
----------------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
}

.pagetop a {
	display: block;
	background-color: #ccc;
	text-align: center;
	color: #222;
	font-size: 1.6em;
	text-decoration: none;
	padding: 15px 20px;
	opacity: 0.5;
}

.pagetop a:hover {
	display: block;
	background-color: #b2d1fb;
	text-align: center;
	color: #fff;
	font-size: 1.6em;
	text-decoration: none;
	padding: 15px 20px;
	opacity: 0.5;
}