@charset "UTF-8";


/*============================================================================================
      Layout
=============================================================================================*/
/*    web-fonts
=====================================================*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap');

/*    html, body
=====================================================*/
body{
	font-family: 'M PLUS 1p', sans-serif;
	background: #F5F5F5;
}

.w_Contents{
	background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
}

/*    img
=====================================================*/
img{
	
	image-rendering: -webkit-optimize-contrast;
}
/*============================================================================================
      Header
=============================================================================================*/
/*    Head
=====================================================*/
.w_Head {
	background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
}

.Head{
	border: 1px solid rgba(255,255,255,0.2);
}


.Head_wrp {
	flex-wrap: nowrap;
}

.Head_date_title{
	color: #FFFFFF;
}
.Head_img{
    position: relative;
}

.Head_img_right{
	position: relative;
	width: 60px;
}
.Head_img a{
	display: block;
	width: 13vw;
}
.pro-status{
    background-color: #FFE555;
    color: #26AD7E;
    border-radius: 0 0 150px 150px;
    position: absolute;
    top: 56%;
    height: 21px;
    left: 1%;
    font-size: .9rem;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: 'M+ 1p';
    font-weight: bold;
}
.Head_user{
	max-width: unset;
}

.Head_name {
    font-size: 1.1rem;
	font-weight: normal !important;
}
.Head_project_name {
    color: #FFFFFF;
    font-size: 1.4rem;
}

.Head_grp_lst {
	flex-wrap: nowrap;
}

.Head_grp_lst li:first-child{
	width: 10vw;
	height: 10vw;
	max-width: 48px;
	max-height: 48px;
    margin-right: 1vw;
    position: relative;	
	background: #FFFFFF;
	background-clip: padding-box;
	border-radius: 50%;
	border: 2px solid  rgba(255,255,255,0.68);
}

.Head_grp_lst li:first-child::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_bell.png);
    mask-image: url(../img/design1/icon_bell.png);
    background-repeat: no-repeat;    
    background-size: 70%;
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_bell.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(248,57,79,1);
    -webkit-mask-size: 50%;
    mask-size: 50%;
}

.Head_grp_lst li:last-child{
	width: 10vw;
	height: 10vw;
    max-width: 30px;
    max-height: 48px;	
	margin-left: auto;
    margin-right: 1vw;
    position: relative;		
}

.Head_info_badge{
	top: -10px;
	right: -5px;
	padding: 0 0.2rem;
	font-family: 'Jost', sans-serif !important;	
	width: auto;
	min-width: 24px;
	min-height: 24px;
	height: unset;
    background: #F8394F;
    line-height: 24px;
}


.Head_grp_lst li a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
    left: 0;
	border-radius: 50%;
}

.Head_task_arrow_box{
    position: absolute;
    top: 48px;
    right: 0;
    width: 12rem;
    padding: 0.1rem !important;
    line-height: 1.5;    
    background:#393939;
    padding:0px;
    text-align:center;
    color:#FFFFFF;
    font-size:1rem;
    border-radius:5px;
    z-index: 1;
}
.Head_task_arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(57, 57, 57, 0);
    border-top-width:11px;
    border-bottom-width:11px;
    border-left-width:6px;
    border-right-width:6px;
    margin-left: -6px;
    border-bottom-color:#393939;
    bottom:100%;
    right: 16px;
}

.Head_task_arrow_box span{
	font-family: 'Jost', sans-serif !important;	
	font-size: 1.4rem;
}

@media screen and (min-width: 960px){
	.Head_img{
		width: 60px;
	}
	Head_img_right{
		width: 80px;
	}
	
	.pro-status{
    	height: 24px;
    	top: 58.5%;
  	}
}

/*    Head_cost
=====================================================*/
.Head_cost{
	border: none;
}

.Head_cost_wrp.u_flex,
#HeaderFloat.fixed{
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
}

#Build .Head_cost_wrp.u_flex{
	align-items: flex-end;
}

#Build #HeaderFloat.fixed .Head_cost_wrp,
#Build #HeaderFloat.fixed .Head_cost_after{
	align-items: center;
}

#Build .Head_cost_before{
	padding-top: 2.5vw;
}

#Build .Head_cost_before{
	padding-bottom: 0;
}

body:not(#Build) .Head_cost_before {
    align-items: center;	
}

.cost_line_through {
	text-decoration: line-through 
}

#Build #HeaderFloat.fixed .Head_cost_before,
#Build #HeaderFloat.fixed .Head_cost_after_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.Head_cost_before{
	position: relative;
	padding-right: 32px;
}

.Head_cost_before::after{
	content:'';
	width: 7vw;
	max-width:32px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/design1/icon_triangle_r.png) no-repeat center;
	background-size: 40%;
}

.Head_cost_before_ttl{
	color: #FFFFFF;
}

.Head_cost_before_val,
.Head_cost_after_val{
	font-weight: normal !important;
	font-family: 'Jost', sans-serif !important;
}

#Build .Head_cost_before_val{
	font-size: 1.4rem;
	padding-bottom: 0.2rem;
}

#Build #HeaderFloat.fixed .Head_cost_before,
#Build #HeaderFloat.fixed .Head_cost_after_val{
	padding-top: 0;
	padding-bottom: 0;
}

#Build #HeaderFloat.fixed .Head_cost_before_val,
body:not(#Build) .Head_cost_before_val{
	font-size: 1.2rem;
	padding-top: 0;
}

#Build #HeaderFloat.fixed .Head_cost_after_val,
body:not(#Build) .Head_cost_after_val{
	font-size: 1.4rem;
}

.Head_cost_before_val span,
.Head_cost_after_val span{
	font-family: 'Noto Sans JP', sans-serif !important;
}

#Build #HeaderFloat.fixed .Head_cost_before_ttl,
#Build #HeaderFloat.fixed .Head_cost_before_val span,
body:not(#Build) .Head_cost_before_ttl,
body:not(#Build) .Head_cost_before_val span{
	font-size: 0.8rem;
}

.Head_cost_after{
	margin: 0;
	padding: 0;
}

.Head_cost_after_box{
	background-color: transparent;
	padding-left: 0;
}

.Head_cost_after_box > *{
	color: #FFFFFF;
}

#Build .Head_cost_after_box{
	padding: 0;
}

.Head_cost_after_link a{
	display: block;
	width: 6vw;
	height: 6vw;
	max-width: 32px;
	max-height: 32px;
	border-radius: 50%;
}

#Build #HeaderFloat.fixed .Head_cost_after_link a,
body:not(#Build) .Head_cost_after_link a{
	background: rgba(255,255,255,1)  !important;
}


.Head_cost_after_link a::after{
	content: '';
	width: 6vw;
	height: 6vw;
	max-width: 32px;
	max-height: 32px;
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

#Build #HeaderFloat.fixed .Head_cost_after_link a::after,
body:not(#Build) .Head_cost_after_link a::after{
	display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-color: rgba(0,173,127,1);
    background-image: url(../img/design1/icon_arrow_r.png);
    mask-image: url(../img/design1/icon_arrow_r.png);
    background-repeat: no-repeat;    
    background-size: 70%;
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_arrow_r.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 70%;
    mask-size: 70%;	
}

#Build .Head_cost_after_val{
	font-size: 2rem;
	padding-top: 0.5vw;
}

#Build .Head_cost_after{
	align-items: center;
}

#Build .Head_cost_after_link a{
	background: rgba(255,255,255,0.2);
}

#Build .Head_cost_after_link a::after{
	background: url(../img/design1/icon_arrow_r.png) no-repeat center;
	background-size: 70%;	
}

@media screen and (min-width: 960px){
	.Head_cost_before{
		position: relative;
		padding-right: 40px;
	}
	
	#Build .Head_cost_before{
		padding-top: 18px;
	}
	
	#Build .Head_cost_before_val{
		font-size: 1.8rem;
		padding-bottom: 0.2rem;
	}
	
	#Build .Head_cost_after{
		padding: 10px 10px 0;
	}
	
	#Build .Head_cost_after_box{
		padding: 0;
	}
	
	#Build .Head_cost_after_val{
		padding-top: 8px;
		font-size: 2.8rem;
	}
		
	#Build #HeaderFloat.fixed .Head_cost_before_val,
	body:not(#Build) .Head_cost_before_val{
		font-size: 1.4rem;
		padding-top: 0;
	}

	#Build #HeaderFloat.fixed .Head_cost_after_val,
	body:not(#Build) .Head_cost_after_val{
		font-size: 2rem;
	}
	
}



/*============================================================================================
      Footer
=============================================================================================*/
#login .w_FooterCopy{
	margin-bottom: 0;
}

#Home .w_Footer{
	position: relative;
}

/*    NaviFloat
=====================================================*/
.NaviFloat{
	display: block;
	height: 72px !important;
	border: none;
	background: linear-gradient(90deg, rgba(255,255,255,1) 28.9vw, rgba(255,255,255,0) 28.9vw ,rgba(255,255,255,0) 70vw, rgba(255,255,255,1) 70vw);
}

@media screen and (min-width: 960px) {
	.NaviFloat{	
		background: linear-gradient(90deg, rgba(255,255,255,1) 44vw, rgba(255,255,255,0) 44vw ,rgba(255,255,255,0) 55vw, rgba(255,255,255,1) 55vw);
	}	
}


.NaviFloat ul{
	max-width: 780px;
	height: 72px;
	margin: auto;
	border: none;
	background: url(../img/design1/NaviFloat_bg.png) center;
}

.NaviFloat li{
	width: 20%;
	height: 72px;
	border: none !important;
}

.NaviFloat li:nth-child(3){
	position: relative;
}

.NaviFloat li:nth-child(3) a{
	position: absolute;
	top:  -50px;
	width: 81px;
    left: 50%;
	padding-top: 20px;    
    color: #FFFFFF;
    transform: translate(-50%);		
	height: 81px;
	background-color: rgba(0,173,127,1) ;
	border-radius: 50%;
    border: 7px solid rgba(0,173,127,0.2);
    background-clip: padding-box;	
    white-space: nowrap;
    font-family: 'M PLUS 1p', sans-serif;
}

.NaviFloat li:nth-child(3) a::before{
	position: absolute;
	top: 8px;
    left: 34%;
	content: '';
	width: 16px;
	height: 17px;
    background-image: url(../img/design1/icon_msg.png);
	
	image-rendering: -webkit-optimize-contrast;    
}

.NaviFloat li:nth-child(1) a::before{
	position: absolute;
	top: 5px;
    left: 50%;
    transform: translateX(-50%);
	content: '';
	width: 50px;
	height: 50px;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;
    background-image: url(../img/design1/icon_process.png);
    mask-image: url(../img/design1/icon_process.png);
    background-repeat: no-repeat;    
    background-size: 55%;
    background-position: center top;
    -webkit-mask-image: url(../img/design1/icon_process.png);
     -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(57,57,57,1);
    -webkit-mask-size: 55%;
    mask-size: 55%;
}

.NaviFloat li:nth-child(2) a::before{
	position: absolute;
	top: 7px;
    left: 50%;
    transform: translateX(-50%);    
	content: '';
	width: 50px;
	height: 50px;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_spec.png);
    mask-image: url(../img/design1/icon_spec.png);
    background-repeat: no-repeat;    
    background-size: 60%;
    background-position: center top;
    -webkit-mask-image: url(../img/design1/icon_spec.png);
     -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(57,57,57,1);
    -webkit-mask-size: 60%;
    mask-size: 60%;
}

.NaviFloat li:nth-child(4) a::before{
	position: absolute;
	top: 7px;
    left: 50%;
    transform: translateX(-50%);    
	content: '';
	width: 50px;
	height: 50px;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_pay.png);
    mask-image: url(../img/design1/icon_pay.png);
    background-repeat: no-repeat;    
    background-size: 55%;
    background-position: center top;
    -webkit-mask-image: url(../img/design1/icon_pay.png);
     -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(57,57,57,1);
    -webkit-mask-size: 55%;
    mask-size: 55%;
}

.NaviFloat li:nth-child(5) a::before{
	position: absolute;
	top: 7px;
    left: 50%;
    transform: translateX(-50%);    
	content: '';
	width: 50px;
	height: 50px;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_checklist.png);
    mask-image: url(../img/design1/icon_checklist.png);
    background-repeat: no-repeat;    
    background-size: 45%;
    background-position: center top;
    -webkit-mask-image: url(../img/design1/icon_checklist.png);
     -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(57,57,57,1);
    -webkit-mask-size: 45%;
    mask-size: 45%;
}

#Process .NaviFloat li:nth-child(1) a,
#Spec .NaviFloat li:nth-child(2) a,
#Pay .NaviFloat li:nth-child(4) a,
#Checklist .NaviFloat li:nth-child(5) a{
	color: rgba(0,173,127,1);
}
#Process .NaviFloat li:nth-child(1) a::before,
#Spec .NaviFloat li:nth-child(2) a::before,
#Pay .NaviFloat li:nth-child(4) a::before,
#Checklist .NaviFloat li:nth-child(5) a::before{
	 background-color: rgba(0,173,127,1);
}

.NaviFloat li .g_hmb{
	width: 100%;
    padding-top: 5px;	
}

