/* Custom Calendar Styling to match the image */
html {
    scroll-behavior: smooth;
}

/* Global font family */
body {
    font-family: 'Noto Sans JP', sans-serif;
}

* {
    font-family: 'Noto Sans JP', sans-serif;
}

.ui-datepicker {
     width: 100% !important;
     background: #f8f9fa;
     border: none;
     border-radius: 8px;
     padding: 0;
     font-family: 'Zen Kaku Gothic New', sans-serif;
     font-size: 30px !important;
 }

 .ui-datepicker-header {
     background: #45b3e7 !important;
     border: none;
     border-radius: 8px 8px 0 0;

     padding: .2em 0;
     color: white;
     font-weight: bold;
     font-size: 30px;
 }

/* Step 2 (end date) calendar header color */
#end-calendar .ui-datepicker-header {
    background: #EB7881 !important;
}

 .ui-datepicker-calendar {
     font-size: 18px !important;
     text-align: center !important;
 }

 .ui-datepicker-title {
     height: 54px !important;
     text-align: center;
     font-size: 30px;
     font-weight: 700;
     color: white;
 }

 .ui-datepicker-prev,
 .ui-datepicker-next {
     /* background: none !important; */
     border: 1px solid white;
     border-radius: 4px;
     width: 32px;
     height: 32px;
     top: 15px;
 }

 .ui-datepicker-prev {
     left: 6px !important;
     top: 6px !important;
 }

 .ui-datepicker-next {
     right: 6px !important;
     top: 6px !important;
 }

 .ui-datepicker-prev .ui-icon,
 .ui-datepicker-next .ui-icon {
     background-image: none;
     text-indent: 0;
     color: white !important;
     font-weight: bold;
     font-size: 16px;
     line-height: 32px;

 }

 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-button:hover,
 .ui-button:focus {
     border: 1px solid #cccccc;
     background: #ffffff !important;
     font-weight: normal;
     cursor: pointer;
     color: #2b2b2b;
 }

 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    /* background: #ffffff !important; */
    background: #f6f6f6 url(../img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #ffffff;
    text-align: center !important;
}

 .ui-datepicker-prev .ui-icon:before {
     content: "◀";
     color: #000000 !important;
 }

 .ui-datepicker-next .ui-icon:before {
     content: "▶";
     color: #000000 !important;
 }

 .ui-datepicker-calendar {
     background: white;
     border: none;
     margin: 0;
 }

 .ui-datepicker-calendar thead th {
     background: #e5e7eb;
     border: none;
     padding: 12px 8px;
     font-weight: bold;
     color: #374151;
     font-size: 16px;
 }

 .ui-datepicker-calendar tbody td {
     padding: 2px;
     text-align: center;
     color: #1c94c4 !important;
 }

 .ui-widget-header .ui-icon {
     background-image: url(../img/ui-icons_ffffff_256x240.png) !important;
 }

 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon,
 .ui-button:hover .ui-icon,
 .ui-button:focus .ui-icon {
     background-image: url(../img/ui-icons_ef8c08_256x240.png) !important;
 }

 .ui-datepicker-calendar tbody td a {
     background: transparent;
     border: none;
     color: #1c94c4 !important;
     font-weight: 500;
     padding: 8px;
     border-radius: 4px;
     display: block;
     text-decoration: none;
     text-align: center;
 }

 .ui-datepicker-calendar tbody td a:hover {
     text-align: center;
     background: #d9770624 !important;
     color: #d97706 !important;
     border-color: #d97706;
     cursor: pointer !important;
 }

 .ui-datepicker-calendar tbody td.ui-datepicker-other-month a {
     color: #9ca3af;
 }

 .ui-datepicker-calendar tbody td.ui-datepicker-today a {
     background: #fef3c7;
     color: #d97706;
     font-weight: bold;
 }

 .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
     background: #fff !important;
     color: #f97316 !important;
     font-weight: bold;
 }

 .ui-datepicker-calendar tbody td.ui-datepicker-week-end a {
     color: #6b7280;
 }

 .ui-datepicker-calendar tbody td.ui-datepicker-week-end.ui-datepicker-other-month a {
     color: #d1d5db;
 }

 /* Make disabled/unselectable text white */
 .ui-datepicker-calendar tbody td.ui-datepicker-unselectable a {
     color: white !important;
 }
