@charset "UTF-8";

/*-- ALL ------------------------------
------------------------------------------*/
*{box-sizing:border-box;}
html{overflow-x:hidden;font-size:62.5%;}
body{font-family: "Noto Sans JP", sans-serif;font-size:18px;line-height:1.9;color:#333;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;word-break:break-all;}
.center{text-align:center;}
.txt_right{text-align: right;}
a{display: inline-block;transition:all .2s;color: #333;text-decoration: none;}
a:hover{opacity:.85;}
.hover:hover{opacity:.85}
.sp{display:none;}
.break_pc{display:block;}
.break_tab{display:contents;}
.break_sp{display:contents;}
.txt_shadow{text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
p{margin:0 0 40px 0;font-size:18px;line-height:1.9;}
.lh_none{line-height:0}
.bold{font-weight:700;}
.highlight{background:-webkit-linear-gradient(transparent 50%,#ffe45b 50%,#ffe45b 70%,transparent 70%);background:-o-linear-gradient(transparent 50%,#ffe45b 50%,#ffe45b 70%,transparent 80%);background:linear-gradient(transparent 50%,#ffe45b 50%,#ffe45b 70%,transparent 70%);padding-bottom:10px;}
:root{
  --color1: #ec661d;
  --purple: #563cfd;
  --green: #f6fbfb;
  --blue: #00adbe;
  --yellow: #e07f19;
  --green2: #42b5a9;
  --black: #020202;
  --white: #ffffff;
  --cl-text: #464851;
  --f-mincho: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif !important;
}
.w1140{
  max-width: 1140px;
  margin: 0 auto;
}
.w930{
  max-width: 930px;
  margin: 0 auto;
}
.mb0{margin-bottom:0;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.imgLeft{
  float: left;
  margin: 0 10px 0 0;
}
.imgRight{
  float: left;
  margin: 0 0 0 10px;
}
.font_s{
  font-size: 16px;
}

/*-- header --------------------------------
------------------------------------------*/
header {
  height: 73px;
  width: 100%;
  background-color: var(--white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

header .inner {
  height: 100%;
}

.header_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
}

header .logo {
  height: 51px;
}

.header_logo {
  width: auto;
}

.header_logo img {
  height: 100%;
}

.header_menus,
.header_nav,
.header_btns {
  display: flex;
  align-items: center;
}

.header_menus {
  gap: 45px;
}

.header_nav {
  gap: 15px;
}

.header_list {
  font-size: 14px;
  font-weight: 600;
}

.header_btns {
  gap: 30px;
}

.header_drawers {
  position: relative;
  width: 50px;
  height: 47px;
  cursor: pointer;
  display: none;
  z-index: 999;
}

.header_drawers::after {
  content: 'MENU';
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.header_drawers span {
  position: absolute;
  background-color: var(--color1);
  width: 30px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  transition: all .4s ease 0s;
}

.header_drawers span:nth-child(1) {
  top: 0;
}

.header_drawers span:nth-child(2) {
  top: 10px;
}

.header_drawers span:nth-child(3) {
  top: 21px;
}

.header_drawers p::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 12px;
}
/*-- /header -------------------------------
------------------------------------------*/

/*-- fv ------------------------------------
------------------------------------------*/
.sec_fv{
  background: url(../images/pc_fv_bg.jpg) no-repeat center top;
  min-height: 666px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-end;
}
.sec_fv .btn_fv{
  display: flex;
  position: absolute;
  left: 17px;
  bottom: 42px;
  display: flex;
  gap: 0px;
}
/*-- /fv -----------------------------------
------------------------------------------*/

/*-- cta -----------------------------------
------------------------------------------*/
/*-- /cta ----------------------------------
------------------------------------------*/

/*-- sec01 ---------------------------------
------------------------------------------*/
.sec01{
  padding: 40px 0 105px 0;
  position: relative;
}
.sec01:before{
  background-color: #f7f7f7;
  width: 100%;
  min-height: 525px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
}
.sec01 .sec01_txt{
  padding-left: 445px;
  margin-top: -65px;
}
.sec01 .inner{
  z-index: 2;
}
.sec01 .sec01_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.sec01 .sec01_box dl{
  width: 340px;
  border-radius: 10px;
  overflow-x: hidden;
  box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
}
.sec01 .sec01_box dl dt{
  background-color: var(--color1);
  text-align: center;
  font-size: 24px;
  padding: 15px;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
}
.sec01 .sec01_box dl:nth-child(2){
  width: 420px;
}
.sec01 .sec01_box dd{
  padding: 10px 15px 10px 48px;
  background-color: var(--white);
}
.sec01 .sec01_box dl:nth-child(2) dd{
  padding: 10px 12px 10px 12px;
}
.sec01 .sec01_box dd ul li:not(:last-child){
  padding-bottom: 0px;
}
.sec01 .sec01_box dd ul li span{
  color: var(--color1);
}
/*-- /sec01 --------------------------------
------------------------------------------*/

/*-- sec02 ---------------------------------
------------------------------------------*/
.sec02 .sec02_bg{
  background: #fce7dc url(../images/sec02_bg.jpg) no-repeat top center;
  padding-bottom: 85px;
}
.sec02 .sec02_box_w{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 85px;
  padding-bottom: 104px;
  padding-top: 33px;
}
.sec02 .sec02_box_w .item{
  width: calc(50% - 15px);
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  padding: 45px 45px 58px 45px;
  position: relative;
}
.sec02 .sec02_box_w .item:before{
  content: '';
  position: absolute;
  background-color: var(--color1);
  height: 10px;
  width: 100%;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.sec02 .sec02_box_w .item .thumb {
  position: relative;
  z-index: 2;
  margin-top: -131px;
  text-align: center;
}
.sec02 .sec02_box_w .item .txt ul{
  margin-top: 30px;
}
.sec02 .sec02_box_w .item .txt ul li{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.3;
  font-size: 24px;
}
.sec02 .sec02_box_w .item .txt ul li:not(:last-child){
  padding-bottom: 15px;
  margin-bottom: 15px;
  background: url(../images/line.png) repeat-x bottom;
}
.sec02 .sec02_box_w .item .txt ul li img{
  margin-right: 10px;
  max-width: 24px;
}
.sec02 .sec02_box_w .item .txt ul li .text{
  width: calc(100% - 34px);
}
/*-- /sec02 --------------------------------
------------------------------------------*/

/*-- sec03 ---------------------------------
------------------------------------------*/
.sec03{
  background: url(../images/sec03_bg.jpg) no-repeat top center;
  padding: 109px 0 105px 0;
  background-size: cover;
}
.sec03_bg_w .item{
  background: var(--white);
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.sec03_bg_w .item.item01{
  background: var(--white) url(../images/no_01.png) no-repeat top right;
}
.sec03_bg_w .item.item02{
  background: var(--white) url(../images/no_02.png) no-repeat top right 253px;
}
.sec03_bg_w .item.item03{
  background: var(--white) url(../images/no_03.png) no-repeat top right;
}
.sec03_bg_w .item .txt{
  width: calc(100% - 280px);
  padding: 30px 40px 30px 0;
}
.sec03_bg_w .item.item02 .txt{
  order: 1;
  padding: 32px 0 32px 40px;
}
.sec03_bg_w .item.item02 .thumb{
  order: 2;
}
.sec03_bg_w .item .txt h3{
  font-size: 24px;
  font-weight: 700;
  color: var(--color1);
}
.sec03_bg_w .item .d_flex_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.sec03_bg_w .item .d_flex_list .col:first-child{
  width: 308px;
  min-height: 176px;
  display: flex;
  align-items: center;
  background: url(../images/arr.png) no-repeat right center;
}
.sec03_bg_w .item .d_flex_list .col:last-child{
  width: calc(100% - 308px);
  padding-left: 20px;
}
.sec03_bg_w .item .d_flex_list .col .list_dot li{
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
}
.sec03_bg_w .item .d_flex_list .col .list_dot li:not(:last-child){
  padding-bottom: 10px;
}
.sec03_bg_w .item .d_flex_list .col .list_dot li:before{
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 7px;
  content: "";
  background-color: var(--color1);
}
.sec03_bg_w .item .d_flex_list .col .list_dot li span{
  padding-left: 15px;
  color: var(--color1);
}
.sec03_bg_w .item .d_flex_list .col .list_dot li span span{
  color: #333;
  padding-left: 5px;
}
/*-- /sec03 --------------------------------
------------------------------------------*/

/*-- sec04 ---------------------------------
------------------------------------------*/
.sec04{
  background: #fce7dc;
  padding: 100px 0 128px 0;
}
.sec04_box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.sec04_box .item{
  background: var(--white);
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  width: calc(50% - 10px);
}
.sec04_box .item h3{
  margin-top: -40px;
}
.sec04_box .item .wrapp{
  padding: 0 30px 35px 30px;
}
.sec04_box .item .wrapp .l-list{
  padding: 0 45px;
  margin-bottom: 30px;
}
.sec04_box .item .wrapp .l-list li{
  background: url(../images/ic_check.png) no-repeat left 5px;
  background-size: 21px 21px;
  padding-left: 25px;
  border-bottom: 2px dotted #f5ad86;
  padding-bottom: 5px;
  margin-bottom: 2px;
  letter-spacing: -1px;
  line-height: 1.6;
}
.sec04_box .item .wrapp .ttl{
  color: var(--color1);
  font-size: 24px;
}
.sec04_box .item .wrapp .txt_notes{
  display: table-row;
  font-size: 14px;
}
.sec04_box .item .wrapp .txt_notes span{
  display: table-cell;
}
/*-- /sec04 --------------------------------
------------------------------------------*/

/*-- sec05 ---------------------------------
------------------------------------------*/
.sec05{
  /*--
  padding: 127px 0 116px 0;
  --*/
  padding: 127px 0 80px 0;
}
.sec05_box{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
.sec05_box .item{
  background: var(--white);
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  width: 100%;
  max-width: 390px;
  overflow-x: hidden;
}
.sec05_box .item .wrapp{
  padding: 15px 25px 40px 25px;
}
.sec05_box .item .wrapp h3{
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
}
.sec05_box .item .wrapp .tag{
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 13px 0;
}
.sec05_box .item .wrapp .tag span{
  border-radius: 50px;
  border: 1px solid var(--color1);
  padding: 2px 20px;
  text-align: center;
  color: var(--color1);
  font-weight: 700;
}
.sec05_box .item .wrapp .txt{
  letter-spacing: -1px;
}
/*-- /sec05 --------------------------------
------------------------------------------*/

/*-- sec06 ---------------------------------
------------------------------------------*/
.sec06{
  padding: 90px 0 86px 0;
  background: #fef3ed;
}
/*-- /sec06 --------------------------------
------------------------------------------*/

/*-- sec07 ---------------------------------
------------------------------------------*/
.sec07{
  padding: 93px 0 104px 0;
}
.sec07 .tab {
  width: 20%;
  padding: 10px 0;
  background-color: #99918d;
  transition: all .3s;
}
.sec07 .tab-wrap {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.sec07 .tab {
  position: relative;
  cursor: pointer;
  width: 300px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}
.sec07 .tab1.active,
.sec07 .tab2.active,
.sec07 .tab3.active {
  background-color: var(--color1);
}
.sec07 .content1,
.sec07 .content2,
.sec07 .content3 {
  transition: all .3s;
  display: none;
}
.sec07 .content1.show,
.sec07 .content2.show,
.sec07 .content3.show{
  display: block;
}
.sec07 .content-wrap{
  background: #ffefe5;
  padding: 45px;
}
/*-- /sec07 --------------------------------
------------------------------------------*/

/*-- cta -----------------------------------
------------------------------------------*/
.cta{
  padding: 60px 0;
  background: url(../images/pc_cta_bg.jpg) no-repeat center top;
  background-size: cover;
}
.cta .btn_cta{
  margin-top: -149px;
  margin-bottom: 20px;
  margin-left: 132px;
}
/*-- /cta ----------------------------------
------------------------------------------*/

/*-- sec08 ---------------------------------
------------------------------------------*/
.sec08{
  background: #fff3ed;
  padding: 91px 0;
}
.sec08 .sec08_box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.sec08 .sec08_box .item{
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  background: var(--white);
  width: 288px;
}
.sec08 .sec08_box .item .thumb{
  margin-top: -45px;
}
.sec08 .sec08_box .item .wrapp{
  padding: 8px 20px 30px 20px;
  box-sizing: border-box;
  letter-spacing: -1px;
}
/*-- /sec08 --------------------------------
------------------------------------------*/

/*-- sec09 ---------------------------------
------------------------------------------*/
.sec09{
  padding: 105px 0 92px 0;
}
.box_qa .title{
  font-size: 32px;
  font-weight: 700;
  color: var(--color1);
}
.box_qa dl{
  border-radius: 10px;
  background: #fff3ed;
}
.box_qa dl dt{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  padding: 30px 45px;
}
.box_qa dl dt:before, .box_qa dl dt::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 3px;
  background-color: #333;
}
.box_qa dl dt:before{
  top: 50%;
  right: 45px;
  transform: translateY(-50%) rotate(90deg);
  transition: transform .4s ease 0s;
}
.box_qa dl dt:after{
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
}
.box_qa dl dt span{
  width: calc(100% - 30px);
  font-weight: 700;
  font-size: 24px;
}
.box_qa dl dd{
  display: none;
  padding-top: 30px;
  padding: 30px 45px 45px 45px;
  position: relative;
}
.box_qa dl dd:before{
  position: absolute;
  width: calc(100% - 90px);
  background: #b3b3b3;
  height: 1px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
}
.box_qa dl dt.open:before{
  transform: translateY(-50%) rotate(0);
}
/*-- /sec09 --------------------------------
------------------------------------------*/

/*-- sec_form ------------------------------
------------------------------------------*/
.sec_form{
  padding: 70px 0;
  background: url(../images/pc_sec_form_bg.jpg) no-repeat center top;
  background-size: cover;
}
.sec_form h2{
  font-size: 37px;
  color: #333;
  font-weight: 700;
}
.wrapp_form{
  background: var(--white);
  padding: 50px;
  width: 100%;
  max-width: 895px;
  margin: 0 auto;
  box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  -moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  border-radius: 10px;
}
.wrapp_form form dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 20px;
}
.wrapp_form form dl.flex-start{
  align-items: flex-start;
}
.wrapp_form form dl dt{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 200px;
  font-weight: 700;
}
.wrapp_form form dl dt .must{
  background: var(--color1);
  display: inline-block;
  padding: 2px 10px;
  line-height: 1.6;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  margin-left: 10px;
  border-radius: 6px;
}
.wrapp_form form dl dd{
  width: calc(100% - 230px);
}
.wrapp_form form dl textarea,
.wrapp_form form dl input[type="text"]{
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid #ccc;
  width: 100%;
  font-size: 18px;
}
.wrapp_form form dl .check_3col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

.wrapp_form form dl .check_3col label {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #f9f9f9;
}

.wrapp_form form dl .check_3col label:hover {
  border-color: #007BFF;
  background-color: #eef6ff;
}

.wrapp_form form dl .check_3col input[type="checkbox"] {
  display: none;
}

.wrapp_form form dl .check_3col span {
  position: relative;
  padding-left: 30px;
  line-height: 1.5;
  color: #666;
  font-weight: 400;
}

.wrapp_form form dl .check_3col span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
  transition: all 0.2s ease;
}

.wrapp_form form dl .check_3col input[type="checkbox"]:checked + span::before {
  background-color: var(--color1);
  border-color: var(--color1);
  background-image: url("../images/checkbox.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}
.wrapp_form form .sbm_wrap .sbm{
  text-align: center;
}
.wrapp_form form .sbm_wrap .sbm .sbm_btn{
  position: relative;
  width: 50%;
  margin: 0 auto;
  border-radius: 40px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  padding: 20px 15px;
  background: var(--color1) url('../images/arr-w.svg') no-repeat right 15px center;
  background-size: 24px 42px;
  color: #fff;
  line-height: 1em;
  border: 2px solid var(--color1);
  font-size: 24px;
}
.wrapp_form form .sbm_wrap .sbm .sbm_btn:focus {
  outline: none;
}
.wrapp_form form .sbm_wrap .sbm .sbm_btn:hover {
  color: var(--color1);
  background: #fff url('../images/arr-h.svg') no-repeat right 15px center;
  background-size: 24px 42px;
}
.wrapp_form form .sbm_wrap .sbm .sbm_btn:hover:before {
  color: var(--color1);
}

/*-- /sec_form -----------------------------
------------------------------------------*/

/*-- thanks --------------------------------
------------------------------------------*/
.thanks{
  padding: 160px 0 100px 0;
  background: url(../images/pc_sec_thanks_bg.png) no-repeat center top;
}
.thanks h2{
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  padding-bottom: 10px;
}
.thanks h2:before{
  width: 100px;
  height: 2px;
  background: var(--color1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  margin: 0 auto;
}
.thanks .white_box{
  padding: 40px;
  text-align: center;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(147, 147, 147, 0.3);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(147, 147, 147, 0.3);
  -moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
}
/*-- /thanks -------------------------------
------------------------------------------*/

/*-- footer --------------------------------
------------------------------------------*/
.footer{
  padding: 70px 0 60px 0;
  text-align: center;
}
.footer ul.footer-list{
  display: flex;
  justify-content: center;
  gap: 20px;
}
/*-- /footer -------------------------------
------------------------------------------*/

/*-- /pagetop ------------------------------
------------------------------------------*/
.pagetop{display:none;position:fixed;bottom:30px;right:30px;z-index:9999;}
.pagetop a{position:relative;display:block;width:60px;height:60px;background-color:var(--color1);border-radius:6px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.pagetop a:before{position:absolute;content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;top:50%;right:50%;transform:translateX(50%)translateY(-60%);}
.pagetop a:hover{display:block;text-align:center;color:#fff;font-size:12px;text-decoration:none;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.pagetop a:link,.pagetop a:visited{color:#fff;}
/*-- /pagetop ------------------------------
------------------------------------------*/