.NaviFloat li .g_hmb img{
	width: 28px;
	filter: brightness(0.2) invert(0);
	vertical-align: top;
}

.NaviFloat li a{
	padding: 0;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1;
}

.NaviFloat li:not(li:nth-child(3)) a{
	padding-top: 30px;
	color: #393939;
}
.btn_gacha a{
    position:relative
}
.chat-badge-usr {
    position:absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    color: #fff;
    font-weight: bold;
    background-color: #D65D68;
    padding: 3px;
    border-radius: 26px;
    margin-left: 8px;
}

/* .w_FooterCopy{
	margin-bottom: 0;
}
 */
.Footer_app_link a{
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: underline;
	font-size: 1rem;
}

/*    Menu
=====================================================*/
#js_menu_nav{
	background-color: rgba(255,255,255,0.96);
}

#js_menu_nav::after{
	content: '';
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/login_logo.png);
    mask-image: url(../img/login_logo.png);
    background-repeat: no-repeat;    
    background-size: 50%;
    background-position: right bottom;
    -webkit-mask-image: url(../img/login_logo.png);
     -webkit-mask-position: right bottom;
    mask-position: right bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(0,0,0,0.2) ;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    z-index: -1;
}

#js_menu_nav *{
	color: #393939;
}

.Navi_lst,
.Navi_lst *{
	border: none;
}

.Navi_fontsize_lst li:not(active){
	background: #FFFFFF;
}

.Navi_fontsize_lst li.active, .Navi_fontsize_lst li:hover {
    background-color: rgba(0,173,127,1) ;
    color: #FFFFFF !important;
}

.Navi_lst .Navi_item a{
	padding-left: 3.5rem;
}

.Navi_lst a::before{
	content: '';
	display: inline-block;
	position: absolute;
    width: 2.4rem !important;
    height: 2.4rem !important;
    left: 0px;
    top: 50%;
	background-color: rgba(0,173,127,1)  !important;
    transform: translateY(-50%);
	line-height: 1 !important;
	border-radius: 50%;		
}

.Navi_lst a::after{
	content: '';
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/design1/icon_arrow_r.png) no-repeat;
	background-size: 100%;
	border: none;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    right: auto;
	left: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
	
	image-rendering: -webkit-optimize-contrast;    
}

.Navi_sub_lst a::before,
.Navi_sub_lst a::after{
	content: none;
}

/*============================================================================================
      Error
=============================================================================================*/
/*    Error
=====================================================*/
#error h2{
	padding-top:24px;
	color: #FFF;
	font-weight: bold;
}

#error{
	padding: 0;
}

#error .error-container{
	background:url(/img/design1/error_bg.png) no-repeat;
	background-position: bottom -50px center;
	background-size: 240px;
    justify-content: flex-start;
    height: auto;
}

#error .u_wrp_chd__sm{
	margin-top: 10vh;
	padding-bottom: 200px;
}

.error_txt_box{
	color: #FFF;
	padding-top:32px;
}

#error h2,
.error_txt_box p{
	margin-bottom: 16px;
	text-align: center;
}

.stasus_code{
	font-size: 2rem;
}

.error_code{
	display: none;
}

.error_back_btn{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #393939;
    border-radius: 30px !important;
    background: #FFE555 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: 1.8rem; 
    height: 14vw;
}	

.error_back_btn:hover{
    transform: translateY(3px);
    opacity:1;
    color: #393939;
}

@media screen and (min-width: 960px) {
	.error_back_btn{
	    height: 60px;
    	margin: 40px 0 30px;		
	}

	#error .error-container{
		background-position: right 20px bottom 20px;
	}

	
}


/*============================================================================================
      Login
=============================================================================================*/
/*    Login
=====================================================*/
.Login_btn{
	position: relative;
	display: block !important;
	width: 80% !important;
	line-height: 1;
	color: #393939;
	border-radius: 30px !important;
	background: #FFE555 !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

@media screen and (min-width: 960px) {
	.Login_btn{
		border-radius: 30px !important;
	}
}

.Login_link * {
	color :#FFF !important;
}

.Login_link {
    text-align: center !important;
}

.Login_link a{
	position:relative;
	padding-left: 0.8rem;
}

.Login_link a::before{
	position: absolute;
    top: 0.5rem;
    left: 0;
	content: '';
	width: 0.7rem;
	height: 1.4rem;
	background: url(../img/design1/icon_arrow_r2.png) no-repeat;
	background-size: 0.7rem;
}

/*============================================================================================
      Home
=============================================================================================*/
/*    Home
=====================================================*/
#Home .Head_info{
	padding-right: 0;
}
.Head_info{
	padding-right: 0;
	justify-content: flex-end;
}
.Head_info_user{
	display: flex;
    width: 130px;
    align-items: center;
    justify-content: center;
}
.Head_info_user_tatetayo{
	display: flex;
    width: 300px;
    align-items: center;
    justify-content: center;
}
.Head_info_user_home{
	width: 180px;
}

#Home .Contact_btn{
	width: 12rem;
	height: 4.2rem;
    padding-right: 1.8rem;
	font-size: 1.3rem;
	font-weight: bold;
	position: relative;
	display: block;
	border-radius: 30px !important;
	background: #FFE555 !important;
	margin-right: auto !important;
	margin-left: auto !important;	
}

#Home .Contact_btn a{
	display: block;
	width: 100%;
	height: 100%;
	color: #393939;
	text-align: center;
    line-height: 4.2rem;	
}

#Home .Contact_btn::before{
    position: absolute;	
	content: '';
    display: inline-block;
    width: 2.1rem !important;
    height: 2.1rem !important;
    right: 1rem;
    top: 50%;
    background-color: #FFFFFF;
    transform: translateY(-50%);
    line-height: 1 !important;
    border-radius: 50%;
}

#Home .Contact_btn::after{
	position: absolute;
	content: '';
    width: 1rem;
    height: 1.1rem;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-color: #393939;
    background-image: url(../img/design1/icon_arrow_r.png);
    mask-image: url(../img/design1/icon_arrow_r.png);
    background-repeat: no-repeat;    
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_arrow_r.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
	right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    
    image-rendering: -webkit-optimize-contrast;
}

.Home{
	/*padding: 0 !important;*/
	padding: 16vw 0 0 0;
}

.Home_logo_img{
	position: relative;
	text-align: center;
	margin: 16vw 0 0 0;
}

.Home_logo_img p {
    width: 32vw;
    padding-top: 32px;
    margin: 0 auto;
    text-align: center;	
}

.Home_logo_img img{
	max-width: 280px !important;
	width: 100%;
}

.w_Home::before{
	content: '';
    position: absolute;	
    width: 100%;
    height: 37%;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 17vw;
}

.Home_nav_lst {
	padding-top: 5%;
}

.Home_nav_lst li{
    max-width: 320px;
    height: 63vw;
    max-height: 400px;
    background-color: #FFF !important;
    border-radius: 16px !important;
    box-shadow: 0px 3px 6px rgba(92,92,92,0.16);
}

@media screen and (min-width: 960px) { 
	.Home_nav_lst li{
		height: 600px;
	}
}

.Home_nav_lst li .Home_badge{
	position: absolute;
	top: -1rem;
	right: 1rem;
	width: 10.1rem;
	height: 3rem;
	color: #FFFFFF;
	background: #F8394F;
    border-radius: 2rem;
	font-size: 1.4rem;
	font-weight: normal;
    text-align: center;
    line-height: 3rem;
}

.Home_nav_lst li .Home_badge i{
	font-size: 1.6rem;
}