.header {width: 100%;min-width: 1080px;position: fixed;z-index: 2;/* height: 90px; */top: 0;background-color: #e0e0e0;}
.header .pc_menu {height: 110px;overflow: hidden;top: -60px;background-color: #ffffffd4;}
.header .sp_menu{
display: none;
}
.header .pc_menu.fixed {
  height: 60px;
  position: fixed;
  top: 0;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  min-width: 1080px;
  background-color: #ffffff;
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
  border-bottom: 1px solid #999;
  }
.header .pc_menu .inner {position: relative;}
.header .pc_menu .inner .logo {width: 209px;position: absolute;margin: 0;left: 40px;top: 24px;}
.header .pc_menu.fixed .inner .logo {
  width: 130px;
  top: 12px;
}

.header .pc_menu {
}
.header .pc_menu .inner {
}
.header .pc_menu .inner .right {
    padding-left: 257px;
    display: flex;
    flex-wrap: wrap;
    padding-right: 20px;
    justify-content: flex-end;
}
.header .pc_menu .inner .right .info_box {width: calc(100% - 309px);margin-right: 30px;}
.header .pc_menu.fixed .inner .right .info_box {display:none;}
.header .pc_menu .inner .right .info_box .flex_wrap {display: flex;padding-top: 32px;justify-content: flex-end;}
.header .pc_menu .inner .right .info_box .flex_wrap a{
	text-decoration:none;
}
.header .pc_menu .inner .right .info_box .flex_wrap .tel {
  font-size : 15px;
  letter-spacing : 0.72px;
  margin: 0;
  color : #393939;
  font-weight:500;
  position:relative;
  padding-left: 33px;
  margin-right: 15px;
  word-break: break-all;
}
.header .pc_menu .inner .right .info_box .flex_wrap .tel:before {
	content:"";
	position:absolute;
	width:30px;
	height:30px;
	/* background-color:#ccc; */
	left:0;
	top: -5px;
	background-image: url(../../asset/img/common/icon_tel.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 26px;
}
.header .pc_menu .inner .right .info_box .flex_wrap .mail {
    font-size : 15px;
    letter-spacing : 0.72px;
    margin: 0;
    color : #393939;
    font-weight:500;
    position:relative;
    padding-left: 31px;
    margin-right: 15px;
    word-break: break-all;
}
.header .pc_menu .inner .right .info_box .flex_wrap .mail:before {
	content:"";
	position:absolute;
	width:30px;
	height:30px;
	/* background-color:#ccc; */
	left:0;
	top: -5px;
	background-image: url(../../asset/img/common/icon_mail.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 26px;
}
.header .pc_menu .inner .right .info_box .flex_wrap .line {
    font-size : 15px;
    letter-spacing : 0.72px;
    margin: 0;
    color : #393939;
    font-weight:500;
    position:relative;
    padding-left: 33px;
}
.header .pc_menu .inner .right .info_box .flex_wrap .line:before {
	content:"";
	position:absolute;
	width:30px;
	height:30px;
	/* background-color:#ccc; */
	left:0;
	top: -5px;
	background-image: url(../../asset/img/common/icon_line.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 26px;
}
.header .pc_menu .inner .right .info_box .flex_wrap a{
	color:#393939;
}
.header .pc_menu .inner .right .info_box .open {font-size: 12px;margin: 0;margin-top: 10px;text-align: right;}
.header .pc_menu .inner .right .login_wrap {width: 278px;padding-top: 8px;}
.header .pc_menu .inner .right .login_wrap .login_box {
    height: 41px;
    position: relative;
}
.header .pc_menu.fixed .inner .right .login_wrap {
    width: 90%;
    padding-top: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.header .pc_menu .inner .right .login_wrap #header_login_area {
    padding: 0;
    border: none;
    height: auto;
    background: none;
    letter-spacing: 1px;
}
.header .pc_menu .inner .right .login_wrap #header_login_area p.btn {
    height: 20px;
    padding: 5px 0;
    vertical-align: middle;
    text-align: right;
    margin-bottom: 5px;
    position: absolute;
    right: 0px;
    width: 400px;
}
.header .pc_menu.fixed .inner .right .login_wrap #header_login_area p.btn {
    position: relative;
    right: inherit;
}
.header .pc_menu .inner .right .login_wrap #header_login_area .btn_logout{
	background-color: #393939;
	border: none;
	padding: 4px;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	border-radius: 7px;
}
.header .pc_menu .inner .right .login_wrap #header_login_area .btn_entry{
    margin: 0;
    margin-bottom: 5px;
}
.header .pc_menu .inner .right .login_wrap #header_login_area .btn_entry a{color: #fff;font-size: 14px;line-height: 1.5;background-color: #393939;display: block;border-radius: 7px;padding: 8px;transition: 0.5s;text-align: center;text-decoration: none;}
.header .pc_menu .inner .right .login_wrap #header_login_area .btn_entry a:hover{
	text-decoration:none;
	opacity:0.7
}
.header .pc_menu.fixed .inner .right .login_wrap .login_box {width: auto;}
.header .pc_menu .inner .right .login_wrap .btn_box {display: flex;flex-wrap: wrap;justify-content: space-between;}
.header .pc_menu.fixed .inner .right .login_wrap .btn_box {
    width: 300px;
    margin-left: 5px;
}
.header .pc_menu .inner .right .login_wrap .btn_box .btn {width: 58%;margin: 0;text-align: center;}
.header .pc_menu .inner .right .login_wrap .btn_box .btn.btn_cart {width: 40.5%;}
.header .pc_menu .inner .right .login_wrap .btn_box .btn a {display: block;background-color: #9bb5c1;color: #fff;font-size: 14px;line-height: 1.5;font-weight: 500;padding: 14px 5px;border-radius: 7px;position: relative;transition: 0.5s;text-decoration: none;}
.header .pc_menu .inner .right .login_wrap .btn_box .btn a:hover {
	text-decoration:none;
	opacity:0.7;
}
.header .pc_menu .inner .right .login_wrap .btn_box .btn a .relative {
	position:relative;
	padding-left: 30px;
}
.header .pc_menu .inner .right .login_wrap .btn_box .btn a .relative:before {
	content:"";
	position:absolute;
	width:30px;
	height:30px;
	/* background-color:#ccc; */
	left: -1px;
	margin: auto;
	top: 0;
	bottom: 0;
	background-image: url(../../asset/img/common/icon_mypage.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
.header .pc_menu.fixed .inner .right .login_wrap .btn_box .btn a {
    padding: 8px;
}
.header .pc_menu .inner .right .login_wrap .btn_box .btn.btn_cart a {
	background-color:#f0883a;
}
.header .pc_menu .inner .right .login_wrap .btn_box .btn.btn_cart a .relative:before {
	background-image:url(../../asset/img/common/icon_cart.png);
}
.header .sp_menu {
}
.header .sp_menu .openbtn1.menu_open {
}
.header .sp_menu #g-nav {background-color: #f3f3f3;}
.header .sp_menu #g-nav #g-nav-list {
}
.header .sp_menu #g-nav #g-nav-list .menu_box {
}
.header .sp_menu #g-nav #g-nav-list .menu_box .menu {
}

