/* HEADER */
header{
	position: relative;
	padding: 0;
	background-color: transparent;
}

header h1{
	position: absolute;
	top: 25px;
	left: 42px;
	width: auto;
	float:none;
	padding: 0;
	margin: 0
}

header .main_img{background: url('../images/personal/main_img.jpg') center /cover no-repeat;height: 100vh;}
header .main_img h2{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;height: 100%;padding-top: 5px;}

/* FONT FAMILY */
.en{font-family: 'Adamina', serif;font-weight: 400}
.tel,
.numb{font-family: 'Barlow', sans-serif;}
.fsr{font-family: 'Noto Sans JP', sans-serif;}
.center{text-align: center;}

/* ALL */
*{outline: none;box-sizing: border-box}
* img{max-width: 100%;flex-shrink: 0;}
body{background: #fff;}
main{padding: 0}
.inner{width: 1106px;max-width: 100%;margin: 0 auto;}
.ttl{text-align: center;}

.ttl h3{
	font-size: 70px;
	color: #e88104;
	font-family: "Lato", sans-serif;
	letter-spacing: 0.015em;
	line-height: 1em;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 4px;
	font-weight: 400;
}

.ttl h3::before{width: 40px;height: 1px;background: #e88104;position: absolute;bottom: 0;left: calc(50% - 20px);content: '';}
.ttl p{font-size: 20px;letter-spacing: 0;line-height: 1.5em;font-weight: 500}

.btn{}
.btn a{
	width: 360px;
	height: 70px;background: #e88104;
	position: relative;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
	z-index: 0;
	overflow: hidden
}

.btn a::before{width: 0;height: 0;border-style: solid;border-width: 0 0 24px 24px;border-color: transparent transparent #f0b363 transparent;position: absolute;bottom: 0;right: 0;content: '';z-index: -1;transition: all ease 0.3s}

.sp420,
.sp{display: none;}

/* TRAINING */
.sec_training{margin-top: 87px}
.sec_training .ttl{text-align: center;}
.sec_training .ttl h3{margin-bottom: 8px;padding-bottom: 0}
.sec_training .ttl h3::before{display: none;}
.sec_training .ttl p{font-size: 18px;font-weight: 500}

.sec_training .train_ttl{
	color: #fff;font-size: 24px;
	background: #0aa1e4;
	position: relative;
	line-height: 1.2em;
	display: inline-block;
	margin-top: 57px;
	padding: 2px 70px 5px 15px;
	letter-spacing: 0.025em;
	clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
	overflow: hidden;
}
.sec_training .train_ttl::before{
	content: '';
	position: absolute;
	z-index: 1;
	right: -5px;
	bottom: -16px;
	width: 30px;
	height: 30px;
	background-color: #e88104;
	transform: rotate(45deg);
}

.sec_training .train_list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 10px 0 55px;width: 100%}
.sec_training .train_list dl{display: flex;width: 548px;background: #0aa1e4;border-radius: 0 0 30px 0;margin-bottom: 20px}
.sec_training .train_list dt{width: 250px;flex-shrink: 0;}
.sec_training .train_list dd{width: calc(100% - 250px);padding: 18px;}
.sec_training .train_list dd p{line-height: 1.5em;color: #fff;}
.sec_training .train_list dd .fsr{color: #fff;font-size: 26px;line-height: 1.5em;border-bottom: 1px solid #fff;padding-bottom: 8px;margin-bottom: 12px;}

/* PRIVATE ROOM */
.sec_room{background: url('../images/personal/room_bg.jpg') left center /cover no-repeat;height: 410px;margin-top: 100px;overflow: hidden} 
.sec_room .inner{display: flex;justify-content: flex-end;}
.sec_room .room_ct{width: 665px;margin-top: 100px;position: relative;}
.sec_room .room_ct h3{font-size: 60px;color: #fff;line-height: 1em;margin:0 0 40px 30px;letter-spacing: 0.02em}
.sec_room .room_ct p{font-size: 20px;line-height:1.8em;color: #fff;letter-spacing:0;position: relative;left: 35px}

/* PRICE */
.sec_price{margin-top: 87px;}
.sec_price .price_box{display: flex;justify-content: space-between;margin-bottom: 17px;}
.sec_price .price_item{width: 550px;margin-top: 33px;text-align: center;padding: 35px 50px; background-color: #0aa1e4;}
.sec_price .price_item p.fsr{color: #fff;font-size: 28px;line-height: 1.2em;border-bottom: 1px solid #fff;padding-bottom: 18px;margin-bottom: 20px}
.sec_price .price_item ul{display: flex;flex-direction: column;align-content: center;justify-content: center;text-align: center;}
.sec_price .price_item ul li span{color: #fff;display: inline-block;line-height: 1em;font-size: 18px}
.sec_price .price_item ul li .fsr{background: #fff;font-size: 18px;border-radius: 50%;padding: 15px 10px;position: relative;top: -9px;left: 8px;margin-right: 20px; color: #d86c00;}
.sec_price .price_item ul li .numb{font-size: 54px;}
.sec_price .price_item ul li:not(:last-child){margin-bottom: 5px;}

.sec_price .icon{position: relative;padding-left: 15px;line-height: 1.3em;font-size: 16px;}
.sec_price .icon::before{content:'※';width: 8px;height: 10px;position: absolute;top: 0;left: 0;font-size: 16px;}

/* FLOW */
.sec_flow{margin: 85px 0 80px}
.sec_flow .ttl{}
.sec_flow .ttl p{font-size: 20px}
.sec_flow .flow_list{display: flex;justify-content: space-between;margin-top: 35px;}
.sec_flow .flow_list dl{width: 355px;background: #fafaf6;position: relative;}
.sec_flow .flow_list dl:not(:last-child)::before{width: 0;height: 0;border-style: solid;border-width: 9px 0 9px 15px;border-color: transparent transparent transparent #e88104;position: absolute;content: '';position: absolute;top: 315px;right: -18px}
.sec_flow .flow_list dt{position: relative;}
.sec_flow .flow_list dt span{position: absolute;top: 0;left: 0;background: #0aa1e4;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;font-size: 20px;width: 150px;height: 40px;}
.sec_flow .flow_list dd{padding: 34px 28px 27px 30px;}
.sec_flow .flow_list dd p{font-size: 16px;line-height: 1.5em}
.sec_flow .flow_list dd .btn{margin: 16px 0 10px}
.sec_flow .flow_list dd .btn a{width: 290px;height:60px;background: #e88104;font-size:18px;letter-spacing: 0.02em;max-width: 100%}
.sec_flow .flow_list dd .btn a img{margin-right: 10px;width: 20px;}
.sec_flow .flow_list dd .center a{text-decoration: underline;display: inline-block; margin: 0 0.25em;}
.sec_flow .banner{}

.sec_flow .banner a{
	width: 700px;
	height: 90px;
	display: block;
	text-align: center;
	color: #fff;
	background: #e88104;
	font-size: 16px;
	/* font-family: 'Noto Serif JP', serif; */
	margin: 50px auto;
	padding: 17px 30px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	max-width: 100%;
}

.sec_flow .banner a::before{width: 0;height: 0;border-style: solid;border-width: 0 0 30px 30px;border-color: transparent transparent #f0b363 transparent;position: absolute;bottom: 0;right: 0;content: '';z-index: -1;transition: all ease 0.3s}
.sec_flow .banner a span{color: #fff;display: inline-block;font-size: 22px;letter-spacing: 0.025em;width: 100%;border-bottom: 1px solid #fff;padding-bottom: 11px;margin-bottom: 10px;}
.sec_flow .icon{position: relative;padding-left: 15px;font-size: 16px;display: inline-block;letter-spacing: -0.025em}
.sec_flow .icon::before{content:'※';width: 8px;height: 10px;position: absolute;top: 0px;left: 0;font-size: 16px;}

/* FUNCTION */
.function{height: 71px;display: flex;justify-content: flex-end;position: fixed;bottom: 0;right: 0;width: 100%;z-index: 889}
.function .fct1{height: 100%;display: flex;justify-content: space-between;}
.function .fct1 a{color: #fff;letter-spacing: 0;height: 100%;display: block;background: #0aa1e4;}
.function .fct1 .mail{position: relative;}
.function .fct1 .mail a{font-size: 20px;line-height: 1.2em;padding: 22px 0 0 35px;position: relative;width: 280px}
.function .fct1 .mail a::before{width: 1px;height: 30px;background: #fff;position: absolute;top: 21px;right: 0;content: '';}
.function .fct1 .mail a img{margin-right: 7px;width: 24px;}
.function .fct1 .mail span{position: absolute;top: -23px;left: -20px;background: url('../images/personal/ic_fct.png') center /cover no-repeat;width: 70px;height: 48px;}
.function .fct1 .tel{}
.function .fct1 .tel a{font-size: 10px;line-height: 1.4em;color: #fff;padding: 5px 0 0 24px;width: 232px;}
.function .fct1 .tel a .phone{display: block;font-family: 'Barlow', sans-serif;font-size: 26px;letter-spacing: 0.03em;margin-bottom: 10px;}
.function .fct1 .tel a img{position: relative;top: 3px;margin-right: 3px;width: 14px;}

.function .fct1 .mail .icon-bubble{
	position: absolute;
	display: inline-block;
	z-index: 1;
	left: -15px;
	top: -16px;
	width: 64px;
}

.function .fct2{margin: 0 2px;height: 100%;display: flex;align-items: center;width: 378px;padding: 0;position: relative;}
.function .fct2 p{height: 100%;white-space: nowrap;}
.function .fct2 a{color: #fff;display: block;height: 100%;background: #e88104}
.function .fct2 .link a{font-size: 20px;padding: 26px 14px 0 20px}
.function .fct2 .link a img{margin-right: 10px;width: 20px;}
.function .fct2 .pdf {display: flex;position: relative;}
.function .fct2 .pdf a{font-size: 16px;line-height: 1.1875em;position: relative;text-align: center;padding: 0 20px;display: flex;align-items: center;}
.function .fct2 .pdf a::after{
	background: url('../images/personal/ic_pdf.png') center /cover no-repeat;
	width: 12px;
	height: 15px;
	content: '';
	margin-left: 5px;
}
.function .fct2 .pdf a::before{width: 1px;height: 30px;background: #fff;position: absolute;top: 20px;left: 0;content: '';}
.function .fct2 .pdf span{
  font-size: 12px;
    position: absolute;
    top: -14px;
    color: #fff;
    background: #000;
    border-radius: 30px;
    padding: 0 12px 1px;
    letter-spacing: 0;
    font-family: 'Noto Serif JP', serif;
    transform: translateX(-50%);
    left: 50%;
    line-height: 1.8;
    z-index: 15;
    white-space: nowrap;
}
.function .fct2 .pdf span::before{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 2px 0 2px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  bottom: -4px;
  left: calc(50% - 2px);
  content: '';
}

.function .fct3{width: 208px;height: 100%;}
.function .fct3 a{font-size: 18px;line-height: 1.25em;color: #fff;background: #e88104;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;width: 100%;height: 100%;letter-spacing: 0.025em}
.function .fct3 a span{
	font-size: 12px;
	position: absolute;
	top: -18px;
	color: #e88104;
	background: #fff;
	border-radius: 30px;
	padding: 0 12px 1px;
	letter-spacing: 0;
	border: solid 1px #e88104;
}

.function .fct3 a span::before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 2px 0 2px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -4px;
	left: calc(50% - 2px);
	content: '';
}

/* FOOTER */
footer{background: #0aa1e4;padding: 60px 0 105px}
footer .foot_ct{display: flex;margin-bottom: 65px}
footer .foot_ct p{width: 88px;}
footer .foot_ct ul{display: flex;justify-content: space-between;width: calc(100% - 168px);margin: 7px 0 0 80px;}
footer .foot_ct ul li{}
footer .foot_ct ul li a{color: #fff;font-weight: bold;font-size: 16px;letter-spacing: 0.075em}
footer address{text-align: center;color: #fff;font-size: 12px;font-weight: bold;font-style: normal;letter-spacing: 0.1em}

/* FIX IE */
@media screen\0 {
.sec_training .train_ttl{padding-bottom: 4px;}
.function .fct2 .link a img{margin-right: 8px}
}

@media screen and (min-width: 900px) {
.btn a:hover::before{border-width: 0 0 480px 480px;}
.sec_flow .flow_list dd .btn a:hover::before{border-color: transparent transparent #f0b363 transparent}
.sec_flow .flow_list dd .center a:hover{text-decoration: none;color: #f0b363}	
.sec_flow .banner a:hover::before{border-width: 0 0 800px 800px;}
.sec_flow .banner a:hover span{border-bottom-color: #fff;}

footer .foot_ct ul li a:hover{color: #8f0000}

.function .fct1 .tel{
	pointer-events: none;
	white-space: nowrap;
}

.function .fct1 .mail a:hover,
.function .fct2 a:hover,
.function .fct3 a:hover{opacity: 0.7}
}

@media screen and (min-width: 900px) and (max-width: 1110px){
.inner{padding: 0 15px;}
.sec_training .train_list dl{width: 49%;}
.sec_training .train_list dt{width: 200px;}
.sec_training .train_list dd{padding: 10px;font-size: 14px;width: calc(100% - 200px)}
.sec_training .train_list dd .info{font-size: 12px;padding: 10px;}
.sec_training .train_list dd .info p{font-size: 12px;}

.sec_room{background: url('../images/personal/room_bg.jpg') center /cover no-repeat;background-position: 30% center}
.sec_room .room_ct h3{margin-left: 0}
.sec_room .room_ct p{left: 0;font-size: 18px}
.sec_price .price_item{width: 49%}

.sec_flow .flow_list dl{width: calc((100% - 30px) / 3)}
.sec_flow .flow_list dl:not(:last-child)::before{right: -15px;}
.sec_flow .flow_list dd{padding: 20px 15px}

.function .fct1 .mail a{font-size: 16px;padding: 0;display: flex;align-items: center;justify-content: center;text-align: center;width: 220px}
.function .fct2{width: auto;}
.function .fct2 .link a{font-size: 16px;padding: 0;display: flex;align-items: center;justify-content: center;text-align: center;width: 170px;}
.function .fct2 .link a img{margin-right: 5px;}
.function .fct2 .pdf a{font-size: 14px;padding: 0;display: flex;align-items: center;justify-content: center;text-align: center;width: 85px;}
.function .fct3{width: 150px;flex-shrink: 0}
.function .fct3 a{font-size: 14px;}
.function .fct3 a span{font-size: 10px;top: -10px;}
footer .foot_ct ul{margin-left: 30px;width: calc(100% - 118px)}
footer .foot_ct ul li a{font-size: 14px;}}

@media screen and (max-width: 1179px) {
  .function .fct1 .mail span{left: 10px;}
  .function .fct1 .tel a{width: 200px;padding-left: 14px;}
}
@media screen and (max-width: 899px) {
.pc{display: none !important}
.sp{display: block !important}

.inner{width: 100%;padding: 0 15px;}
.btn a{font-size: 16px;width: 290px;height: 50px;}

.ttl h3,
.sec_training .ttl h3{margin-bottom: 15px;font-size: 29px;}
.ttl p{font-size: 16px}
.sec_training .ttl p{
	text-align: left;
}
header .main_img img{
	width: calc(474 / 750 * 100vw);
}


header h1{top: 30px;left: 40px;}
header .main_img{height: calc(100vw - 7px);background: url('../images/personal/main_img_sp.jpg') center /cover no-repeat;}
header .main_img h2{padding-top: 40%}

.sec_training{margin-top: 50px}
.sec_training .train_ttl{font-size: 18px;margin-top: 30px;padding: 7px 30px 7px 15px}
.sec_training .train_list{margin: 15px 0 30px;}
.sec_training .train_list dl{width: 100%}
.sec_training .train_list dl:last-child{margin-bottom: 0}
.sec_training .train_list dd p{font-size: 14px;}
.sec_training .train_list dd .fsr{font-size: 21px;}

.sec_room{height: auto;margin-top: 50px;background: url('../images/personal/room_bg_sp.jpg') repeat;}
.sec_room .inner{padding: 0;}
.sec_room .room_ct{width: 100%;padding: 50px 15px;margin-top: 0;}
.sec_room .room_ct h3{font-size: 29px;margin: 0 0 15px;}
.sec_room .room_ct p{left: 0;font-size: 16px;}

.sec_price{margin-top: 50px;}
.sec_price .ttl h3{font-size: 45px;}
.sec_price .price_box{flex-direction: column;align-items: center;justify-content: center;}
.sec_price .price_item{height: auto;padding: 30px;margin-top: 20px;}
.sec_price .price_item p.fsr{font-size: 18px;padding-bottom: 20px;margin-bottom: 40px;}
.sec_price .price_item ul{width: 100%;flex-direction: row;}
.sec_price .price_item ul li{position: relative}
.sec_price .price_item ul li .numb{font-size: 35px;position: relative;z-index: 1}
.sec_price .price_item ul li .fsr{font-size: 12px;position: absolute;padding: 10px 8px;margin: 0;top: -25px;left: -20px;}
.sec_price .price_item ul li span{font-size: 12px;}
.sec_price .price_item ul li:not(:last-child){margin: 0 30px 0 0;}
.sec_price .icon{
	font-size: 12px;
	max-width: 560px;
	margin: 0 auto;
}
.sec_price .icon::before{font-size: 12px;}




.sec_flow{margin-top: 50px}
.sec_flow .ttl h3{font-size: 45px;}
.sec_flow .ttl p{font-size: 12px}
.sec_flow .flow_list{flex-wrap: wrap;}
.sec_flow .flow_list dl{width: 100%}
.sec_flow .flow_list dl:not(:last-child){margin-bottom: 40px}
.sec_flow .flow_list dl:not(:last-child)::before{
	border-style: solid;
	border-width: 12px 6px 0 6px;
	border-color: #e88104 transparent transparent transparent;
	top: inherit;
	bottom: -27px;
	left: calc(50% - 6px);
}

.sec_flow .flow_list dt span{font-size: 18px;width: 120px;}
.sec_flow .flow_list dd{padding: 20px}
.sec_flow .flow_list dd .btn a{background: #e88104}
.sec_flow .flow_list dd .btn a::before{display: none;}

.sec_flow .banner a{font-size: 14px;padding: 10px 30px;height: auto}
.sec_flow .banner a::before{border-width: 0 0 15px 15px}
.sec_flow .banner a span{font-size: 16px;}

.function{height: auto;flex-wrap: wrap;background: #fff;width: 100%;z-index: 1000}
.function .fct1{height: auto;width: 100%;margin-bottom: 2px;}
.function .fct1 .mail{width: 300px;height: 60px}
.function .fct1 .mail a{font-size: 16px;width: 100%;display: flex;align-items: center;text-align: center;padding: 0 0 0 50px}
.function .fct1 .mail span{width: 50px;height: 34px;top: -15px;left: 65px}
.function .fct1 .mail a::before{top: calc(50% - 15px);right: 15px;}
.function .fct1 .tel{width: calc(100% - 300px);height: 60px;}
.function .fct1 .tel a{padding: 8px 8px 0 0;width: 100%;position: relative;font-size: 9px}
.function .fct1 .tel a .phone{font-size: 20px;margin-bottom: 5px}
.function .fct1 .tel a .time{position: absolute;top: 0;left:195px;height: 100%;display: flex;align-items: center;}
.function .fct1 .tel a img{width: 14px;}

.function .fct2{margin: 0 2px 0 0;width: 60%;height: 60px;}
.function .fct2 .link{width:230px}
.function .fct2 .link a{font-size: 16px;padding: 0;display: flex;align-items: center;text-align: center;padding-left: 50px}
.function .fct2 .link a img{margin-right: 5px;}

.function .fct2 .pdf{width: calc(100% - 230px)}
.function .fct2 .pdf a{
	font-size: 14px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	/* padding-top: 17px; */
}
.function .fct2 .pdf a::before{top: calc(50% - 15px)}
.function .fct2 .pdf span{
  top: 3px;
  font-size: 10px;
}
.function .fct2 .pdf span::before{display: none;}

.function .fct3{width: calc(40% - 2px);height: 60px;}
.function .fct3 a{font-size: 12px;flex-direction: column;align-items: center;justify-content: center;padding: 0}
.function .fct3 a span{position: relative;top: inherit;font-size: 10px;margin-bottom: 3px;}
.function .fct3 a span::before{display: none;}

.fct_head{margin-top: 0;position: relative;bottom: inherit;right: inherit;}

footer{padding: 50px 0 150px;}
footer .foot_ct{flex-wrap: wrap;margin-bottom: 50px;}
footer .foot_ct ul{width: 100%;margin: 0;flex-direction: column;align-items: flex-start;justify-content: center;}
footer .foot_ct ul li{margin-top: 30px;width: 100%;}
footer .foot_ct ul li a{position: relative;width: 100%;display: block;}
footer .foot_ct ul li a::before{background: url('../images/personal/ic_btn.png') center /cover no-repeat;width: 11px;height: 11px;position: absolute;top: calc(50% - 5px);right: 0;content: ''}
}

@media screen and (max-width: 675px) {
  .function .fct2 .pdf span{padding: 0 5px 1px;}
  .function .fct2 .pdf a {font-size: 12px}
}

@media screen and (max-width: 560px) {
.sec_price .price_item{width: 100%;}
.sec_price .icon{width: 100%;}


.function .fct1 .mail{width: 40%}
.function .fct1 .mail a{font-size: 12px;padding-left: 15px}
.function .fct1 .mail a img{width: 12px;margin-right: 5px;}
.function .fct1 .mail span{left: 15px;}

.function .fct1 .tel{width: 60%}
.function .fct1 .tel a .time{left: inherit;right: 15px;font-size: 10px;line-height: 1.1em}

.function .fct2 .link{width: 55%}
.function .fct2 .link a{padding-left: 15px;font-size: 12px;}
.function .fct2 .link a img{width: 10px}
.function .fct2 .pdf{width: 45%}
.function .fct2 .pdf a{font-size: 12px;}

.sec_training .train_list dt{width: 125px;position: relative;overflow: hidden}
.sec_training .train_list dd{width: calc(100% - 125px);padding: 9px 15px;}
.sec_training .train_list dd .fsr{font-size: 18px;padding-bottom: 5px;margin-bottom: 8px;}
.sec_training .train_list dd p{font-size: 12px;}

.sec_training .train_list dd p .space{
	letter-spacing: -1px;
}

.sec_training .train_list dd .info{font-size: 10px;padding: 10px;}
.sec_training .train_list dd .info p{font-size: 10px;}
}

@media screen and (max-width: 420px) {
.sp420{display: block;}
header h1{width: 149px;top: 15px;left: 20px;}

.function .fct1 .mail a::before{right: 0}
.function .fct1 .tel{padding-left: 10px;background: #000}
.function .fct1 .tel a{font-size: 8px}
.function .fct2{width: calc(100% - 142px)}
.function .fct2 .pdf a::after{width: 8px;height: 10px;}
.function .fct3{width: 140px;flex-shrink: 0}

.sec_training .ttl h3{font-size: 7vw}
.sec_flow .flow_list dd .btn a{width: 100%;}

.sec_price .price_item ul{justify-content: space-between;}
.sec_price .price_item ul li:not(:last-child){margin: 0}
footer address{font-size: 8px;}
}

@media screen and (max-width: 380px) {
.function .fct1 .mail a,
.function .fct2 .link a{padding-left: 5px;font-size: 3vw}
.function .fct3 a,
.function .fct2 .pdf a{font-size: 2.8vw;}
.function .fct1 .tel a{font-size: 7px;}
.function .fct1 .tel a .phone{font-size: 18px;}

.sec_price .price_item ul li .numb{font-size: 24px;}
}




/*==============================
	.sec_price-lists-container
==============================*/

.sec_price-lists-container{
	margin-top: 17px;
	margin-bottom: 17px;
}

.sec_price-lists{
	display: flex;
	gap: 6px;
}

.sec_price-lists .item {
	width: calc((100% - 6px) / 2);
	padding: 35px 50px;
	background-color: #0aa1e4;
}

.sec_price-lists .item .title{
	color: #fff;
	font-size: 28px;
	line-height: 1.2em;
	border-bottom: 1px solid #fff;
	padding-bottom: 18px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: 500;
}

.sec_price-lists .item .title .line-break{
	display: none;
}

.sec_price-lists .item .text{
	text-align: center;
}

.sec_price-lists .item .text .icon-time {
	position: relative;
	background: #fff;
	font-size: 18px;
	border-radius: 50%;
	padding: 12px 10px;
	position: relative;
	top: -12px;
	left: 8px;
	margin-right: 20px;
	color: #d86c00;
}

.sec_price-lists .item .text .price-text{
	font-size: 54px;
	font-family: 'Barlow', sans-serif;
	color: #fff;
}

.sec_price-lists .item .text .tax-text{
	color: #fff;
	display: inline-block;
	line-height: 1em;
	font-size: 18px;
}


@media screen and (max-width: 840px) {
	.sec_price-lists .item .text .icon-time {
		font-size: 16px;
		border-radius: 50%;
		padding: 10px 8px;
		top: -9px;
		left: 8px;
	}
	.sec_price-lists .item {
		padding: 35px 35px;
		background-color: #0aa1e4;
	}
	.sec_price-lists .item .text .price-text{
		font-size: 43px;
	}
	.sec_price-lists .item .text .tax-text{
		font-size: 16px;
	}
}


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

	.sec_price-lists{
		display: flex;
		flex-flow: column;
	}

	.sec_price-lists .item{
		display: flex;
		align-items: center;
		width: 100%;
		padding: 16px 0 16px 16px;
	}

	.sec_price-lists .item .layout-left{
		width: 105px;
		border-right: solid 1px #fff;
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.sec_price-lists .item .layout-right{
		width: calc(100% - 105px);
		padding-left: 20px;
	}

	.sec_price-lists .item .title{
		color: #fff;
		font-size: 18px;
		line-height: 1.2em;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
		text-align: left;
	}

	.sec_price-lists .item .title .line-break{
		display: block;
	}

	.sec_price-lists .item .text{
		text-align: left;
	}

	.sec_price-lists .item .text .icon-time {
		font-size: 12px;
		padding: 8px 8px;
		top: -8px;
		left: -2px;
		 margin-right: 5px;
	}

	.sec_price-lists .item .text .price-text{
		font-size: 35px;
	}

	.sec_price-lists .item .text .tax-text{
		font-size: 12px;
	}

}

/*==============================
	.contact-nav-container
==============================*/

.contact-nav-container{
	position: fixed;
	width: 100%;
	left: 0;
	bottom: -2px;
	z-index: 999;
}

/*.contact-nav-area
==============================*/
.contact-nav-area{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 80px;
	margin-left: auto;
	gap: 2px;
	padding-left: 30px;
}

/*.maile-nav
==============================*/
.maile-nav{
	min-width: 0;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}

/*.layout-left
----------------------*/
.maile-nav .layout-left{
	position: relative;
	background-color: #0aa1e4;
}

.maile-nav .layout-left::after{
	position: absolute;
	right: 0;
	top: 25px;
	content: '';
	width: 1px;
	height: 30px;
	background-color: #fff;
}

.maile-nav .icon-bubble{
	position: absolute;
	display: inline-block;
	z-index: 1;
	left: -20px;
	top: -16px;
	width: 64px;
}

.maile-nav .layout-left .tel{
	font-size: 20px;
	color: #fff;
	display: block;
	padding: 30px 20px;
	line-height: 1;
	transition: all 0.3s ease;
}

.maile-nav .layout-left .tel:hover{
	opacity: 0.8;
}

.maile-nav .layout-left .tel img{
	margin-right: 8px;
	display: inline-block;
	position: relative;
	top: -2px;
}

/*.layout-right
----------------------*/
.maile-nav .layout-right{
	background-color: #0aa1e4;
}

.maile-nav .layout-right .layout-wrap{
	display: block;
	color: #fff;
	padding: 8px 20px 8px 20px;
	pointer-events: none;
}

.maile-nav .layout-right .tel-area .tel-text{
	font-size: 26px;
	margin-bottom: 8px;
	line-height: 1;
	font-family: 'Barlow', sans-serif;
}

.maile-nav .layout-right .tel-area .tel-text img{
	position: relative;
	top: -3px;
	margin-right: 5px;
	display: inline-block;
}

.maile-nav .layout-right .tel-area .day-text{
	font-size: 12px;
	position: relative;
	margin-bottom: 4px;
	left: 0;
}
.maile-nav .layout-right .time-area .time-text{
	font-size: 10px;
}

.maile-nav .layout-right .time-area .time-text .line-break{
	display: none;
}

/*.web-nav
==============================*/
.web-nav{
	min-width: 0;
	display: flex;
}

/*.web-nav .layout-left
----------------------*/
.web-nav .layout-left{
	background-color: #e88104;
}

.web-nav .layout-left{
	position: relative;
}

.web-nav .layout-left .web{
	padding: 29px 20px;
	display: block;
	color: #fff;
	line-height: 1;
	font-size: 20px;
	position: relative;
	transition: all 0.3s ease;
}

.web-nav .layout-left .web:hover{
	opacity: 0.8;
}

.web-nav .layout-left .web::after{
	position: absolute;
	right: 0;
	top: 25px;
	content: '';
	width: 1px;
	height: 30px;
	background-color: #fff;
}

.web-nav .layout-left .web img{
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: 1px;
	width: 20px;
}

/*.web-nav .layout-right
----------------------*/
.web-nav .layout-right{
	background-color: #e88104;
}

.web-nav .layout-right .reservation{
	padding: 18px 20px;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 1.4;
	font-size: 16px;
	transition: all 0.3s ease;
}

.web-nav .layout-right .reservation:hover{
	opacity: 0.8;
}

.web-nav .layout-right .reservation img{
	width: 12px;
	margin-left: 5px;
	position: relative;
	top: -4px;
}

/*.user-nav
==============================*/
.user-nav{
	min-width: 0;
	background-color: #e88104;
}

/*.user
----------------------*/
.user-nav .user{
	position: relative;
	text-align: center;
	display: block;
	font-size: 18px;
	line-height: 1.3;
	padding: 17px 20px;
	color: #fff;
	transition: all 0.3s ease;
}
.user-nav .user:hover{
	opacity: 0.8;
	color: #fff;
}

/*.bubble-user
----------------------*/
.user-nav .bubble-user-pos{
	position: absolute;
	top: -18px;
	transform: translateX(-50%);
	left: 50%;
}

.user-nav .bubble-user-pos .bubble-user{
	font-size: 12px;
	color: #e88104;
	background: #fff;
	border-radius: 30px;
	padding: 7px 0;
	letter-spacing: 0;
	border: solid 1px #e88104;
	width: 168px;
	text-align: center;
	display: block;
	position: relative;
}

.user-nav .bubble-user-pos .bubble-user::before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 2px 0 2px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -4px;
	left: calc(50% - 2px);
	content: '';
}

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

	/*.maile-nav
	==============================*/
	.maile-nav .layout-left .tel{
		font-size: 16px;
		padding: 30px 13px;
	}

	.maile-nav .icon-bubble {
		position: absolute;
		display: inline-block;
		z-index: 1;
		left: -27px;
		top: -18px;
		width: 60px;
	}

	.maile-nav .layout-right .layout-wrap {
		display: block;
		color: #fff;
		padding: 8px 13px;
	}

	.maile-nav .layout-right .tel-area .tel-text {
    font-size: 20px;
	}

	.maile-nav .layout-left .tel img {
    margin-right: 4px;
	}

	/*.web-nav
	==============================*/
	.web-nav .layout-left .web {
		padding: 29px 13px;
		font-size: 16px;
	}

	.web-nav .layout-right .reservation {
		padding: 18px 13px;
		font-size: 14px;
	}

	/*.user-nav
	==============================*/
	.user-nav .user {
		font-size: 15px;
		padding: 17px 13px;
	}

	.user-nav .bubble-user-pos .bubble-user {
		font-size: 10px;
		width: 140px;
	}

}

@media (max-width: 899px) {

	header h1 {
		top: 18px;
		left: 20px;
    width: 145px;
	}

	/*==============================
	.contact-nav-container
	==============================*/
	.contact-nav-container {
		width: 100%;
	}

	/*.contact-nav-area 
	==============================*/
	.contact-nav-area {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		margin-left: auto;
		padding-left: 0;
		box-sizing: border-box;
	}

	/*.maile-nav
	==============================*/
	.maile-nav {
		width: 100%;
	}

	/*.maile-nav .layout-left
	==============================*/
	.maile-nav .layout-left {
		width: 45%;
		text-align: center;
	}

	.maile-nav .layout-left::after {
		top: 17px;
	}

	.maile-nav .layout-left .tel img{
		width: 24px;
	}

	.maile-nav .layout-left .tel {
		font-size: 20px;
		padding: 20px 40px;
	}

	.maile-nav .icon-bubble {
		left: 35px;
    top: -26px;
	}

	/*.maile-nav .layout-right
	==============================*/

	.maile-nav .layout-right .layout-wrap {
		display: flex;
		align-items: center;
		padding: 8px 40px 8px 40px;
		gap: 30px;
		pointer-events: auto;
  }

	/*.tel-area
	------------------------------*/
	.maile-nav .layout-right .tel-area{
		width: 60%;
	}

	.maile-nav .layout-right .tel-area .tel-text {
		font-size: 24px;
	}

	/*.time-area{
	------------------------------*/
	.maile-nav .layout-right .time-area{
		text-align: center;
		width: 40%;
	}

	.maile-nav .layout-right .time-area .time-text {
    font-size: 12px;
		line-height: 1.3;
		width: 100%;
		text-align: left;
	}

	.maile-nav .layout-right .time-area .time-text .line-break{
		display: none;
	}

	.maile-nav .layout-right {
		width: 55%;
	}

	.maile-nav .layout-right .tel-area .day-text {
		font-size: 12px;
	}

	.maile-nav .layout-right .tel-area .tel-text img {
    position: relative;
    top: -1px;
		width: 16px;
	}

	/*.web-nav
	==============================*/
	.web-nav {
    min-width: 0;
    display: flex;
		width: calc(65% - 1px);
	}

	/*.web-nav .layout-left
	------------------------------*/
	.web-nav .layout-left {
		width: 60%;
	}

	.web-nav .layout-left .web{
		text-align: center;
		padding: 30px 12px;
	}

	/*.web-nav .layout-right
	------------------------------*/
	.web-nav .layout-right {
		width: 40%;
	}

	.web-nav .layout-right .reservation{
		padding: 21px 13px;
	}

	/*.user-nav
	==============================*/
	.user-nav{
		width: calc(35% - 1px);
		text-align: center;
		display: block;
	}

	.user-nav .user{
		width: 100%;
		padding: 8px 13px;
	}

	.user-nav .user .text{
		display: inline-block;
	}

	.user-nav .bubble-user-pos {
		position: static;
		margin: 0 auto;
		transform: none;
		left: auto;
		display: block;
		margin-bottom: 4px;
	}

	.user-nav .bubble-user-pos .bubble-user{
		margin: 0 auto;
		padding: 4px 0;
	}

}




@media (max-width: 772px) {

	/*.maile-nav
	==============================*/
	.maile-nav .layout-left .tel {
		font-size: 17px;
		padding: 23px 30px;
	}

	/*.maile-nav .layout-right
	------------------------------*/

	.maile-nav .layout-right .layout-wrap {
		display: flex;
		align-items: center;
		padding: 8px 30px 8px 30px;
		gap: 20px;
	}

	.maile-nav .layout-right .time-area .time-text .line-break {
		display: block;
	}

	.maile-nav .layout-right .tel-area {
			width: 70%;
	}

	.maile-nav .layout-right .time-area {
		text-align: center;
		width: 30%;
	}
}

@media (max-width: 599px) {

	/*.maile-nav .layout-left
	------------------------------*/
	.maile-nav .layout-left {
		width: 45%;
	}

	.maile-nav .layout-left .tel {
		font-size: 17px;
		padding: 23px 10px;
	}

	/*.maile-nav .layout-right
	------------------------------*/
	.maile-nav .layout-right {
		width: 55%;
	}

	.maile-nav .layout-right .layout-wrap {
		align-items: center;
		padding: 8px 15px 8px 15px;
		gap: 10px;
	}

	.maile-nav .layout-right .tel-area .tel-text {
		font-size: 22px;
	}

}

@media (max-width: 523px) {

	/*.maile-nav .layout-left
	------------------------------*/
	.maile-nav .layout-left .tel {
		font-size: 16px;
		padding: 23px 12px;
	}

	/*.maile-nav .layout-right 
	------------------------------*/
	.maile-nav .layout-right .layout-wrap {
		align-items: center;
		padding: 8px 12px 8px 12px;
		gap: 5px;
	}

	.maile-nav .layout-right .tel-area .tel-text {
		font-size: 19px;
	}

	.maile-nav .layout-right .time-area .time-text {
		font-size: 10px;
		line-height: 1.3;
		width: 100%;
		text-align: left;
	}

}

@media (max-width: 470px) {

	/*.maile-nav .layout-left
	------------------------------*/
	.maile-nav .layout-left .tel {
		font-size: 15px;
	}

	.maile-nav .layout-left .tel img {
		width: 20px;
	}

	/*.maile-nav .layout-right
	------------------------------*/
	.maile-nav .layout-right .tel-area .tel-text {
		font-size: 17px;
	}

	.maile-nav .layout-right .tel-area .day-text {
		font-size: 11px;
	}

	.maile-nav .layout-right .tel-area {
		width: 65%;
  }

	.maile-nav .layout-right .time-area {
		width: 35%;
	}

	/*.web-nav .layout-left
	------------------------------*/
	.web-nav .layout-left .web {
		font-size: 15px;
	}

	.web-nav .layout-left .web img {
    margin-right: 6px;
    width: 18px;
	}

	/*.web-nav .layout-right
	------------------------------*/
	.web-nav .layout-right .reservation {
		font-size: 13px;
	}

	/*user-nav .user
	------------------------------*/
	.user-nav .user .text {
		font-size: 13px;
	}
}

@media (max-width: 437px) {

	/*.maile-nav .layout-left
	------------------------------*/
	.maile-nav .layout-left .tel {
		font-size: 13px;
	}

	.maile-nav .layout-left .tel img {
		width: 16px;
	}

	.maile-nav .layout-left .tel {
		padding: 23px 9px;
	}

	.maile-nav .icon-bubble {
		left: 3px;
		top: -17px;
	}

		.maile-nav .icon-bubble {
		width: 50px;
	}

	/*.maile-nav .layout-left
	------------------------------*/
	.maile-nav .layout-right .tel-area .tel-text {
		font-size: 16px;
	}

	.maile-nav .layout-right .tel-area .tel-text img {
		position: relative;
		top: -1px;
		width: 11px;
	}

	/*.maile-nav .layout-right
	------------------------------*/
	.maile-nav .layout-right .tel-area .day-text {
		font-size: 10px;
	}

	.maile-nav .layout-right .tel-area {
		width: 70%;
	}

	.maile-nav .layout-right .layout-wrap {
		align-items: center;
		padding: 8px 10px 8px 10px;
		gap: 2px;
	}

	/*.web-nav .layout-left
	------------------------------*/
		.web-nav .layout-left .web img {
		margin-right: 6px;
		width: 14px;
	}

	.web-nav .layout-left .web {
		text-align: center;
		padding: 30px 10px;
	}

	.web-nav .layout-left .web {
		font-size: 13px;
	}

	/*.web-nav .layout-right
	------------------------------*/
	.web-nav .layout-right .reservation {
		font-size: 12px;
	}

	.web-nav .layout-right .reservation {
		padding: 21px 9px;
	}

	.web-nav .layout-right .reservation img {
		width: 8px;
		top: -4px;
	}

	/*.user-nav .user
	------------------------------*/
	.user-nav .user {
		padding: 8px 8px;
	}

	.user-nav .user .text {
		font-size: 12px;
	}

	.user-nav .bubble-user-pos .bubble-user {
		width: 119px;
		letter-spacing: -0.05em;
	}

}