.Home_nav_lst li:first-child::before{
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;
    background-image: url(../img/design1/tatetelu_bg.png);
    mask-image: url(../img/design1/tatetelu_bg.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    -webkit-mask-image: url(../img/design1/tatetelu_bg.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(0,173,127,0.1);
    -webkit-mask-size: 90%;
    mask-size: 90%;
}

.Home_nav_lst li:last-child::before{
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;
    background-image: url(../img/design1/tatetayo_bg.png);
    mask-image: url(../img/design1/tatetayo_bg.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    -webkit-mask-image: url(../img/design1/tatetayo_bg.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(0,173,127,0.1);
    -webkit-mask-size: 90%;
    mask-size: 90%;
}

.Home_nav_lst li:first-child::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;
    background-image: url(../img/design1/tatetelu_title.png);
    mask-image: url(../img/design1/tatetelu_titles.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center 44%;
    -webkit-mask-image: url(../img/design1/tatetelu_title.png);
    -webkit-mask-position: center 44%;
    mask-position: center 44%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(0,173,127,1);
    -webkit-mask-size: 70%;
    mask-size: 70%;
}

.Home_nav_lst li:last-child::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;
    background-image: url(../img/design1/tatetayo_title.png);
    mask-image: url(../img/design1/tatetayo_title.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center 44%;
    -webkit-mask-image: url(../img/design1/tatetayo_title.png);
    -webkit-mask-position: center 44%;
    mask-position: center 44%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(0,173,127,1);
    -webkit-mask-size: 70%;
    mask-size: 70%;
}

.Home_nav_lst li a{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;		
	padding: 0 !important;
	color: #393939 !important;
	line-height: 1.5;
	font-weight: normal;
}

.Home_nav_lst li:last-child a{
	padding-top: 240px;
}

.Home_nav_lst li:first-child a{
	padding-top: 31vw;
}

@media screen and (min-width: 960px) {

	.Home_nav_lst li:first-child a{
		padding-top: 220px;	
	}
	
}

.Home_nav_lst li span.open_arrow_r{
	position: absolute !important;
    top: auto;
    right: 6px;
    bottom: -9px;
    padding: 0 !important;
}

.Home_nav_lst li span.Home_nav_txt{
    position: absolute;
    width: 100%;
    height: 100px;
    padding: 0;
    color: #393939 !important;
    font-weight: normal !important;
}	
.Home_nav_txt_font{
	font-family: YuGothic;
}
.Home_nav_lst li:first-child span.Home_nav_txt{
    top:54%;
}

.Home_nav_lst li:last-child span.Home_nav_txt{
    top: 57%;
}

.Home_nav_lst li:first-child a::before,
.Home_nav_lst li:first-child span::before,
.Home_nav_lst li:last-child a::before,
.Home_nav_lst li:last-child span::before  {
	background: none;
}

.Home_title{
	padding-top: 20px;
	text-align: center;
	font-size: 1.8rem;
}

.Home_btn{
	position: relative;
	display: block !important;
	width: 100% !important;
	max-width: 640px;
	border-radius: 30px !important;
	background: rgba(0,173,127,1) !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.Home_btn a{
	display: block;
	width:100%;
	height: 100%;
	color: #FFFFFF !important;
	text-align: center;
	line-height: 60px;
	font-weight: bold;
}

.Home_btn:hover,
.Contact_btn:hover{
     transform: translateY(3px);
}

#Home .g_badge{
	right: auto;
	left: 32px;
}

/*============================================================================================
      Build
=============================================================================================*/
/*    Build
=====================================================*/
.BuildTop_missions{
	position: fixed;
	bottom: 140px;
	right: 0;
	z-index: 99;
	width:50%;
}

.BuildTop_missions img{
	display: block;
	margin-left: auto;
	width: 100%;
}

@media screen and (min-width: 960px) {
	.BuildTop_missions{
		width: 25%;
	}	
}


.w_BuildTop::before{
	content: '';
    position: absolute;	
    width: 100%;
    height: 12%;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.BuildTop{
	position: relative;
	z-index: 2;
}

.BuildTop_task_btn{
    width: 90%;
    margin: 0 auto;	
    background-color: #FFF !important;
    border-radius: 16px !important;
	box-shadow: 0px 3px 6px rgba(92,92,92,0.16);
}

.BuildTop_task_btn a{
	padding: 3rem 1rem;
;
}

.BuildTop_task_btn *{
	text-align: center;
}

.BuildTop_title{
	display: block;
	font-weight: bold;
    color: #393939;	
    margin-bottom: 6px;
}

.BuildTop_task_btn_ttl{
	color: #393939;	
	font-size: 1.3rem;
	font-weight: normal;
	padding-bottom: 8px;
}


.BuildTop_task_btn_info{
	color: #F8394F;
    background: none;
    font-size: 1.2rem;
    margin-bottom: 15px;
    font-weight: normal;
}

.BuildTop_task_cnt{
	color: #FFF;
    padding: 0.3rem 2rem;
    border-radius: 2rem !important;
    background: #F8394F;
    font-size: 1.2rem;
}	

.BuildTop_task_cnt > *{
	color: #FFF;
	font-family: 'Jost', sans-serif !important;
	font-weight: normal !important;
	font-size: 1.6rem !important;
}

.BuildTop_task_btn .open_arrow_r{
    top: auto;
    right: 6px;
    bottom: -9px;
}

.BuildTop_task_lst {
	width: 80%;
	list-style: none;
	margin: 0 auto 20px auto;
	box-sizing: border-box;
}

.BuildTop_task_lst li{
	 width: 100%;
	 height: 40px;
	 margin-bottom: 0;
	 display: flex;
	 flex-wrap: nowrap;
	 align-items: flex-start;
	 justify-content: flex-start;
	 position: relative;
	 background: transparent;
	 border: none; 
}

.BuildTop_task_lst li::before{
	content: "";
    position: absolute;
    left: -5px;	
	width: 10px;
	height: 100%;
	border-left: 2px solid rgba(0,173,127,0.2);
}

/* .BuildTop_task_lst li::after{
	content: "";
    position: absolute;
    left: -5px;	
    bottom: 0;
	width: 10px;
	height: 9px;
	border-left: 2px solid rgba(0,173,127,0.2);
} */

.BuildTop_task_lst li:last-child::after{
	content: none;
}

.BuildTop_task_lst li a{
	 width: 100%;
	 height: 100%;
	 padding: 10px 10px 0 ;
	 display: flex;
	 background-clip: padding-box;
	 mix-blend-mode: normal;
	 align-items: flex-end;
}

.BuildTop_task_lst li a::before{
	content: "";
	position: absolute;
	left: -6px;
	bottom: 5px;
	z-index: 3;
	background: rgba(0,173,127,1) ;
	background-clip: padding-box;
	width: 4px;
	height: 4px;
	border-radius: 50%;
}

.BuildTop_task_item a::after{
	 left: -12px;
	 top: auto;
	 bottom: -2px;
	 z-index: 2;
	 background: rgba(196,231,221,1);
	 width: 12px;
	 height: 12px;
	 border-radius: 50%;
	 border: 2px solid #F5F5F5;
}

.BuildTop_task_lst li a span{
	padding-top: 0;
	font-weight: normal;
}

.BuildTop_task_date,
.BuildTop_task{
	color: #393939;
	
}

.BuildTop_task{
	display: inline-block;
}

.BuildTop_btn_lst{
	align-items: stretch;
}



.BuildTop_btn{
	background: #FFFFFF;
	border-radius: 16px !important;
    height: auto;
    display: flex;
    align-items: center;		
}

.BuildTop_btn_lst li a{
	font-family: 'M PLUS 1p', sans-serif;
	width: 100%;
	text-align: left;
	padding-left: 4.35rem;
	font-weight: normal;
	color: #393939 !important;
}

.BuildTop_btn_lst li a::before{
	position: absolute;
	left: 1rem;
    top: 50%;
    transform: translateY(-50%);    
	content: '';
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
}

.BuildTop_btn_lst li:nth-child(1) a::before{
	background-color: rgba(162,102,214,0.2);
}

.BuildTop_btn_lst li:nth-child(2) a::before{
	background-color: rgba(102,154,214,0.2);
}

.BuildTop_btn_lst li:nth-child(3) a::before{
	background-color: rgba(214,149,102,0.2);
}

.BuildTop_btn_lst li:nth-child(4) a::before{
	background-color: rgba(214,102,158,0.2);
}


.BuildTop_btn_lst li:nth-child(1) a::after{
	position: absolute;
	left: 1rem;
    top: 50%;
    transform: translateY(-50%);    
	content: '';
	width: 3rem;
	height: 3rem;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_process.png);
    mask-image: url(../img/design1/icon_process.png);
    background-repeat: no-repeat;    
    background-size: 55%;
    background-position: 60%;
    -webkit-mask-image: url(../img/design1/icon_process.png);
     -webkit-mask-position: 60%;
    mask-position: 60%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(162,102,214,1);
    -webkit-mask-size: 55%;
    mask-size: 55%;
}

.BuildTop_btn_lst li:nth-child(2) a::after{
	position: absolute;
	left: 1rem;
    top: 50%;
    transform: translateY(-50%);    
	content: '';
	width: 3rem;
	height: 3rem;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_spec.png);
    mask-image: url(../img/design1/icon_spec.png);
    background-repeat: no-repeat;    
    background-size: 55%;
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_spec.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(102,154,214,1);
    -webkit-mask-size: 55%;
    mask-size: 55%;
}

.BuildTop_btn_lst li:nth-child(3) a::after{
	position: absolute;
	left: 1rem;
    top: 50%;
    transform: translateY(-50%);    
	content: '';
	width: 3rem;
	height: 3rem;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_pay.png);
    mask-image: url(../img/design1/icon_pay.png);
    background-repeat: no-repeat;    
    background-size: 55%;
    background-position: 60%;
    -webkit-mask-image: url(../img/design1/icon_pay.png);
     -webkit-mask-position: 55%;
    mask-position: 55%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(214,149,102,1);
    -webkit-mask-size: 50%;
    mask-size: 50%;
}

.BuildTop_btn_lst li:nth-child(4) a::after{
	position: absolute;
	left: 1rem;
    top: 50%;
    transform: translateY(-50%);    
	content: '';
	width: 3rem;
	height: 3rem;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_checklist.png);
    mask-image: url(../img/design1/icon_checklist.png);
    background-repeat: no-repeat;    
    background-size: 40%;
    background-position: 60%;
    -webkit-mask-image: url(../img/design1/icon_checklist.png);
     -webkit-mask-position: 55%;
    mask-position: 55%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(214,102,158,1);
    -webkit-mask-size: 40%;
    mask-size: 40%;
}

.w_BuildTopFoot{
	border: none;
}

.BuildTopFoot{
	padding-top: 0;
}

.BuildTopFoot_btn{
    height: 60px;
    margin: 20px 0 30px;
    border-radius: 30px !important;
}

.BuildTopFoot_btn:hover{
	transform: translateY(3px);
}

.BuildTopFoot_btn.schedule{
    background-color: rgba(0,173,127,1)  !important;	
    border-color: transparent;
    margin-top: 0;
}

.BuildTopFoot_info_title{
	position:relative;
	font-size: 1.6rem;
	padding-left: 1.8rem;
}

.BuildTopFoot_info_title::before{
	position: absolute;
	left: 0;
    top: 50%;
    transform: translateY(-50%);
	content: '';
	width: 1.6rem;
	height: 1.6rem;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_info.png);
    mask-image: url(../img/design1/icon_info.png);
    background-repeat: no-repeat;    
    background-size: 100%;
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_info.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #393939;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

.BuildTopFoot_btn.info{
    background-color: #FFFFFF;
    border-color: rgba(0,173,127,1)  !important;	
}

.BuildTopFoot_btn a{
	line-height: 60px;
	font-weight: normal;
	text-align: center;
}

.BuildTop_task_btn a::after,
.BuildTopFoot_btn a::after{
    content: none;
}

.BuildTopFoot_btn.schedule a{
	padding: 0;
	color: #FFFFFF  !important;
}

.BuildTopFoot_btn.info a{
	color: rgba(0,173,127,1)  !important;	
}

.BuildTopFoot_shop_logo{
	width: 85px;
	height: 85px;
	margin: 20px auto;
	text-align: center;
	white-space: nowrap;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-radius: 10px;
	overflow: hidden;
}

.BuildTopFoot_shop_logo img{
	object-fit: contain;
}

.BuildTopFoot_logo{
	text-align: center;
}

.BuildTopFoot_logo img{
	filter: brightness(0) invert(0);
	width: 23vw;
	max-width: 150px;
}

/*============================================================================================
      Process
=============================================================================================*/
/*    Index
=====================================================*/
.Process_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.Process_list{
	background: #FFFFFF;
}

.Process_list * {
	font-weight: normal !important;
	border-color: #D0D0D0 !important;
}

.Process_list th{
	background: #E5E5E5;
}

.Process_date.limit{
	color: #393939;
}

.Process_date{
	padding-top: 0;
}

.Process_btn{
	background-color: rgba(0,173,127,1)  !important;
}
.Process_list thead tr th:nth-child(1){
	width: 40vw;
}
.process_table_head{
	font-size: 1.2rem !important;
    padding: 13px 0 !important;
}

/*============================================================================================
      Spec
=============================================================================================*/
/*    List
=====================================================*/
.spec_view_bg{
	background-color: #fff;
}

.Spec_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}
.Spec_title_spec{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
}
.full-width-bg {
  margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0.25rem 9999rem;
  background: #F5F5F5;
}
.Spec_tax_wrp{
	position: static;
	overflow-x: auto;
	height: 100%;
	margin: 0;
}

.Spec_tax_lst{
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0 auto;	
}

.Spec_list{
	margin-left: auto;
	margin-right: auto;
}

.Spec_list .clickable{
	text-align: left !important;
}
.Spec_search_wrp{
	position:relative;
	display: flex;
    justify-content: center;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
    padding: 0 0 3vw;
    margin: -1px 0 0 0;
}

.Spec_search_wrp_fixed{
	    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
}
.Spec_search_wrp_fixed {
    border-top: none;
    background-color: #274c2b;
    display: flex;
    position: fixed;
    top: 12vw;
    right: 0;
    z-index: 50;
    width: 100%;
    border-radius: 0;
}

.spec_search{
	width: 325px !important;
}
.spec_search_input{
	border-radius: 20px !important;
	position:relative;
}
.search_input_btn{
	position: absolute;
    right: 2px;
    top: 1px;
    color: #fff;
    background-color: #26AD7E;
    border-radius: 18px;
    width: 80px;
    height: 38px;
    text-align: center;
    vertical-align: middle;
}

.Spec_cat{
	flex-direction: row-reverse;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: solid 1px #E3E3E3;
}

.Spec_cat_name{
	font-weight: bold;
}

.Spec_cat_btn{
	position: relative;
	padding-left: 25px;
	padding-right: 10px;
	font-size: 1.4rem;
	background: #FFF;
	color: rgba(0,173,127,1);
	border-radius: 16px;
	border: 1px solid rgba(0,173,127,1);
}

.Spec_cat_btn::before{
	position: absolute;
    content: '';
    width: 11px;
    height: 100%;
    left: 10px;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;
    background-image: url(../img/design1/icon_cat.png);
    mask-image: url(../img/design1/icon_cat.png);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_cat.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: rgba(0,173,127,1);
    -webkit-mask-size: 11px;
    mask-size: 11px;	
}

.Spec_cat_back_btn a{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.4rem;
	background: rgba(0,173,127,1);
	color: #FFF;
	border-radius: 16px;
}

.Spec_sort{
	align-items: center;
	padding: 10px 0;
	justify-content: flex-end;
}

.Spec_sort_ttl{
	font-size: 1.1rem;
}

.Spec_sort .Spec_sort_item a{
	display:block;
	background: #FFF;
	color: rgba(0,173,127,1);
	border-radius: 14px;
	border: 1px solid rgba(0,173,127,1);
	font-size: 1.2rem;
	padding: 0 12px;
	margin: 5px 0 0 8px;
}
.Spec_sort .Spec_sort_item .sort_active{
	background-color: rgba(0,173,127,1);
	color: #FFF;
}

.Spec_sort .Spec_sort_item .sort_arrow{
	padding-left: 4px;
}

.Spec_limit_select_wrp{
	 padding: 10px 0;
	 justify-content: space-between;
}
.Spec_limit_select_item{
	align-items: center;
}
.Spec_limit_select_wrp select{
	margin: 0 7px;
	color: #26AD7E;
	border-radius: 4px;
	border-color: #26AD7E;
    font-size: 1.2rem;	
}
.Spec_limit_ttl{
	font-size: 1.1rem;;
}  
.Spec_pagination{
	gap: 10px;
}
.Spec_pagination > div{
	font-size: 1.1rem;
}
.Spec_next a,
.Spec_prev a{
	display: block;
    color: #26AD7E;
    border-radius: 4px;
    background-color: #FFF;
    border:1px solid #26AD7E;	
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;  
}

.Spec_list .Spec_list_item{
	background: #FFFFFF;
	margin-bottom: 5px;
	border-radius: 6px;
	border: 1px solid rgba(0,173,127,1);
	transition: background-color .1s linear;
}

.Spec_list .Spec_list_item:hover{
	background: #ffd !important;
}


.Spec_list .list_item_top{
	padding: 10px;
	flex-wrap: nowrap;
}
.Spec_list .spec_thum{
  position: relative;
  width: 80px;
  margin-right: 8px;
}
.Spec_list .spec_thum:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.Spec_list .spec_thum img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

.Spec_list .spec_name{
	font-size: 1.4rem;
}

.Spec_list .spec_value{
	font-size: 1.1rem;
	margin-bottom: 5px;
}

.Spec_list .list_item_bottom{
	flex-wrap: nowrap;
    justify-content: space-between;	
    border-top: 1px solid #DDDDDD;
}

.Spec_list .spec_outline{
	border-right: 1px solid #DDDDDD;
	width: 100%;
	padding: 10px;
}

.Spec_list .spec_outline p{
	font-size: 1.1rem;
}

.Spec_list .spec_status{
	text-align: center;
	width: 120px;
	padding: 10px;
}

.Spec_list .spec_status a{
	display: block;
}

.Spec_date.limit{
	color: #393939;
	display: block;
	line-height: 1.5;
	text-align: center;
}

.Spec_date{
	padding-top: 0;
}

.Spec_diff{
	display:flex;
	border:1px solid #DDDDDD;
	margin: 1vw 0 0 0;
	align-items: stretch;
	background-color: #DDDDDD;
}
.Spec_diff_block{
	width: 130px;
	display: block;
}
.Spec_diff_title{
	margin: auto;
    color: #393939;
    text-align: center;
    background-color: #DDDDDD;
    font-size:1.1rem;
    min-width: 55px;
    padding: 10px;
    line-height: 1.3;
}