.footer {background-color: #f1faff;position: relative;padding-top: 50px;padding-bottom: 50px;}
.footer img{
	width:100%;
	height:auto;
	
}
.footer .scroll_top {position: absolute;right: 0;top: 0;width: 60px;height: 60px;background-color: #38acd0;cursor: pointer;transition: 0.5s;text-align: center;}
.footer .scroll_top:hover {
	opacity:0.7;
}
.footer .scroll_top img{
	width: 33px;
	height: auto;
	padding-top: 7px;
	margin: 0 auto;
}
.footer .wrap {margin: 0 auto;width: 90%;display: flex;justify-content: space-between;}
.footer .wrap .logo_area {width: 300px;}
.footer .wrap .logo_area .logo {width: 100%;}
.footer .wrap .link_box {margin-right: 50px;width: calc(100% - 400px);display: flex;justify-content: flex-end;}
.footer .wrap .link_box .s_box {width: 300px;margin-left: 40px;text-align: left;}
.footer .wrap .link_box .s_box .name {border-bottom: 1px solid #393939;text-align: left;font-size: 15px;line-height: 1.5;font-weight: 500;padding-bottom: 2px;margin-bottom: 10px;color: #515151;}
.footer .wrap .link_box .s_box .menu {font-size: 14px;line-height: 1.5;font-weight: 400;margin-bottom: 6px;}
.footer .wrap .link_box .s_box .menu a{transition: 0.5s;color: #38acd0;position: relative;padding-left: 13px;text-decoration: none;}
.footer .wrap .link_box .s_box .menu a:before{
	content:"-";
	position:absolute;
	left: 0;
}
.footer .wrap .link_box .s_box .menu a:hover{
	text-decoration:none;
	opacity:0.7;
}
.footer .copyright {text-align: left;margin: 0 auto;width: 90%;font-size: 12px;line-height: 1.5;color: #515151;}

.top_sec{
	padding-top: 164px !important;
}

/*----------下層共通-----------*/
.sub_page .page_top_sec {padding-top: 155px;padding-bottom: 80px;background-color: #f1faff;position: relative;}

.sub_page .page_top_sec .wrap {margin: 0 auto;width: 90%;padding-bottom: 30px;position: relative;}
.sub_page .page_top_sec .wrap:before {
	content:"";
	position:absolute;
	width: 50px;
	height: 10px;
	background-color: #1ac1dc;
	bottom: 0;
	left: 9px;
}
.sub_page .page_top_sec .wrap .name {margin: 0;font-size: 39px;line-height: 1.5;font-weight: 700;color: #1ac1dc;}
.sub_page .page_top_sec .wrap .sub {margin: 0;font-size: 17px;padding-left: 8px;color: #393939;font-weight: 600;}
/*----------レンタル約款-----------*/
.agreement_page {
}
.agreement_page .page_title_sec {
}
.agreement_page .page_title_sec .wrap {
}
.agreement_page .page_title_sec .wrap .name {
}
.agreement_page .page_title_sec .wrap .sub {
}
.agreement_page .page_title_sec .scroll_navi {
}
.agreement_page .agreement_sec {margin: 0 auto;max-width: 1280px;padding-top: 0;padding-bottom: 45px;background-color: #ffffff;}
.agreement_page .agreement_sec .wrap {margin: 0 auto;width: 90%;max-width: 980px;}
.agreement_page .agreement_sec .wrap .agree_name {
	/* display:none; */
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 45px;
	font-weight: 600;
	margin-top: 100px;
}
.agreement_page .agreement_sec .wrap .terms_box001 {
    margin-bottom: 45px;
}
.agreement_page .agreement_sec .wrap .terms_box001 .text001 {margin: 0;font-size: 15px;line-height: 1.5;color: #393939;}
.agreement_page .agreement_sec .wrap .terms_box002 {
}
.agreement_page .agreement_sec .wrap .terms_box002 .text001 {margin: 0;font-size: 15px;font-weight: 600;line-height: 1.5;margin-bottom: 15px;color: #393939;}
.agreement_page .agreement_sec .wrap .terms_box002 .text002 {margin: 0;font-size: 14px;line-height: 1.5;color: #393939;margin-bottom: 30px;word-break: break-all;}

/*会社概要*/
.company_page {
}
.company_page .company_sec {padding-top: 90px;padding-bottom: 90px;}
.company_page .company_sec .wrap {margin: 0 auto;width: 87%;max-width: 1280px;}
.company_page .company_sec .wrap .lead {margin: 0;font-size: 17px;line-height: 1.8;color: #393939;font-weight: 600;}
.company_page .company_sec .wrap .overview_table {margin-top: 50px;}
.company_page .company_sec .wrap .overview_table .s_box {display: flex;flex-wrap: wrap;border-bottom: 1px solid #999;}
.company_page .company_sec .wrap .overview_table .s_box .name {margin: 0;font-size: 17px;line-height: 1.8;font-weight: 500;color: #393939;width: 270px;padding: 24px;background-color: #f5f5f5;}
.company_page .company_sec .wrap .overview_table .s_box .comment {margin: 0;font-size: 17px;line-height: 1.8;color: #515151;width: calc(100% - 368px);padding: 24px;}

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

}
@media only screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .pc_tab {
  display: none !important;
  }
.header .sp_menu{
display: block;
}
.header .sp_menu {
}
.header .sp_menu .menu_box {margin: 0 auto;margin-bottom: 60px;}
.header .sp_menu .menu_box .menu_top {display: flex;flex-wrap: wrap;padding-left: 65px;margin-top: 12px;padding-right: 10px;}
.header .sp_menu .menu_box .menu_top .btn_menu {width: 50%;margin: 0;}
.header .sp_menu .menu_box .menu_top .btn_menu a {display: block;font-size: 14px;line-height: 1.5;font-weight: 500;text-decoration: none;color: #fff;background-color: #9bb5c1;padding: 20px 10px;position: relative;text-align: center;}
.header .sp_menu .menu_box .menu_top .btn_menu a.cart {
	background-color:#f0883a;
}
	.header .sp_menu .menu_box .menu_top .btn_menu a span{
	position:relative;
	padding-left: 30px;
}
	.header .sp_menu .menu_box .menu_top .btn_menu a span:before {
	content:"";
	position:absolute;
	width:30px;
	height:30px;
	/* background-color:#ccc; */
	left: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	background-image: url(../../asset/img/common/icon_mypage.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
	.header .sp_menu .menu_box .menu_top .btn_menu a.cart span:before {
		background-image:url(../../asset/img/common/icon_cart.png);
		background-size: 27px;
		left: -5px;
	}
.header .sp_menu .menu_box .main_menu {margin: 0 auto;width: 90%;margin-top: 20px;}
.header .sp_menu .menu_box .main_menu .menu {border-bottom: 1px solid #ccc;}
.header .sp_menu .menu_box .main_menu .menu a {padding: 20px 40px;display: block;font-size: 15px;line-height: 1.5;color: #393939;font-weight: 500;position: relative;text-align: center;text-decoration: none;}
.header .sp_menu .menu_box .main_menu .menu a:hover {text-decoration: none;}
.header .sp_menu .menu_box .main_menu .menu a:before {
	content:"";
	position:absolute;
	width: 24px;
	height: 24px;
	background-color: #38acd0;
	right:10px;
	margin:auto;
	top:0;
	bottom:0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 7px;
	background-image: url(../../asset/img/common/navi_link_wh.png);
	border-radius: 21px;
}

.openbtn1 {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 75px;
}
	.openbtn1.fixed {
    height: 60px;
}
.header .pc_menu {
    height: 75px;
    top: -60px;
}
.header .pc_menu .inner .right {
 display:none;
}
.header .pc_menu .inner .logo {width: 150px;position: absolute;margin: auto;left: 122px;top: 17px;height: 49px;}

.footer {
}
.footer .scroll_top {
}
.footer .wrap {display: block;}
.footer .wrap .logo_area {width: 45%;margin-bottom: 25px;}
.footer .wrap .logo_area .logo {
}
.footer .wrap .link_box {display: block;margin: 0 auto;width: 90%;}
.footer .wrap .link_box .s_box {margin: 0;margin-bottom: 25px;width: auto;}
.footer .wrap .link_box .s_box .name {
}
.footer .wrap .link_box .s_box .menu {
}
.footer .copyright {text-align: center;}
	
.top_sec {
    padding-top: 103px !important;
}
.sub_page {
	margin:0;
}
.sub_page .page_top_sec {
    padding-top: 90px;
    padding-bottom: 50px;
}
.sub_page .page_top_sec .wrap .name {
    margin: 0;
    font-size: 25px;
}
.sub_page .page_top_sec .wrap .sub {
    font-size: 13px;
    padding-left: 8px;
}

.agreement_page .agreement_sec .wrap .agree_name {
    font-size: 24px;
    margin-bottom: 35px;
    margin-top: 70px;
}
/*会社概要SP*/
.company_page {
}
.company_page .company_sec {padding-top: 30px;}
.company_page .company_sec .wrap {width: 90%;}
.company_page .company_sec .wrap .lead {font-size: 14px;}
.company_page .company_sec .wrap .overview_table {margin-top: 30px;}
.company_page .company_sec .wrap .overview_table .s_box {display: block;border-bottom: none;}
.company_page .company_sec .wrap .overview_table .s_box .name {width: auto;font-size: 14px;padding: 10px 15px;}
.company_page .company_sec .wrap .overview_table .s_box .comment {width: auto;font-size: 14px;padding: 10px 15px;}
}