@charset "UTF-8";
/* CSS Document */
/*
@media screen and (min-width:1141px){
  .pagebnrcontent-2col{
     width: 66%!important;
	}
}
*/
@media screen and (max-width:1140px) {
  #footer-content {
    padding: 0;
    max-width: none;
  }
  .guiderowbigbox img {
    float: left;
    width: 30%;
  }
  .pagebnrcontent-2col{
	width: 66%!important;
}
}
@media screen and (max-width:780px) {
  #wrapper {
    height: auto !important;
  }
  #header-content {
    width: 100%;
  }
  #tRap01 {
    display: none;
  }
  .toprakuten, .topkago {
    display: none;
  }
  #menu li {
    width: 100%;
    margin: 10px auto;
    background: rgb(124, 180, 45);
    padding: 10px 0;
    margin: 0;
    list-style: none;
  }
  #menu li:hover {
    background: #ccc;
  }
  #menu li a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
  }
  #menu-box {
    display: inherit;
    position: relative;
    margin-top: 0px;
    text-align: center;
  }
  #toggle {
    display: block;
    position: relative;
    width: 25%;
    float: right;
    margin-top: -60px;
  }
  #toggle a {
    display: block;
    position: relative;
    padding: 12px 40px 10px 10px;
    color: #333;
    text-align: right;
    text-decoration: none;
  }
  #toggle::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #999;
  }
  #toggle a::before, #toggle a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 4px;
    background: #fff;
  }
  #toggle a::before {
    margin-top: -6px;
  }
  #toggle a::after {
    margin-top: 2px;
  }
  #logo {
    float: none;
    width: 140px;
  }
  #main-menu-content {
    float: right;
    margin-top: 15px;
    display: none;
  }
  #menu-box {
    display: inherit;
  }
  #menu {
    padding-left: 0;
  }
  ul#menu {
    display: none;
    margin-bottom: 0;
  }
  #slider-box {
    height: 260px !important;
    background-size: 100%;
  }
  #fixedbox {
    display: none;
  }
  #fixedbox_0 {
    display: none;
  }
	.pagebnrcontent-2col{
	width: 66%!important;
}
  /*****table******/
  .table_box {
    overflow: auto;
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    font-size: 16px;
  }
  /****titlelead******/
  .pagelead_price {
    width: 90%;
  }
  /************/
  /****FAQ****/
  .faqrowbigbox {
    margin-bottom: 100px;
    width: 90%;
    margin: 0 auto;
  }
  .faqrowbox ul li {
    list-style: none;
    line-height: 1.4em;
    font-size: 14px;
    color: #f1602d;
    border-bottom: 1px dotted #ccc;
    width: 96%;
    display: block;
    padding: 16px 8px 1px;
    height: 40px;
    position: relative;
  }
  .faqrowbox ul li span {
    padding: 10px 8px 10px 7px;
    width: 23px;
    height: 18px;
    margin-top: 0;
  }
  .faqrowbox ul li span:before {
    display: none;
  }
  /****FAQ//****/
  .faqrowbox {
    width: 90%;
  }
  #footer-row .column1 {
    width: 100%;
  }
  .column1 img {
    display: block;
    margin: 0 auto 20px;
  }
  #footer-row .column2, #footer-row .column3, #footer-row .column4 {
    width: 30%;
  }
  .guidecol, .guidecol2, .guidecol3 {
    overflow: auto;
    width: 60%;
    margin: 0 auto;
  }
  /******トラブル/初めての方へ*****/
  .guidecol2 {
    overflow: auto;
    width: 100%;
    margin: 0 auto;
  }
  .guiderowbigbox img {
    float: left;
    width: 30%;
  }
  .pageleadcol1_, .pageleadcol2_, .pageleadcol3_, .pageleadcol4_, .pageleadcol5_ {
    float: left;
    margin: 0 15px 10px;
    width: 26%;
  }
  .pointbox2_ {
    margin-top: 0;
  }
  .pointbox h3, .pointbox2 h3, .pointbox2_ h3 {
    text-align: center;
    font-size: 1.2em;
    color: #dc5424;
  }
  .nmb {
    width: 20px;
    height: 20px;
    font-size: 1em;
  }
  .collead {
    height: auto;
  }
  .newsbar-box {
    text-align: left; /*トップお知らせ左寄せ*/
  }
}
@media screen and (max-width:500px) {
  #slider-box {
    height: 190px !important;
    background-size: 100%;
  }
  .swiper-container span {
    text-align: left;
    display: block;
  }
  .btn-cam {
    width: 70%;
  }
  #topbnrcontent-cell {
    width: 90%;
    margin: 3.5% auto;
    position: relative;
    display: block;
    float: none;
  }
  .col1 {
    width: 90%;
    float: none;
    margin: 1.7% auto 40px;
    position: relative;
  }
  #pagebnrcontent-cell {
    width: 90%;
    float: none;
    margin: 1.6% auto;
    position: relative;
  }
  .othersystemprice {
    width: 90%;
  }
  .pageleadcol1, .pageleadcol2, .pageleadcol3, .pageleadcol4, .pageleadcol5 {
    float: none;
    margin: 0 auto;
    width: 70%;
  }
  .pageleadcol1 img, .pageleadcol2 img, .pageleadcol3 img, .pageleadcol4 img, .pageleadcol5 img {
    width: 100%;
  }
  .pointbox, .pointbox2 {
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
  }
  .pageleadcol1_, .pageleadcol2_, .pageleadcol3_, .pageleadcol4_, .pageleadcol5_ {
    float: left;
    margin: 0 15px 10px;
    width: 40%;
  }
  /*****table******/
  .table_box {
    overflow: auto;
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    /*font-size: 16px;*/
  }
  /*****ご利用ガイド******/
  .pdfL, .pdfR {
    width: 100%;
    margin: 0px auto 40px;
    float: none;
  }
  .pdfL img, .pdfR img {
    width: 100%;
    height: auto;
  }
  .p.midtitle2 {
    width: 100%;
  }
  .guiderowbigbox img {
    float: none;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .guidecol, .guidecol2, .guidecol3 {
    overflow: auto;
    width: 90%;
    margin: 0 auto;
  }
  p.attention {
    margin: 20px auto;
    display: block;
    width: 90%;
  }
  p.attention img {
    float: none !important;
    margin: 10px 0 0px !important;
  }
  .guiderowbigbox {
    width: 90%;
  }
  /*******FAQ/取り扱いアイテム/ご利用ガイド*******/
  .faqrowbox ul, .othersystemprice ul {
    padding-left: 20px;
  }
  .faqrowbox ul li, .othersystemprice ul li {
    font-size: 13px;
    line-height: 1.1em;
    padding: 16px 1px 1px;
    height: 40px;
  }
  .faqrowbox ul li span, .othersystemprice ul li span {
    width: 20px;
    height: 13px;
    padding: 10px 10px 13px 8px;
    margin-right: 15px;
    margin-top: 0;
  }
  .faqrowbox p, .othersystemprice p {
    font-size: 13px;
    width: 95%;
  }
  .faqrowbox ul li span:before {
    display: none;
  }
  .item1{
	width: 90%!important;
	margin: 1.6% auto!important;
}
  .pagebnrcontent-2col{
	width: 100%!important;	
	}
  /*****************
	各タイトル
*****************/
  .headerpagetitle_com, .headerpagetitle_trouble, .headerpagetitle3_ski, .headerpagetitle3_lea, .headerpagetitle3_int, .headerpagetitle3_bed, .headerpagetitle_point, .headerpagetitle_com2, .headerpagetitle3_kmn, .headerpagetitle3_cloth, .headerpagetitle_sys, .headerpagetitle_guide, .headerpagetitle_cam, .headerpagetitle2, .headerpagetitle, .headerpagetitle3, .headerpagetitle_voice, .headerpagetitle4 {
    height: 180px;
  }
  .headerpagetitle_com h1, .headerpagetitle_trouble h1, .headerpagetitle3_ski h1, .headerpagetitle3_lea h1, .headerpagetitle3_int h1, .headerpagetitle3_bed h1, .headerpagetitle_point h1, .headerpagetitle_com2 h1, .headerpagetitle3_kmn h1, .headerpagetitle3_cloth h1, .headerpagetitle_sys h1, .headerpagetitle_guide h1, .headerpagetitle_cam h1, .headerpagetitle2 h1, .headerpagetitle h1, .headerpagetitle3 h1, .headerpagetitle_voice h1, .headerpagetitle4 h1 {
    padding-top: 70px;
    padding-left: 52px;
    font-size: 26px;
  }
  #pricebnrcontent-cell {
    width: 30%;
    float: left;
    margin: 1.9% 1.6%;
    position: relative;
  }
  #troublebnrcontent-cell {
    width: 30%;
    float: left;
    margin: 1.9% 1.6%;
    position: relative;
  }
  .pagetitle h2, .itemtitle h2 {
    text-align: center;
    color: #dc5424;
    font-size: 1.5em;
    width: 90%;
    margin: 0 auto;
  }
  .pagelead {
    text-align: center;
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
  }
  .guiderowimgbox img {
    width: 90% !important;
  }
}
@media screen and (max-width:464px) {
  .pointbox, .pointbox2_ {
    width: 95%;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
  }
  .pageleadcol1_, .pageleadcol2_, .pageleadcol3_, .pageleadcol4_, .pageleadcol5_ {
    float: left;
    margin: 0px 15px 10px;
    width: 90%;
  }
  #slider-box {
    height: 140px !important;
    background-size: 100%;
  }
}
@media screen and (max-width:420px) {
  #footer-row .column2, #footer-row .column3, #footer-row .column4 {
    width: 100%;
  }
  #sub-menu-content ul {
    padding-left: 0;
    overflow: auto;
    background: #fff;
    margin-bottom: 27px;
  }
  #sub-menu-content ul li {
    float: right !important;
    width: 40%;
    margin-left: 12px;
    margin-right: 12px;
  }
  #sub-menu-content ul li:last-child {
    width: 100%;
    margin: 0 auto;
    padding: 6px 0;
  }
  .table_box table {
    border: 0.5px solid #CCCCCC;
    font-size: 10px;
  }
}
@media screen and (max-width:375px) {
  #slider-box {
    height: 110px !important;
    background-size: 100%;
  }
  #sub-menu-content ul li {
    float: right !important;
    width: 40%;
    margin-left: 8px;
    margin-right: 10px;
  }
}
/*****各ページリード*****/
.faqpagelead {
  text-align: center;
  font-size: 15px;
  margin: 20px;
}
}
@media screen and (max-width:361px) {
  #sub-menu-content ul li {
    float: right !important;
    width: 38%;
    margin-left: 12px;
    margin-right: 12px;
  }
}
/**ここから遠藤「お知らせ」**/
.notice h2 {
  color: #ffffff;
  padding-top: 18px;
  font-weight: bold;
  font-family: "Yu Gothic";
  font-size: 23px;
  margin-left: 15px;
}
.notice p {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  font-family: "Yu Gothic";
  line-height: 2em;
}
.notice h3 {
  color: #DC5420;
  font-weight: bold;
  text-align: center;
  font-family: "Yu Gothic";
  margin-bottom: -14px;
}
.notice {
  line-height: 2em;
  margin-left: 15px;
  margin-right: 15px;
}
.topcmpbox a {
  color: #fff;
}
.newsbar-box {
  text-align: center;
}
.cmp2 {
    width: 60%;
    float: left;
    margin: 1.6%;
    position: relative;
}
.cmp2 h3{
	text-align: center;
    border-bottom: 1px solid #7cb42d;
    color: #7cb42d;
    font-size: 1.5em;
    margin-bottom: 20px;
}

.rwd5 {
	width: 21%;
}


@media screen and (max-width:780px) {
  .newsbar-box {
    text-align: left;
  }
  .notice h3 {
    text-align: left;
  }
  .notice p {
    text-align: left;
  }
  .rwd {
	width: 99%;
  }

  ol.number{
		padding: 10px 10px 10px 15px;
	}	
  .rwd5 {
	width: 20%;
}

}



@media screen and (max-width:558px) {
	.cmp2 {
		width: 100%;
	}
	
	.rwd5{
		width: 25%;
	}
	
	ol.number{
		padding: 10px 10px 10px 15px;
	}
	.rwd5 {
	width: 30%;
    }
	
}



@media screen and (max-width:380px) {
	
	.rwd5{
		width: 28%;
	}
	
	ol.number {
    padding: 10px 10px 10px 19px;
    }

	.rwd5 {
	width: 35%;
    }
	
	
}



@media screen and (max-width:330px) {
   .rwd5{
		width: 33%;
	}
	
   ol.number {
    padding: 10px 9px 10px 18px;
    }
	
	.rwd5 {
	width: 33%;
    }

}


.orang p span{
	color: #f1602d !important;
    font-weight: bold !important;
}