.Spec_list p.Spec_diff {
	margin: 0;
	padding: 0;
}

.Spec_list .plus{
	padding: 0 10px;
	flex:1;
}

.Spec_list .yen,
.SpecView_item_diff .yen{
	font-size:1.4rem;
}

.Spec_list .tax,
.SpecView_item_diff .tax{
	font-size:1rem;
}

.Spec_btn_wrp{
	padding: 0;
}

.Spec_btn{
	background-color: rgba(0,173,127,1)  !important;
	width: 100%;
	height: 100%;
    line-height: initial;
    padding: 8px 4px;
    margin: 0 auto 10px auto;
}

.Spec_btn_modal.return{
	position: unset;
	transform: unset;
	right: 0;
    line-height: 0 !important;
    font-weight: normal;
    width: 188px !important;
    margin: auto !important;
}

.Spec_link{
	color:rgba(0,173,127,1);
}
.spec_checked_date{
    	padding:12px;
    	font-size:1.3rem;
}

/*spec detail link font size
.g_link_rtn_d1{
	font-size:1.4rem;	
}
*/

@media screen and (min-width: 960px){
	.Spec_search_wrp_fixed {
    	top: 2.2vw;
    }
/* 	.Spec_diff,
	.Spec_diff_block{
		width: 150px;
    } */
    .search_input_btn{
    	top: 3.3px;
    }

}

/*    new Spec desing
=====================================================*/
.spec_table_head_title {
    width: 78vw !important;
}
.Spec_list tbody tr:nth-child(1){
   border-top: 2px solid #fff !important
}
.spec_list_content{
 flex-direction: column;
 }
 .spec_list_content div:nth-child(1){
    font-size: 1rem;
    padding: 0 0 14px;
 }
  .spec_list_content div:nth-child(2){
    font-size: 1.1rem;
    color: black;
    padding: 0 0 3px;
 }
.spec_parent_name{
border-right: none !important;
font-size:1.4rem !important;
    padding: 5px 0 5px 12px !important;
    color: #393939 !important;
} 
.spec_table_head{
    font-size: 1.2rem !important;
    padding: 13px 0 !important;

}
.Spec_list td p.Spec_diff {
    margin: 0;
    padding: 0;
    width: 90px;

}

/*    View
=====================================================*/
.SpecView_title{
    /* margin: 0 3vw; */
    color: #393939;
    background: none;
    /* border-left: 4px solid rgba(0,173,127,1); */
    background-color: #E5E5E5;
    font-size: 1.6rem;
}

.SpecView_title.child{
	background: none !important;
	background-color: transparent;
}
.SpecView_item_diff{
	display: flex;
    border: 1px solid #c9c9c9;
    margin: 0 20px;
    align-items: center;
}
.SpecView_item_diff p:nth-child(1){
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
    height: 57px;
	width: 130px;
    background-color: #E5E5E5;
    text-align: center;
    padding: 12px;
    font-size:1.5rem;
    line-height: 1.3;
}

/*.SpecView_item_diff p.not_price{
	width: 100%;
}*/

.plus{
	color: #F8394F;
	background: #FFF;
	display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    margin-left: auto;
}
.plus_detail{
    padding:12px;
    width: auto;
}

.checked_closed{
	/*padding: 12px 20px !important;*/
	display: flex;
	align-items: center;
    font-size: 1.3rem;
    margin-left: 3vw;
}
.spec_view_value{
	margin: 17px 0;
}
.Spec_view_checked{
	margin-top:2px;
}
@media screen and (min-width: 960px){
	.SpecView_title {
		margin: 0;
	}
	.plus{
	color: #F8394F;
	padding:0 8px;
}
}

.SpecView_lst_wrp{
	position: fixed;
	width: 100%;
	bottom: 20px;
	left: 0;
	z-index: 2;
	padding-bottom: 40px;
}

.SpecView_item_link a,
.SpecView_item_btn,
.Spec_btn_modal.return{
	position: relative;	
	display: block;
	width: 100%;
    height: 50px;
    margin: 20px 0 30px;
    border-radius: 30px !important;
    color: #FFFFFF;
    background-color: rgba(0,173,127,1);
    text-decoration: none;
	text-align: center;
    line-height: 50px;
}

.SpecView_his_content{
	width: 100%;
	margin-bottom: 40px;
}

.SpecView_his_ttl{
	width: auto;
	font-size: 1.6rem;
	color:#393939;
	background: none;
	padding: 0 0 0 10px;
}

.SpecView_his_lst{
	border-top: 1px solid #707070;
}

.SpecView_his_lst li{
	background: none;
	padding: 0;
	border-bottom: 1px solid #707070;
}

.SpecView_his_lst li .js_history{
	position: relative;
	display: block;
	padding: 1rem;
	color: #393939;
}

.SpecView_his_lst li .js_history::after {
    content: '';
    position: absolute;
    top: 0;
    width: 0.7rem;
    height: 100%;
    border: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 3vw;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-color: rgba(0,173,127,1) ;
    background-image: url(../img/design1/icon_arrow_r2.png);
    mask-image: url(../img/design1/icon_arrow_r2.png);
    background-repeat: no-repeat;    
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_arrow_r2.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    image-rendering: -webkit-optimize-contrast; 
    
    
}

.spec-view-child:before {
    content: '└';
    display: inline-block;
    position: relative;
    top: 2px;
    color: #887d74;
}
.SpecView_reject_btn_wrp{
    display: flex;
    align-items: center;
    justify-content: center;

}
.SpecView_reject_btn{
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

.SpecView_lst_wrp{
	background: #575757;
}

.SpecView_item_lst{
	padding-bottom: 40px;
}

.SpecView_btn_lst li:nth-child(2){
	flex: 0.3;
    margin-left: 15px;
}

.SpecView_btn_lst li:last-child{
	flex: 0.4;
	margin-left: 0;
	margin-right: 15px;
}

.SpecView_btn_lst li:last-child button{
	background: #F8394F;
}

.SpecView_item_lst .Checklist_cancel{
	margin: auto;
	padding: 0;
	text-align: center;
}

.SpecView_item_link.btn{
	margin-right: auto;
}

/*    Spev view modal
=====================================================*/
.spec-modal {
    max-width:600px !important;
    text-align:center;
}
.modal-icon-decline {
    margin: 0 auto;
    display: block;
    width: 56px;
    padding: 10px 0;
}
.stamp_select_img{
	margin: 20px 0;
}
.modal_ttl{
	text-align: center;
	color: #26AD7E;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1.6rem;
}
.modal_ttl_red{
	text-align: center;
	color: #F8394F;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1.6rem;
}
.modal_ttl_green{
	text-align: center;
	color: rgba(0,173,127,1);
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1.6rem;
}

.modal_txt{
	margin-bottom: 28px;
}
.spec-modal .Spec_btn_decide{
	background: #F8394F;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    border-radius: 30px !important;
    margin-bottom: 20px !important;
    font-weight: normal !important;
}
.spec-modal .spec_update_btn{
	padding: 12px;
    display: block;
    align-items: center;
    width: 64px !important;
    height: 35px !important;
    border-radius: 30px;
    background-color: rgba(0,173,127,1);
    color: #fff;
    margin-left: auto;
    line-height: 12px;
}

#modal-category{
	padding-top: 40px;
}

#modal-category .uk-modal-dialog{
	background: transparent;
	padding-top: 10px;
}

#modal-category .uk-modal-close-outside{
	top: 0;
}
.modal_cat_lst{
	width: 100%;
}

.modal_cat_lst .modal_cat_item{
	margin-bottom: 13px;
}

.modal_cat_lst .modal_cat_item a{
	min-height: 64px;	
	display: flex;
	width: 100%;
	height: 100%;
	background: #FFF;
	border-width: 2px;
	border-radius: 32px;
	align-items: center;
}

.modal_cat_lst .modal_cat_thum{
	position: relative;
	min-width: 50px;
	max-width: 50px;
	min-height: 50px;
	margin: 2px;
}

.modal_cat_lst .modal_cat_thum img{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    border-radius: 50%;
}

.modal_cat_lst .modal_cat_name{
	margin-left: 10px;
}

.modal_cat_lst .modal_cat_item:nth-child(8n+1) a{
	box-shadow: 0 0 0 2px #7CCEB1, 0 0 0 4px #FFFFFF;
}
.modal_cat_lst .modal_cat_item:nth-child(8n+2) a{
	box-shadow: 0 0 0 2px #7CC5CE, 0 0 0 4px #FFFFFF;
}
.modal_cat_lst .modal_cat_item:nth-child(8n+3) a{
	box-shadow: 0 0 0 2px #7C9FCE, 0 0 0 4px #FFFFFF;
}
.modal_cat_lst .modal_cat_item:nth-child(8n+4) a{
	box-shadow: 0 0 0 2px #9789D1, 0 0 0 4px #FFFFFF;
}
.modal_cat_lst .modal_cat_item:nth-child(8n+5) a{
	box-shadow: 0 0 0 2px #DDA0DD, 0 0 0 4px #FFFFFF;
}
.modal_cat_lst .modal_cat_item:nth-child(8n+6) a{
	box-shadow: 0 0 0 2px #F59D9D, 0 0 0 4px #FFFFFF;
}
.modal_cat_lst .modal_cat_item:nth-child(8n+7) a{
	box-shadow: 0 0 0 2px #E8BF73, 0 0 0 4px #FFFFFF;
}
.modal_cat_lst .modal_cat_item:nth-child(8n+8) a{
	box-shadow: 0 0 0 2px #A1D55B, 0 0 0 4px #FFFFFF;
}

.modal_cat_lst .modal_cat_badge{
	font-family: 'Jost', sans-serif !important;
    background: #F8394F;
    color: #FFF;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    margin-left: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: bold;    
	border-radius: 50%;
	margin-right: 1rem;
}


/*    spec_history
=====================================================*/
.Spec_history_list {
	background: #FFFFFF;
	border: 1px solid #D0D0D0;
}

.Spec_history_list * {
	font-weight: normal !important;
	border-color: #D0D0D0 !important;
	font-size: 1.4rem !important;
}

.Spec_history_list th{
	background: #E5E5E5 !important;
	text-align: center;

}

.Spec_history_list th,
.Spec_history_list td{
	border-bottom: 1px solid #D0D0D0;
}

.Spec_history_list th:not(:first-child),
.Spec_history_list td:not(:first-child){
	border-left: 1px solid #D0D0D0;
}


/*    Detail
=====================================================*/
.SpecDetail_title{
	padding: 0 3vw;
	color: #393939;
	background: none;
	border-left: 4px solid rgba(0,173,127,1) ;
	font-size: 1rem;
	font-weight: normal;
}

@media screen and (min-width: 960px){
	.SpecDetail_title {
	margin: 0;
	padding: 6px 20px;
    font-size: 1.2rem;
    
	}
}

/*    Update
=====================================================*/
.SpecUpdate_title{
	background: none;
	margin: 0 3vw;
    color: #393939;
    background: none;
    border-left: 4px solid rgba(0,173,127,1);
}

@media screen and (min-width: 960px){
	.SpecUpdate_title{
		margin-left: 20px;
	}
}

.SpecUpdate_item_link a{
	color: rgba(0,173,127,1);
}

/*============================================================================================
      Pay
=============================================================================================*/
/*    Index
=====================================================*/
.Pay_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}



.Pay_bank_list{
	margin-bottom: 44px;
    border-collapse: separate;
    border-spacing: 0px 2px;
}

.Pay_bank_list *{
	color: #393939 !important;
	border-color: #DDDDDD !important;
	font-size: 1.2rem !important;
}

.Pay_bank_list th{
	background: #E5E5E5 !important;
}

.Pay_bank_list td:last-child{
	background: #FFFFFF;
}

.Pay_list{
	background: #FFFFFF;
}

.Pay_list * {
	font-weight: normal !important;
	border-color: #D0D0D0 !important;
}

.Pay_list th{
	background: #E5E5E5 !important;
}

.Pay_list td:last-child{
	color: #393939;
}

.Pay_list .limit{
	color: #393939;
}

.Pay_date{
	padding-top: 0;
}

.Pay_btn{
	margin-top: 0;
	margin-bottom: 10px;
	background-color: rgba(0,173,127,1)  !important;
}

.Pay_link_btn{
	position: relative;
    height: 60px;
    margin: 20px 2vw 30px;
    border-radius: 30px !important;	
    background-color: rgba(0,173,127,1);    
}

.Pay_link_btn a{
    display: block;	
	line-height: 60px;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
}

.Pay_link_btn:hover{
	transform: translateY(3px);
}


/*============================================================================================
      Cost
=============================================================================================*/
/*    Index
=====================================================*/
.Cost_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.Cost_aside{
	font-size:1.2rem;
	color: #F8394F;
	position: relative;
	margin: 0 auto;
    width: 90%;
    margin-bottom: 16px;
}

.Cost_aside i{
	background: #F8394F;
	color: #FFFFFF;
	display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    text-align: center;
    border-radius: 50%;
    line-height: 1.3rem;
}

.Cost_main_list_box{
	background: #FFFFFF;
	border-radius: 16px;
	width: 90%;
    margin: auto;
    padding: 3% 5%;
}

.Cost_main_list th i{
	border: 1px solid rgba(0,173,127,1) ;
	color: rgba(0,173,127,1) ;
	display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    border-radius: 50%;
    line-height: 2.4rem;	
    margin-left: 9px;
    font-size: 1.6rem;
    font-weight: bold;
}

.Cost_main_list tr{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}

.Cost_main_list > tbody > tr:first-child{
	border: none !important;
} 

.Cost_main_list > tbody > tr:last-child{
/* 	background: none;
	display: block; */
	border-bottom: 1px solid #bfb8b0 !important;	
}

.Cost_main_list th,
.Cost_main_list td{
	display: block;
	font-weight: normal !important;
	color: #393939 !important;
}

.Cost_main_list > tbody > tr:not(.noborder) td{
	margin-left: auto;
}

.Cost_main_list td{
	font-size: 1.8rem;
}

.Cost_main_list td span{
	font-size: 1.2rem;
}

.Cost_main_list tr:last-child th{
	padding-bottom: 0;
}

.Cost_ditail_list > td{
	width: 100% ;
}

.Cost_main_list > tbody > tr:last-child > td {
	font-size: 2.4rem;
	color: #F8394F !important;
	padding: 0;
}

.Page_main_dlst_tbl tr{
	border: 1px solid #EAEAEA !important;
	margin-bottom: 5px;
	border-radius: 6px;
	position: relative;
	padding-right: 18px;
    justify-content: space-between;
    flex-wrap: nowrap;
    cursor: pointer;    	
}

.Page_main_dlst_tbl tr::after{
    content: '';
    position: absolute;
    width: 0.7rem;
    height: 1.4rem;
    border: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 6px;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-color: rgba(0,173,127,1) ;
    background-image: url(../img/design1/icon_arrow_r2.png);
    mask-image: url(../img/design1/icon_arrow_r2.png);
    background-repeat: no-repeat;    
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_arrow_r2.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.Page_main_dlst_tbl tr:last-child  {
	display:flex;
}

.Page_main_dlst_tbl tr.arrow_none{
	cursor: unset;    
}

.Page_main_dlst_tbl tr.arrow_none:after{
	content: unset !important;
}

.Page_main_dlst_tbl td{
	font-size: 1.2rem !important;
	min-height: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	width: 50%;
}

.Page_main_dlst_tbl td.none_price{
	width: 100% !important;
}

.Page_main_dlst_tbl td:first-child{
	width: 70%;
	justify-content: flex-start;
}	

.Page_main_dlst_tbl td span{
	font-size: 1rem;
}

.Page_main_dlst_tbl .g_stamp_sumi,
.Page_main_dlst_tbl .g_stamp_cancel{
	font-size: 0.8rem;
	margin-bottom: 3px;
	max-width: 115px;
}

.Cost_plan_wrp .Cost_sub_title{
	font-size: 1.8rem;
	border-left: 4px solid rgba(0,173,127,1);
	padding-left: 8px;
	padding-top: 0;
	margin-bottom: 10px;
}

.Cost_list{
    border-collapse: separate;
    border-spacing: 0px 2px;
}

.Cost_list *{
	color: #393939 !important;
	font-weight: normal !important;
}

.Cost_list th{
	border-color: #DDDDDD !important;
	font-size: 1.2rem;
	background: #E5E5E5 !important;
}

.Cost_list td{
	border-color: #DDDDDD !important;
}

.Cost_list td:first-child{
	border-left: none !important;
	font-size: 1.2rem;
	width: 25%  !important;
}

.Cost_list td:last-child{
	background: #FFFFFF;
	border-right: none !important;
	font-size: 1.6rem;
	width: 25%  !important;
}

.Cost_link{
	margin-right: auto;
	margin-left: 10px;
}

.Cost_link a{
	display: block;
	text-decoration: none;
	background: rgba(0,173,127,1);
    color: #fff;
    padding: 8px;
    border-radius: 6px;	
}

.Cost_link a:after{
	content: none;
}

.Cost_note{
	color: #393939;
	text-align: right;
}

.Cost_link_btn{
	position: relative;
    width: 90% ;
    border-radius: 30px ;
    background: rgba(0,173,127,1) ;
    margin: 36px auto;
}

.Cost_link_btn a{
	display: block;
    line-height: 60px;
    font-weight: normal;
    text-align: center;
    color: #FFFFFF;
}

.Cost_link_btn:hover,
.Cost_total_btn:hover{
	transform: translateY(3px);
}

.Cost_total_btn{
	position: relative;
    width: 100% ;
    border-radius: 30px ;
    border: 1px solid rgba(0,173,127,1) ;
    background:#FFF ;
    margin: 36px auto;
}

.Cost_total_btn a{
	display: block;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    color: rgba(0,173,127,1) ;
    padding: 4px 0;
}

.Cost_total_btn i{
	display: block;
	text-align: center;
}

.Cost_etc_box{
	position: relative;
	background: #FFFFFF;
	z-index:1;
	margin-bottom: 20px;
}

.Cost_etc_box::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,173,127,0.1);
	z-index: -1;
}

.Cost_etc_box *{
	font-weight: bold;
	color: #393939 !important;
}

.Cost_etc_title_wrp{
	border-left: 4px solid rgba(0,173,127,1);
	display: block;
}

.Cost_etc_title_wrp p{
	padding-left: 8px;
	font-weight: normal;
}

.Cost_etc_title_wrp .Cost_sub_title{
	font-size: 1.8rem;
}

.Cost_etc_box .Cost_list td{
	font-size: 1.2rem !important;
}

.Cost_reference span{
	display: inline;
}

.Cost_etc_val{
	font-size: 2.4rem;
	font-weight: normal;
	text-align: right;
	color: #393939;
}

#CostTotal .Cost_etc_val{
	border-bottom: 4px solid rgba(0,173,127,1);	
}

.Cost_etc_val span{
	font-size: 1.2rem !important;
}

#modal-close-outside-help .modal_txt{
	line-height: 2;
}

@media screen and (min-width: 960px){
	.Page_main_dlst_tbl td:first-child{
		width: 70%;
	}		
	.Page_main_dlst_tbl td:last-child{
		width: 30%;
	}	
}


/*============================================================================================
      Checklist
=============================================================================================*/
/*    Index
=====================================================*/
.Checklist_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.Checklist{
	background: #FFFFFF;
    border-collapse: separate;
    border-spacing: 0px 2px;
}

.Checklist th{
	border-color: #DDDDDD !important;
	font-size: 1.2rem;
	background: #E5E5E5 !important;
}

.Checklist td{
	border-color: #DDDDDD !important;
}

.Checklist_btn{
	height: 100%;
}

.Checklist_btn a:hover {
	color: #FFF;
	background: rgba(0,173,127,1);
	border-color: rgba(0,173,127,1);
}

.Checklist_btn a, .Checklist_btn span{
	color: rgba(0,173,127,1);
	border-color: #DDDDDD;
	background: #F5F5F5;
}
.checklist_table_head{
	font-size: 1.2rem !important;
    padding: 13px 0 !important;
}
.Checklist tbody tr td:nth-child(1){
	width: auto !important;
}
.checklist_content {
    flex-direction: column;
}
.checklist_content div:nth-child(1) {
    font-size: 1rem;
    padding: 0 0 14px;
    color: grey;
}
.checklist_content div:nth-child(2) {
    font-size: 1.1rem;
    color: black;
    padding: 0 0 3px;
}
/*============================================================================================
      Contact
=============================================================================================*/
/*    Index
=====================================================*/
.w_Contact {
	margin-bottom: 36vw;
}

.Contact {
	padding: 3vw 0 0;
}

.Contact_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.Contact_inr {
	padding: 2.5vw 0 0;
}

.Contact_item_ttl {
	font-size: 1.2rem;
}

.Contact_item_link {
	margin-left: auto;
}

.Contact_item_link a {
	color: #e18838;
	font-size: 1.1rem;
	text-decoration: underline;
	font-weight: 600;
}

.Contact_shop_box{
	padding-left: 8px;
    color: #393939;
    background: none;
    border-left: 4px solid rgba(0,173,127,1);
}

.Contact_shop {
	font-size: 1.4rem;
}

.Contact_tel{
	position: relative;
	color: rgba(0,173,127,1);
	font-size: 3.2rem;
	font-weight: bold;
	font-family: 'Jost', sans-serif !important;	
	line-height: 1;
	padding-left: 3rem;
}

.Contact_tel::before{
	content: '';
	width: 2.6rem;
	height:100%;
	position: absolute;
	top:0 ;
	left: 0;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_tel.png);
    background-color: rgba(0,173,127,1);
    mask-image: url(../img/design1/icon_tel.png);
    background-repeat: no-repeat;    
    background-size: 2.6rem;
    background-position: left center;
    -webkit-mask-image: url(../img/design1/icon_tel.png);
     -webkit-mask-position: left center;
    mask-position: left center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 2.6rem;
    mask-size: 2.6rem;	
}

.Contact_time {
	font-size: 1.2rem;
}
.Contact_time span {
	color: #393939;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 3px;
}

.Contact_btn_wrp {
	text-align: center;
	padding: 5vw 0 0;
}
.Contact_btn {
	position: relative;
	width: 80vw;
	height: 60px;
	border-radius: 30px;
	background-color: rgba(0,173,127,1);
	margin: auto;
}
.Contact_btn a {
	display: block;
	text-align: center;
	line-height: 60px;
	font-size: 1.4rem;
	color: #fff;
}

.Contact_msg {
	font-size: 1.2rem;
	padding-top: 6vw;
}

@media screen and (min-width: 960px) {
	.w_Contact {
		margin-bottom: 60px;
	}
	.Contact {
		padding: 20px 0 100px;
	}
	.Contact_inr {
		padding: 20px 20px;
	}
	.Contact_btn_wrp {
		padding: 30px 0 0;
	}
	.Contact_btn {
		width: 600px;
	}
	.Contact_msg {
		padding-top: 40px;
	}
}


/*    Form
=====================================================*/
.Form_title{
	padding-left: 8px;
    color: #393939;
    background: none;
    border-left: 4px solid rgba(0,173,127,1);
        width: 80%;
    margin: 3.8rem auto 3.8rem auto;
    font-size:1.8rem;
}

#form_save2{
	position: relative;
	background-color: rgba(0,173,127,1);
	height: 60px;
    margin: 20px 0 30px;
    border-radius: 30px !important;
}

/*    Online
=====================================================*/
.Online_title{
	padding-left: 8px;
    color: #393939;
    background: none;
    border-left: 4px solid rgba(0,173,127,1);
    width: 80%;
    margin: 3.8rem auto 3.8rem auto;
    font-size:1.8rem;
}
.MdlForm_lead_d1{
	font-size:1.6rem;
}
.MdlForm_ttl_d1{
	font-size:1.6rem;
}
.Online_form_wrp {
	padding: 2.7rem 2rem;
}

#Contact .ui-datepicker{
	width: 100%;
}

@media screen and (min-width: 960px){
	#Contact .ui-datepicker {
	    max-width: 780px;
	    min-width: 780px;
	    margin: 0 auto;
	}
}

#Contact .appendDatepicker {
  position: relative;
}
#Contact .ui-datepicker {
  top: 0 !important;
  left: 0 !important;
}

#Contact .datepicker_show1,
#Contact .datepicker_show2{
	position: relative;
	height: 32rem;
	display: none;
}

@media screen and (min-width: 960px){
	#Contact .datepicker_show1,
	#Contact .datepicker_show2{
	    height: 35rem;
	}
}

#Contact .ui-datepicker .ui-datepicker-header{
	    display: block;
	    width: 100vw;
	    margin: auto;
	    background: none;
	    border: none;
	    font-weight: normal;
}

@media screen and (min-width: 960px){
	#Contact .ui-datepicker .ui-datepicker-header{
	    width: 40%;
	}
}

#Contact .ui-icon-circle-triangle-w {
    background-position: -100px 0px;
}

#Contact .ui-icon-circle-triangle-e {
    background-position: -30px 0px;
}

#Contact .ui-datepicker-calendar th,
#Contact .ui-datepicker-calendar td{
	font-family: 'Jost', sans-serif !important;	
	width: 14%;
	font-weight: normal;
	padding: 0.1rem;
}

#Contact .ui-datepicker-calendar td a{
	text-align: center;
	border: none !important;
}

@media screen and (min-width: 960px){
	#Contact .ui-datepicker-calendar td a{
		padding: 8px;
	}
}

#Contact .ui-datepicker-calendar th:nth-child(6),
#Contact .ui-datepicker-calendar td:nth-child(6) a:not(.ui-state-active){
	color: #067FF7 !important;
}

#Contact.ui-datepicker-calendar th:nth-child(7),
#Contact .ui-datepicker-calendar td:nth-child(7) a:not(.ui-state-active){
	color: #F00C0C !important;
}

#Contact .ui-state-default{
	background: none !important;
	color: #393939;
}

#Contact .ui-state-highlight{
	background: rgba(0,173,127,0.2) !important;
	color: #393939 !important;
}

#Contact .ui-state-active{
	background: rgba(0,173,127,1) !important;
	color: #FFFFFF !important;
}

.Online_times{
	justify-content: flex-end;
	align-items: center;
}

li.Online_times:nth-child(2n){
	padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #DDDDDD;
}

.Online_times_title{
	margin-right: 0.5rem;
}


.uk-inline{
	width: 15rem;
}

.uk-input{
	position: relative;
}

.Online_input{
	position: relative;
	line-height: 0;
}

.Online_input::after{
    content: '';
    position: absolute;
    width: 1rem;
    height: 100%;
    border: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0;
    right: 1rem;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-color: #393939 ;
    background-image: url(../img/design1/icon_arrow_r2.png);
    mask-image: url(../img/design1/icon_arrow_r2.png);
    background-repeat: no-repeat;    
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_arrow_r2.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 1rem;
    mask-size: 1rem;
    image-rendering: -webkit-optimize-contrast;
    transform: rotate(90deg);
}

#form_save{
	position: relative;
	background-color: rgba(0,173,127,1);
	height: 60px;
    margin: 20px 0 30px;
    border-radius: 30px !important;
}

/*============================================================================================
      Schedule
=============================================================================================*/
/*    Index
=====================================================*/
.Schedule_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.Schedule_list{
	background: #FFFFFF;
}

.Schedule_list * {
	font-weight: normal !important;
	border-color: #D0D0D0 !important;
}

.Schedule_list th{
	background: #E5E5E5;
}

.Schedule_date.limit{
	color: #393939;
}

.Schedule_date{
	padding-top: 0;
}

/*============================================================================================
      Info
=============================================================================================*/
/*    List
=====================================================*/
.InfoList_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.InfoList_item a::after {
    content: '';
    position: absolute;
    width: 0.7rem;
    height: 1.4rem;
    border: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 3vw;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-color: rgba(0,173,127,1) ;
    background-image: url(../img/design1/icon_arrow_r2.png);
    mask-image: url(../img/design1/icon_arrow_r2.png);
    background-repeat: no-repeat;    
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_arrow_r2.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.InfoList_unrerad{
	margin-right: 8px;
	display: inline-block;
	font-family: 'Jost', sans-serif !important;
    width: auto;
    min-width: 24px;
    min-height: 24px;
    color: #FFF;
    background: #F8394F;
    line-height: 24px;
	border-radius: 50%;
	text-align: center;
}

/*    View
=====================================================*/
.InfoDetail_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.InfoDetail_ttl{
	padding-left: 8px;
    color: #393939;
    background: none;
    border-left: 4px solid rgba(0,173,127,1);
}

.InfoDetail_btn{
    background-color: #FFFFFF;
    border: 1px solid rgba(0,173,127,1);
    height: 60px;
    margin: 20px 0 30px;
    border-radius: 30px !important;	
}

.InfoDetail_btn a{
	position: relative;
	display: block;
	text-align: center;
	color: rgba(0,173,127,1);
	line-height: 60px;
}

/*============================================================================================
      Task
=============================================================================================*/
/*    Index
=====================================================*/
.Task_title{
    width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}

.Task_status_item a:hover {
	color: rgba(0,173,127,1);
	font-weight: normal;
	border-bottom: 2px solid rgba(0,173,127,1);
	opacity: 1;
}
.Task_status_item span {
	color: rgba(0,173,127,1);
	font-weight: normal;
	border-bottom: 2px solid rgba(0,173,127,1);
}

.Task_status_item{
	background: none;
	border: 1px solid #DDDDDD;
	width: 50%;
}

.Task_status_item:first-child{
	border-right: none;
}

.Task_task_cnt{
	color: rgba(0,173,127,1);
}

.SpecView_his_lst{
	border-top: 1px solid #707070;
}

.Task_task_lst li{
	/*background: none;*/
	padding: 0;
	/*border-bottom: 1px solid #707070;*/
	min-height:72px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 10px;
}
.task_item_procedures{
    padding: 0;
    border:none;
    background-color: #ECE0F7;
}
.task_item_other{
    padding: 0;
    border:none;
    background-color: #F7E0EC;
}
.task_item_payment{
    padding: 0;
    border:none;
    background-color:#F7EAE0;
}
.task_item_spec{
    padding: 0;
    border:none;
    background-color: #E0EBF7;
}
.Task_task_lbl_spec{
	color:#669AD6;
	font-size: 1.2rem;
    font-weight: 400;
}
.Task_task_icon{
	background-color: white;
    padding: 3px 8px;
    border-radius: 50%;
}
.Task_task_icon img {
	position:relative;
	bottom:2px;
}

.Task_task_lst li a{
	position: relative;
	display: block;
	padding: 2rem 1rem 1rem 1rem;
	color: #393939;
}

.Task_task_item a::after {
    content: '';
    position: absolute;
    top: 0;
    width: 0.7rem;
    height: 100%;
    border: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 3vw;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	

    background-image: url(../img/design1/icon_arrow_r2.png);
    mask-image: url(../img/design1/icon_arrow_r2.png);
    background-repeat: no-repeat;    
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_arrow_r2.png);
     -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    image-rendering: -webkit-optimize-contrast; 
}
.task_item_spec a::after{
	background-color:#669AD6;
}
.task_item_procedures a::after{
	   background-color:#A266D6;
}
.task_item_other a::after{
	   background-color:#D6669E;
}
.task_item_payment a::after{
	   background-color:#D69566;
}
.task_item_procedures a span:nth-child(3){
	color:#A266D6;
	font-size: 1.2rem;
    font-weight: 400;
}
.task_item_other a span:nth-child(3){
	color:#D6669E;
	font-size: 1.2rem;
    font-weight: 400;
}
.task_item_payment a span:nth-child(3){
	color:#D69566;
	font-size: 1.2rem;
    font-weight: 400;
}
.Task_task {
    display: block;
    color: #1d55a9;
    font-size: 1.4rem;
    padding-top: 4vw;
    line-height:1.6;
    padding-right: 10px;
}

.Task_task_date,
.Task_task{
	color: #393939;
}

/*============================================================================================
      Component
=============================================================================================*/

/*    Icon
=====================================================*/
.open_arrow_r {
    display: inline-block;
    position: absolute;
    width: 24px !important;
    height: 24px !important;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1 !important;
    border-radius: 50%;
}

.open_arrow_r::before {
    position: absolute;
    top: 10px !important;
    left: 0 !important;
    width: 24px !important;
    height: 24px !important;
}

.open_arrow_r i{
    width: 80%;
    height: 80%;
    position: absolute;
    top: 3px;
    left: 3px;
    display: inline-block;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;
    background-image: url(../img/design1/icon_arrow_r.png);
    mask-image: url(../img/design1/icon_arrow_r.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    -webkit-mask-image: url(../img/design1/icon_arrow_r.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 90%;
    mask-size: 90%;
}

/* arrow:black bg:white */
.open_arrow_col01 i{
	background-color: #393939 !important;
}

.open_arrow_col01{
	background: #FFFFFF !important;	
}

/* arrow:green bg:white */
.open_arrow_col02 i{
	background-color: rgba(0,173,127,1)  !important;
}

.open_arrow_col02{
	background: rgba(255,255,255,1)  !important;	
}

/* arrow:green bg:lightgreen */
.open_arrow_col03 i{
	background-color: rgba(0,173,127,1)  !important;
}

.open_arrow_col03{
	background: rgba(0,173,127,0.1) !important;	
}

.icon_tork_l::before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 18px;
	margin: -3px 5px 0 0;
	background: url("../img/design1/icon_tork.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;  
}

.icon_online_l::before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 18px;
	margin: -3px 5px 0 0;
	background: url("../img/design1/icon_online.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;    
}


.icon_tel_l::before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 18px;
	margin: -3px 5px 0 0;
	background: url("../img/design1/icon_tel.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;    
}

.icon_mail_l::before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 18px;
	margin: -3px 5px 0 0;
	background: url("../img/design1/icon_mail.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;    
}

.icon_chat_l::before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 18px;
	margin: -3px 5px 0 0;
	background: url("../img/design1/icon_msg.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;    
}

.icon_schedule_l::before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 18px;
	margin: -3px 5px 0 0;
	background: url("../img/design1/icon_schedule.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;    
}

/*    Badge
=====================================================*/
.g_badge{
	top:-1rem;
	right:-1rem;
	font-family: 'Jost', sans-serif !important;	
	background: #F8394F;
	width: 3rem;
	height: 3rem;
}

.g_badge span{
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%) !important;
	padding: 0 !important;	
	font-size: 1.5rem !important;
	font-weight: bold;
}

/*    Stamp
=====================================================*/
.g_stamp_sumi{
	width: 100%;
	position: relative;
	text-align: center;
	color: #F8394F !important;
	border: 1px solid #F8394F !important;
	border-radius: 3px;
	line-height: 1;
	font-weight: normal !important;
	padding: 6px 0 !important;
}

.g_stamp_cancel{
	width: 100%;
	position: relative;
	text-align: center;
	background: #F5F5F5;
	border: 1px solid #E0E0E0 !important;
	border-radius: 3px;
	line-height: 1;
	font-weight: normal !important;
	padding: 6px 0 !important;	
}

/*    Breakdown
=====================================================*/
.js_breakdown,
.js_breakdown i {
	color: rgba(0,173,127,1) !important;
}

/*    ArrowIconLink
=====================================================*/
.g_link_rtn::after{
	border-color: rgba(0,173,127,1) !important;
	border-width: 2px;
}
/*============================================================================================
      Tatetayo
=============================================================================================*/
/*   Mainte Naiv
=====================================================*/
.MainteNaviFloat{
	display: block;
	height: 72px !important;
	border: none;
	background: linear-gradient(90deg, rgba(255,255,255,1) 28.9vw, rgba(255,255,255,0) 28.9vw ,rgba(255,255,255,0) 70vw, rgba(255,255,255,1) 70vw);
	width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 30;
}

@media screen and (min-width: 960px) {
	.MainteNaviFloat{	
		background: linear-gradient(90deg, rgba(255,255,255,1) 44vw, rgba(255,255,255,0) 44vw ,rgba(255,255,255,0) 55vw, rgba(255,255,255,1) 55vw);
	}	
	.MainteNaviFloat li:nth-child(3) a {

    padding-left: 13px;
}
}


.MainteNaviFloat ul{
	max-width: 780px;
	height: 72px;
	margin: auto;
	border: none;
	background: url(../img/design1/NaviFloat_bg.png) center;
}

.MainteNaviFloat li{
	height: 72px;
	border: none !important;
	position:relative;
}

.MainteNaviFloat li:nth-child(1),
.MainteNaviFloat li:nth-child(2){
	width: 18%;
}

.MainteNaviFloat li:nth-child(3){
	position: relative;
	width: 28%;
}

.MainteNaviFloat li:nth-child(3) a{
position: absolute;
    top: -50px;
    width: 81px;
    left: 50%;
    padding-top: 20px;
    color: #FFFFFF;
    transform: translate(-50%);
    height: 81px;
    background-color: rgba(0,173,127,1);
    border-radius: 50%;
    border: 7px solid rgba(0,173,127,0.2);
    background-clip: padding-box;
    white-space: nowrap;
}

.MainteNaviFloat li:nth-child(3) a::before{
	position: absolute;
	top: 8px;
    left: 34%;
	content: '';
	width: 16px;
	height: 17px;
    background-image: url(../img/design1/icon_msg.png);
	
	image-rendering: -webkit-optimize-contrast;    
}

.MainteNaviFloat li:nth-child(4),
.MainteNaviFloat li:nth-child(5),
.MainteNaviFloat li:nth-child(6){	
	width: 18%;
}

.MainteNaviFloat li:nth-child(1) a::before{
	position: absolute;
	top: 5px;
    left: 50%;
    transform: translateX(-50%);
	content: '';
	width: 50px;
	height: 50px;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;
    background-image: url(../img/design1/icon_mainte.png);
    mask-image: url(../img/design1/icon_mainte.png);
    background-repeat: no-repeat;    
    background-size: 55%;
    background-position: center top;
    -webkit-mask-image: url(../img/design1/icon_mainte.png);
     -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 55%;
    mask-size: 55%;
}

.MainteNaviFloat li:nth-child(2) a::before{
	position: absolute;
	top: 7px;
    left: 50%;
    transform: translateX(-50%);    
	content: '';
	width: 50px;
	height: 50px;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_reform.png);
    mask-image: url(../img/design1/icon_reform.png);
    background-repeat: no-repeat;    
    background-size: 60%;
    background-position: center top;
    -webkit-mask-image: url(../img/design1/icon_reform.png);
     -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
;
    -webkit-mask-size: 60%;
    mask-size: 60%;
}

.MainteNaviFloat li:nth-child(4) a::before{
	position: absolute;
	top: 7px;
    left: 50%;
    transform: translateX(-50%);    
	content: '';
	width: 50px;
	height: 50px;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_kurashi_no_soudan.png);
    mask-image: url(../img/design1/icon_kurashi_no_soudan.png);
    background-repeat: no-repeat;    
    background-size: 55%;
    background-position: center top;
    -webkit-mask-image: url(../img/design1/icon_kurashi_no_soudan.png);
     -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 55%;
    mask-size: 55%;
}

.MainteNaviFloat li:nth-child(5) a::before{
	position: absolute;
	top: 7px;
    left: 50%;
    transform: translateX(-50%);    
	content: '';
	width: 50px;
	height: 50px;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-blend-mode: multiply;	
    background-image: url(../img/design1/icon_other_soudan.png);
    mask-image: url(../img/design1/icon_other_soudan.png);
    background-repeat: no-repeat;    
    background-size: 45%;
    background-position: center top;
    -webkit-mask-image: url(../img/design1/icon_other_soudan.png);
     -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 45%;
    mask-size: 45%;
}

#Maintenance .MainteNaviFloat li:nth-child(1) a,
#Build.MainteNaviFloat li:nth-child(2) a,
#Pay .MainteNaviFloat li:nth-child(4) a,
#Checklist .MainteNaviFloat li:nth-child(5) a{
	color: rgba(0,173,127,1);
}
#Maintenance .MainteNaviFloat li:nth-child(1) a::before,
#Build .MainteNaviFloat li:nth-child(2) a::before,
#Pay .MainteNaviFloat li:nth-child(4) a::before,
#Checklist .MainteNaviFloat li:nth-child(5) a::before{
	 background-color: rgba(0,173,127,1);
}

.MainteNaviFloat li .g_hmb{
	width: 100%;
    padding-top: 5px;	
}

.MainteNaviFloat li .g_hmb img{
	width: 28px;
	filter: brightness(0.2) invert(0);
	vertical-align: top;
}

.MainteNaviFloat li a{
	padding: 0;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1;
}

.MainteNaviFloat li:not(li:nth-child(3)) a{
	padding-top: 40px;
	color: #393939;
	    justify-content: center;
}
@media screen and (min-width: 960px) {

	.MainteNaviFloat li:nth-child(3) a {

    padding-left: 0;
	}
}
/*   Top
=====================================================*/
.MainteMenu {
	margin-left:auto;
	width: 12.4vw;
}

w_MainteTop {
	display: block;
}

.w_MainteTop::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 35%;
	background: linear-gradient(90deg, rgba(0, 173, 127, 1) 0%,
		rgba(24, 201, 160, 1) 100%);
	border-radius: 0 0 14vw;
}
.MainteTitle{
width: 100%;
    padding: 3vw 0;
    font-size: 2.4rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, rgba(0,173,127,1) 0%, rgba(24,201,160,1) 100%);
    border-radius: 0 0 14vw;
}
.MainteTop_ttl_wrp {
	color: white;
	font-size: 1.2rem;
	position: relative;
	justify-content: center;
}

.MainteTop_news {
	font-family: "Jost";
	font-weight: 600;
}

.MainteTop_notice {
	font-weight: 500;
	padding: 0 0 0 10px;
}
.MainteTop_link {
	 margin-left: 2vw;
    margin-bottom: 1.2vw;
}
.MainteTop_link a {
	background: rgba(255,255,255,0.2);
	    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.MainteTop_link a::after {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    background: url(../img/design1/icon_arrow_r.png) no-repeat center;
    background-size: 70%;
}
.open_arrow_col02_Mainte { 
   background: rgba(255,255,255,1) !important;
    
}
.open_arrow_Mainte {
	display: block;
	position: absolute;
	width: 25px !important;
	height: 25px !important;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1 !important;
	border-radius: 50%;
}

.open_arrow_Mainte i {
	width: 80%;
	height: 80%;
	position: absolute;
	top: 3px;
	left: 3px;
	display: inline-block;
	background-repeat: no-repeat !important;
	overflow: hidden;
	background-blend-mode: multiply;
	background-image: url(../img/design1/icon_arrow_r.png);
	mask-image: url(../img/design1/icon_arrow_r.png);
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
	-webkit-mask-image: url(../img/design1/icon_arrow_r.png);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 90%;
	mask-size: 90%;
}

.MainTop_logo_container {
	margin-top: 26px;
	align-items: center;
	flex-direction: column;
	color: white;
}

.MainTop_logo {
	width: 103px;
	padding: 0 0 13px;
}

.MainTop_logo_txt {
	font-size: 1.8rem;
	padding: 0 0 22px;
}
.MainteTop_hosho_btn {
	position:relative;
}


.MainteTop_title {
	display: block;
	font-weight: bold;
	color: #393939;
	margin-bottom: 6px;
	font-size: 2.4rem;
	line-height: 1.11;
	padding: 0 0 1.4rem;
}

.MainteTop_hosho_btn_ttl {
	display: block;
	color: #393939;
	font-size: 1rem;
	font-weight: normal;
	padding-bottom: 8px;
}

.MainteTop_hosho_btn_info {
	display: block;
	line-height: 1.25;
	background: none;
	font-size: 1.8rem;
	margin-bottom: 15px;
	font-weight: 500;
}

.MainteTop_hosho_cnt {
	color: #FFF;
	padding: 0.8rem 1.6rem;
	border-radius: 2rem !important;
	background: #F8394F;
	font-size: 1.2rem;
}
.MainteTop_home_btn {
	margin: 3.2rem 0 0 0;
}
.MainteTop_badge {
	left: 0;
}

.MainTop_inspect_confirm {
	display: flex;
    justify-content: center;
}
.MainTop_inspect_text {
	font-size: 1.4rem;
    color: #848484;
    text-decoration: underline;
}
.MainTop_inspect_confirm::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 18px;
    margin: 5px 5px 0 0;
    background: url(../img/design1/green-arrow-right.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}
.icon_house_l::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 18px;
    margin: -3px 5px 0 0;
    background: url("../img/design1/icon_house.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}
.icon_list_l::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 18px;
    margin: -3px 5px 0 0;
    background: url("../img/design1/icon-list.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}
.icon_file_l::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 18px;
    margin: -3px 5px 0 0;
    background: url("../img/design1/icon_file.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}
/*   build
=====================================================*/
.w_MainteTop_build::before {
	content: '';
	position: absolute;
	width: 100%;
	/*height: 180px;*/
	    height: 22%;
	background: linear-gradient(90deg, rgba(0, 173, 127, 1) 0%,
		rgba(24, 201, 160, 1) 100%);
	border-radius: 0 0 14vw;
}
.MainteBuild_title {
    position: relative;
    flex-direction: column;
    align-items: center;
    color: #fff;
    padding-top: 25px;
}
.Mainte_title_large{
	font-size: 1.4rem;
    font-weight: 500;
}
.Mainte_title_small{
	font-size: 2.4rem;
    font-weight: bold;
}

.MainteBuild_btn_container{
	padding:50px 0 0 0;
}
.MainteBuild_hosho_warning {
	text-align: center;
    font-size: 1.2rem;
    color: #F8394F;
}

.MainteBuild_home_btn {
    position: relative;
    display: block !important;
    width: 100% !important;
    max-width: 640px;
    border-radius: 18vh !important;
    background: rgba(0,173,127,1) !important;
    margin-right: auto !important;
    margin-left: auto !important;
   /* height: 60px;*/
   min-height: 60px;
   height: 100%;
}

.MainteBuild_home_btn a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    color: #FFFFFF !important;
    text-align: left;
    line-height: 1.2;
    margin: 30px 0 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: inherit;
    padding: 8px 0 10px 36px;
}
.MainteBuild_home_btn a span:nth-child(1){
	width: 85%;
}
.MainteBuild_home_btn a .project_button_ttl{
    font-size: 1.8rem;
    line-height: 1.5;
    font-family: 'M PLUS 1p', sans-serif;
}
.pro-status-tab{
    background-color: #FFE555;
    color: #26AD7E;
    border-radius: 5px 5px 0 0;
    border: 1px solid #26AD7E;
    position: absolute;
    /* top: -39%; */
    top: 0;
    transform: translateY(-100%);
    left: 10%;
    width: 50px;
    font-size: 1.1rem;
    font-weight: bold;
    font-family: 'M+ 1p';
    display: flex;
    justify-content: center;
    font-family: 'M PLUS 1p', sans-serif;
}
.pro-status-tab.order{
	background: #FFF;
	color: #333;
}
.project_button_status{
	padding: 1px 4px;
    font-size: 1.2rem;
    font-weight: 400;
    color: rgba(0,173,127,1);
    background: #FFF;
    border-radius: 4px;
}
.project_button_date{
    font-size: 1.2rem;
    font-weight: 400;
}
@media screen and (min-width: 960px) {
	/* .pro-status-tab{
	    top: -46%;
	} */
	.MainteBuild_home_btn a{
		padding: 12px 0 12px 64px;
	}
	
}
/*   Spec
=====================================================*/


.MainteSpec_table_container {
	background-color: #E3E3E3;
	width: 100%;
	height: 30vw;
	margin: -25px 0 0 0;
}

.MainteSpec_hosho_info {
	margin-top: 30px;
	display: flex;
    justify-content: space-around;
    font-size: 1.4rem;
    border-bottom: 1px solid #DDDDDD;
}

.hosho_info_item1::before {
	content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #669AD6;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.hosho_info_item2::before {
	content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #F8394F;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.hosho_info_item3::before {
	content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #DDDDDD;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.hosho-parent{
	color:#505050;
	font-size: 1.3rem;	
}

.hosho_item {
	display: flex;
    align-content: center;
    align-items: center;
    font-size: 1.4rem;
    height:auto;
    border-bottom: 2px solid #DDDDDD;
}
.hosho_list_color_blue {
	border-left: 8px solid #669AD6;
	
}
.hosho_list_color_red {
	border-left: 8px solid #F8394F;
}
.hosho_list_color_grey {
	border-left: 8px solid #DDDDDD;
}
.hosho_list_text {
	display: flex;
    font-size: 1.4rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 20px;
}
.hosho_list_text span {
	font-size: 1rem;
}

/*   Spec View
=====================================================*/
.MainteSpecView_inr{
	 padding: 2.5vw 0;
}
.MainteSpecView_title{
	width: 80%;
    font-size: 1.8rem;
    font-weight: bold;
    border-left: 4px solid rgba(0, 173, 127, 1);    
    margin: 0;
    padding-left: 8px;
    margin-bottom: 20px;
}
.MainteSpecView_title.child{
	width: 80%;
    /* font-size: 1.8rem; */
    font-weight: bold;
    margin: 38px 0 0 19px;
    margin: auto;
    background: inherit;
	font-size: 1.5rem;
}
.MainteSpecView_title.child::before {
    content: '└';
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: 2px;
    color: #887d74;
}

.MainteSpecView_subtitle{
	margin: 27px 0 24px 0;
    display: flex;
    justify-content: center;
    color: #26AD7E;
}
.MainteSpecView_subtitle p{
	border-bottom: 2px solid #26AD7E;
}

.MainteSpecView_hosho_container{
	background-color: #fff;
    flex-direction: column;
    align-items: center;
    padding: 18px 0 12px;
    border-radius: 10px;
}
.MainteSpecView_hosho_container p:nth-child(1){
	font-size:1.8rem;
}
.MainteSpecView_hosho_container p:nth-child(2){
	font-size:1rem;
}

.MainteSpecView_info{
    justify-content: space-around;
}
.MainteSpecView_list {
	padding: 0 0 2.6rem;
}
.MainteSpecView_item{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D3D3D3;
    padding: 0 0 1.2rem;
}
.MainteSpecView_btn_wrp{
	position: relative;
}

.MainteSpecView_soundan_btn{
	position: relative;
    display: block;
    width: 100%;
    height: 70px;
    margin: 20px 0 30px;
    border-radius: 30px !important;
    color: #FFFFFF;
    background-color: rgba(0,173,127,1);
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    padding: 15px 0;
}
.MainteSpecView_soundan_btn:hover{
	color:  #FFF;
}


.MainteSpec_back{
	text-align: center;
    font-size: 1.4rem;
    color: #848484;
    text-decoration: underline;
        padding: 15px 0;
}
.MainteSpec_back::before {
	    content: "";
    display: inline-block;
    width: 14px;
    height: 18px;
    margin: 0px 5px 0 0;
    background: url(../img/design1/green-arrow-right.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}


 @media screen and (min-width: 960px){

	.MainteSpecView{
    	padding: 20px 0 200px;
	}
 }
/*   Spec Phone
=====================================================*/
.MaintePhone_wrp {
	border-left: 8px solid rgba(0,173,127,1);
}
.MaintePhone_chld {
	width: 80%;
    margin: auto;
}
.MaintePhone_chld_support {
	font-size: 1.4rem;
}
.MaintePhone_chld_tel {
	font-size: 3.2rem;
    color: #26AD7E;
    font-weight: bold;
    padding: 0 0 0 35px;
    position: relative;
}
.MaintePhone_chld_tel::before{
content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 16px;
    left: -5px;
    background: url(../img/design1/icon_phone.png) no-repeat center;
    background-size: 70%;
}
.MaintePhone_chld_info {
	font-size: 1.2rem;
}
.MaintePhone_tbl_wrp{
	padding: 27px 0 40px 0;
}
.MaintePhone_tr{
	border-bottom: 1px solid #FFFFFF;
}
.MaintePhone_th{
	font-size: 1.2rem;
    vertical-align: middle;
    background-color: #E5E5E5;
    text-align: center;
    height: 56px;
    width: 93px;
}
.MaintePhone_td{
	font-size: 1.2rem;
    padding: 10px;
}
 @media screen and (min-width: 960px){
.MaintePhone_chld_tel {
    padding: 0 0 0 45px;

}
.MaintePhone_chld_tel::before{
content: '';
    width: 56px;
    height: 56px;
    top: 13px;
    left: -13px;
}
 }
 
 /*   Spec form
=====================================================*/
.MainteSpecForm_title{
	width: 80%;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 38px 0 0 19px;
    margin: 3.8rem auto 3.8rem auto;
}
.MainteForm_mtg{
	border-top: 1px solid #dddd;
    border-bottom: 1px solid #dddd;
}
.MainteForm_mtg_info {
	padding: 2.7rem 0 2.6rem 2rem;
}

.MainteForm_mtg_info p:nth-child(1){
	font-size: 1.6rem;
}
.MainteForm_mtg_info p:nth-child(2){
	font-size: 1.4rem;
}
.MainteForm_mtg_info p:nth-child(3){
	font-size: 1.4rem;
}
.MainteForm_submit_wrp {
	position:relative;
}
.MainteForm_submit {
	position: relative;
    display: block;
    width: 100%;
    height: 70px;
    margin: 20px 0 30px;
    border-radius: 30px !important;
    color: #FFFFFF;
    background-color: rgba(0,173,127,1);
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    padding: 15px 0;
}
.MainteForm_data_input {
	border-bottom: 1px solid #ddd;
    padding: 0 0 2.6rem;
}
.MainteForm_ttl{
	margin-bottom: 1vw;
	font-size: 1.6rem;
}
.MainteForm_input_info {
	font-size:1.2rem;
	padding: 1.7rem 0 0 0;
}
.MainteForm_txt_area {
	height:10.4rem;
}
.MainteForm_arrow{
	display: inline-block;
    position: absolute;
    width: 32px !important;
    height: 32px !important;
    right: 10px;
    top: 62%;
    transform: translateY(-50%);
    line-height: 1 !important;
    border-radius: 50%;
}
@media screen and (min-width: 960px){

.MainteForm_arrow {
    top: 50%;
	}
}
 @media screen and (max-width:370px){
 	.icon-container-ttl{
 		font-size: 1rem !important;
 	}
}
.icon-container{
position: relative;
    /*height: 80px;*/
    display: flex;
    margin-bottom: 10px;
    /* align-items: center; */
    /* justify-content: center; */
    background-color: #575757;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    flex-direction: column;
}
.icon-container-ttl{
	font-size: 1.2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 0 3px 3px;
}

.icon-container button{
    padding: 12px;
    display: flex;
    align-items: center;
    width: 64px;
    height: 35px;
    border-radius: 30px;
    background-color: rgba(0,173,127,1);
    color: #fff;
    justify-content: center;
}
.stampInput-edit-wrap{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.stampInput-edit{
	color: #ffff;
    text-decoration: underline;
    padding-left: 2vw;
    font-size:1.3rem;
    padding-right: 2vw;
}
.icon-wrap{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding:5px 0;  
}
 .container,.pdf-container{
    position: relative;
    /*height: 252px;*/
    width: 350px;
    margin: 0 auto;
    margin-bottom:3vw;
 }
 
 .item{
    touch-action: none;
  user-select: none;
}
.stampInput {
    position: relative;
    width: 248px;
    border-top: 1px solid rgba(0, 173, 127, 1);
    border-bottom: 1px solid rgba(0, 173, 127, 1);
    border-right: 1px solid rgba(0, 173, 127, 1);
    border-radius: 10px;
    padding-left: 48px; /* Adjust for icon width */
    min-height: 50px;
    max-height: 50px;
}
.stampInput textarea {
    margin: 0;
    /*padding: 5px;*/
    text-indent: 5px;
    width: 100%;
    min-height: 46.5px; 
    resize: vertical; /* Allow vertical resizing */
    white-space: normal;
    background-color: #fcfcfc;
    border: none; 
    border-radius: 0; 
    font-family: inherit;
    font-size: inherit; 
    line-height: 1.2; 
    overflow: auto; /* Allow vertical scrolling */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding:2px 0 0 0;
}
.stampInput textarea:focus{
	outline:none;
}
.stampInput textarea::placeholder{
	font-size: 1.1rem;
	text-indent: 10px;
	padding: 5px 0 0 0;
}
.stampInput-icon {
	position: absolute;
	background-color: rgba(0, 173, 127, 1);
	background-image: url(../img/design1/icon-text-input.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 48px;
    height: 100%;
    left: 0;
}
.icon-hanko,.hanko {
  height: 30px !important;
  width: 30px !important;
 /* border-radius: 30px;
  left: 0;
  top: 0;
  position: absolute;
  touch-action: none;
  user-select: none;
  z-index: 1;*/
}
.hanko img {
	  height: 30px !important;
  width: 30px !important;
}
.icon-input{
	height: 30px !important;
  	width: 30px !important;
  	  margin: 0 0 0 20px;
}
.icon-divider{
	width: 1px;
    height: 40px;
    border: 1px solid #000000;
    margin: 0 15px;
    box-shadow: -1px 0px #888888;
}
.delete-container-stamp{
background-color: black;
    height: 50px;
    width: 50px;
    position: absolute;
    opacity: .7;
    top: -9px;
    left: -10px;
    border-radius: 50%;
    z-index: -1;
}
.remove-stamp{
    content: '';
    background-image: url(../img/design1/icon-input-x.png);
    right: -11px;
    top: -9px;
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: auto;
}

.delete-container-stamp::before{
    content: '';
    background-image: url(../img/design1/icon-input-move.png);
    left: -20px;
    top: 14px;
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: auto;
}
.delete-container-input{
    background-color: black;
    height: 65px;
    width: 276px;
    position: absolute;
    opacity: .7;
    top: -9px;
    left: -14px;
    border-radius: 10px;
    z-index: -1;
}
.remove-input{
	content: '';
    background-image: url(../img/design1/icon-input-x.png)!important;
    right: -14px;
    top: -16px;
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: auto;
}

.delete-container-input::before{
	content: '';
    background-image: url(../img/design1/icon-input-move.png);
    left: -20px;
    top: 14px;
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: auto;
}

/*.deleteStamp{
	border: 5px solid rgba(0,173,127,1) !important;
} */  

@media screen and (min-width: 760px){

 .container,.pdf-container{

    /*height: 500px;*/
    width: 700px;
    margin: 0 auto 10px auto;
 }
}
  /*   USER CHAT
=====================================================*/
.Chat_container{ 
    margin: 10vw 3vw 100vw;
 } 
.round {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.talk-bubble {
	margin: 10px 2vw;
    display: flex;
    flex-direction: column;
    position: relative;
	width: 95%;
	height: auto;

}
.talk-bubble-user{
   margin-left: auto; 

}
.message-date-user {
    margin-left: auto;
    font-size: 1rem;
    color: #848484;
}
.message-date-admin {
    margin: 0 0 0 40px;
    font-size: 1rem;
    color: #848484;
}

.chat-caret{
    content: ' ';
    position: absolute;
    left: auto;
    right: -17px;
    top: 5px;
    bottom: auto;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 30px solid #99DBC4;
    border-bottom: 10px solid transparent;
}

.chat-caret::before{
	display: none;
	content: ' ';
	position: absolute;
	left: auto;
	right: -2px;
	top: -6px;
	bottom: auto;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 17px solid rgba(0, 0, 0, 0.4);
	border-bottom: 6px solid transparent;
	z-index: 1;
}

.talk-bubble-triangle{
    position: absolute;
    left: 17px;
    right: auto;
    top: 10px;
    bottom: auto;
    width: 0;
    height: 0;
    border-top: 7.3px solid transparent;
    border-bottom: 7.2px solid transparent;
    border-right: 14px solid #E5E5E5;
}
.talk-bubble-triangle::after{
    content: '';
    position: absolute;
    left: 3px;
    right: auto;
    top: -5px;
    bottom: auto;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 11px solid #fff;
    border-bottom: 5px solid transparent;
}
.talktext {
	position: relative;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.4rem;
    padding: 10px;
    text-align: left;
    line-height: 1.2;
    background-color: #99DBC4;
    border-radius: 10px;
    white-space: pre-wrap;
}
.talktext::before{
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1; 
}
.talktext img,
.talktext video{
	display: block;
	margin: auto;
}

.show-before::before {
    display: block;
}
.talktext-admin {
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 0 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #E5E5E5;
}
.talktext-admin pre{
	 font-family: 'M PLUS 1p', sans-serif;
     font-size: 1.4rem;
	 color:#000;
	 white-space: pre-wrap;
	 border: none;
	 overflow: hidden;
	 line-height: 1.2;
	 width: 100%;
}
.talktext-admin a{
	display: block;
	margin: auto;
}
.admin-co-logo{
	position: absolute;
    left: -13px;
    top: 5px;
    width: 28px;
    height: 28px;
    border-radius: 50%;	
}
.Chat-input-wrp{
    display: flex;
    justify-content: space-around;
   	padding: 10px 0;
}
.Chat-input{
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    width: 170px;
    height: 46px;
    border: 1px solid #26AD7E;
    border-radius: 30px;
    padding: 10px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #E1F0EB;
    resize:none;
}
.Chat-input:focus {
    outline:none;
}
.Chat-button-wrp{
    display:flex;
}
#chat-btn{
    background-color: #26AD7E;
    height: 46px;
    width:56px;
    padding: 15px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    font-size: 1.6rem;
/*     font-family: 'Noto Sans JP', sans-serif; */
}
#chat-btn::after{
    content: url("../../img/design1/icon_msg.png");
    position: relative;
    right: 20%;
}
.menu-btn-wrp{
    display: flex;
    justify-content: center;
    position:relative;
    padding: 0 0 15px;
}
.menu-btn-wrp button {
	position:relative;
    color:#00AD7F;
    font-family: 'M PLUS 1p', sans-serif;
    font-size:1.4rem;
}
.menu-btn-wrp button::after {
	content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 1px solid #909090;
    border-bottom: 1px solid #909090;
    transform: rotate(-50deg);
    top: calc(50% - 4px);
    left: 110%;
    border-color: rgba(0,173,127,1) !important;
    border-width: 2px;
}

.context-menu {
    justify-content: center;
    position: absolute;
    top: -81px;
    right: 10px;
    border-radius: 5px;
    padding: 10px 15px;
    background-color: #575757;
    /* opacity: 0.8; */
}
.context-menu::after {
    content: ' ';
    position: absolute;
    left: auto;
    right: 10px;
    bottom: -6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 12px solid #575757;
    border-bottom: 8px solid transparent;
    transform: rotate(214deg);
}

.ctxt-list-single,
.ctxt-list{
  display: flex;
  align-items: center;
}
.ctxt-list-single li{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "M+ 1p", sans-serif;
  color:#FFFFFF;
  font-size: 1rem;
  font-weight:100; 
}

.ctxt-list li{
    margin-right: 13px;
    padding: 0 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "M+ 1p", sans-serif;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 100;
    position: relative;
}
.ctxt-list li:last-child{
   padding-right: 0;
}
.ctxt-list li:nth-child(1)::after, 
.ctxt-list li:nth-child(2):not(:last-child)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 59px;
    border-right: 1px solid #727272;
    top: -9px;
    right: -7px;
}

.context-icon {
   width: 14px;
}
.del-modal-warnging{
    font-size: 1.6rem;
    color: #F8394F;
    text-align: center;
    padding: 46px 0 0 0;
}
.del-modal-txt{
    color: #393939;
    font-size: 1.4rem;
    padding: 0 0 28px 6px;
}
#msg-del-btn{
    display: flex;
    color: #FFFFFF;
    background-color: #F8394F;
    font-size: 1.6rem;
    border-radius: 25px;
    align-items: center;
    padding: 9px 109px;
    margin-bottom: 30px;
}
#msg-cancel-btn{
    background-color: #26AD7E;
    color: #FFFFFF;
    font-size: 1.6rem;
    border-radius: 25px;
    padding: 10px 24px;
    margin-bottom: 44px;
}
@media screen and (min-width: 960px){
	.show {
    	height: 26vh !important;
    	height: 260px !important;
	}
	.menu-btn-wrp{
    	padding: 0 0 2vw;
	}
	.talk-bubble{
		width: 300px;
	}
}

 /*   Privacy
=====================================================*/
.Privacy_title{
	padding: 0 5px;
	margin-bottom: 1.5rem;
	color: #393939;
	background: none;
	border-left: 4px solid rgba(0,173,127,1) ;
	font-size: 1.8rem;
	font-weight: bold;
}

.Privacy_txt{
	margin-bottom: 3rem;
}

 /*   Terms
=====================================================*/
.Terms_title{
	color: #393939;
	background: none;
	font-weight: bold;
}

.Terms_txt{
	margin-bottom: 3rem;
	padding: 0 !important;
}