@charset "UTF-8";

.orange{
	color: #e98414;
}

/* th_index1_area
---------------------------------------------------------*/
.th_index1_area{
	position: relative;
	padding-bottom: 150px;
}
.th_index1_area::before{
	position: absolute;
	display: block;
	content: "";
	background: #fffbc8;
	background-size: 100% auto;
	width: 100%;
	height: calc(100% - 120px);
	bottom: 0;
	left: 0;
}
#hotel .th_index1_area::before{
	background: #d6f4f0;
}
.th_index1_area_inbox{
	position: relative;
	z-index: 2;
}
.th_index1_img{
	text-align: right;
}
.th_index1_img div{
	display: block;
	height: 500px;
	width: 77.5%;
	background: url("../images/trimming-hotel/tri_img1@2x.jpg")no-repeat center center;
	background-size: cover;
	margin-left: auto;
	margin-right: 0;
}
#hotel .th_index1_img div{
	background-image: url("../images/trimming-hotel/ho_img1@2x.jpg")
}
.th_index1{
	position: relative;
	padding-left: 8%;
	box-sizing: border-box;
	margin-top: -60px;
}
.th_index1::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/trimming-hotel/tri_icon@2x.png")no-repeat bottom left;
	background-size: 100% auto;
	width: 10.5%;
	height: 200px;
	bottom: 100%;
	left: -0.7%;
	z-index:3;
}
#hotel .th_index1::before{
	background-image: url("../images/trimming-hotel/ho_icon@2x.png");
}
.th_index1::after{
	position: absolute;
	display: block;
	content: "";
	background: #fffbc8;
	background-size: 100% auto;
	width: 60%;
	max-width: 600px;
	height: calc(100% + 75px);
	bottom: 0;
	left: 0;
	border-radius: 0 68px 0 0;
}
#hotel .th_index1::after{
	background: #d6f4f0;
}
.th_index1 .ft_min,
.th_index1 .ft_brandon{
	position: relative;
	z-index: 3;
}
.th_index1 .ft_min{
	font-size: min(400%,6vw);
	letter-spacing:0.15em;
	line-height: 1em;
	font-feature-settings: "palt" 1;
	margin-left: -0.25em;
}
.th_index1 .ft_brandon{
	font-size: min(210%,3.2vw);
	letter-spacing: 0.15em;
	line-height: 1em;
	margin-left: -0.1em;
	margin-top: .7em;
	color: #feb014;
}
#hotel .th_index1 .ft_brandon{
	color: #62bacc;
}
.th_index1_fltbox{
	padding-left: 8%;
	padding-right: 3%;
	box-sizing: border-box;
}
.th_index1_fltbox .flt_r{
	width: 39%;
	max-width: 400px;
}
.th_index1_fltbox .flt_l{
	width: 57%;
	padding-top: 60px;
}
/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1400px) {
.th_index1_img div{
	height: 30vw;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.th_index1_area{
	padding-bottom: 15%;
}
.th_index1_area::before{
	height: calc(100% - 6vw);
}
.th_index1_img div{
	height: 30vw;
}
.th_index1{
	padding-left: 12%;
	margin-top: -5vw;
}
.th_index1::before{
	width:8%;
	bottom: 60%;
	left: 0;
}
.th_index1::after{
	width:56%;
	height: calc(100% + 6vw);
	border-radius: 0 40px 0 0;
}
.th_index1 .ft_min{
	letter-spacing:0.1em;
}
.th_index1 .ft_brandon{
	margin-top: .5em;
}
.th_index1_fltbox{
	padding-left: 0;
	padding-right: 0;
}
.th_index1_fltbox .flt_l{
	width: 57%;
	padding-top: 4vw;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.th_index1_area{
	padding-bottom: 20vw;
}
.th_index1_area::before{
	height: calc(100% - 8vw);
}
.th_index1_img div{
	height:45vw;
	width: 100%;
}
	
.th_index1{
	padding: 0!important;
	margin-top: -1vw;
	margin-bottom: 5%;
	text-align: center;
}
.th_index1::before{
	width: 17%;
	left: 5%;
	bottom:105%;
}
.th_index1::after{
	width:100%;
	height: calc(100% + 8vw);
	border-radius: 30px 30px 0 0;
	left: 0;
}
	
.th_index1 .ft_min{
	font-size: 250%;
	margin-left: 0!important;
}
.th_index1 .ft_brandon{
	font-size: 120%;
	margin-top: .5em;
	margin-left: 0!important;
}
.th_index1_fltbox{
	padding-left: 0;
	padding-right: 0;
}
.th_index1_fltbox .flt_r{
	float: none;
	width: 65%;
	max-width: 100%;
	margin: 4% auto 0;
}
.th_index1_fltbox .flt_l{
	float: none;
	width: 100%;
	padding-top: 0;
}
}






/* th_index2
---------------------------------------------------------*/
.th_index2{
	position: relative;
	z-index: 3;
	margin-top: -45px;
	text-align: center;
}
.th_index2 .ft_min{
	width: 68%;
	display: inline-block;
	margin: 0 auto;
	background: #feb014;
	position: relative;
	color: #fff;
	font-size: min(220%,3.4vw);
	letter-spacing: 0.05em;
	line-height: 1.6em;
	padding: .5em 1em;
	box-sizing: border-box;
	border-radius: 50px;
}
#hotel .th_index2 .ft_min{
	background: #62bacc;
}
.th_index2 .ft_min::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/trimming-hotel/tri_arrow@2x.png")no-repeat top center;
	background-size: 100% auto;
	width: 16px;
	height: 14px;
	top:100%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#hotel .th_index2 .ft_min::before{
	background-image: url("../images/trimming-hotel/ho_arrow@2x.png");
}
.th_index2 .ft_min::after{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/trimming-hotel/point@2x.png")no-repeat bottom center;
	background-size: 100% auto;
	width: 103px;
	height: 52px;
	bottom: calc(100% - 20px);
	left: 0;
	right: 0;
	margin: 0 auto;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.th_index2{
	margin-top: -5vw;
}
.th_index2 .ft_min{
	padding: .4em 1em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.th_index2{
	margin-top: -5vw;
}
.th_index2 .ft_min{
	width:100%;
	font-size: 140%;
	padding: .5em 0;
}
.th_index2 .ft_min::after{
	bottom: calc(100% - 2vw);
}
}





/* th_point
---------------------------------------------------------*/
.th_point{
	max-width: 1230px;
	margin-left: auto;
	margin-right: auto;
}
.th_point li{
	margin-bottom: 60px;
	display: flex;
    justify-content: space-between;
}
.th_point li:last-child{
	margin-bottom: 0;
}
.th_point li .number{
	width: 13.5%;
}
.th_point li .number dt{
	font-size: min(95%,1.5vw);
	color: #c0b684;
	line-height: 1.4em;
	padding-left: .4em;
	box-sizing: border-box;
}
.th_point li .number dd{
	color: #feb014;
	font-size:550%;
	font-size: min(550%,7vw);
	letter-spacing: 0.05em;
	line-height: 1em;
}
#hotel .th_point li .number dd{
	color: #62bacc;
}
.th_point li .img{
	width: 37%;
}
.th_point li .txt{
	width: 46%;
	margin-left: 3.5%;
	padding-top: 30px;
}
.th_point li .txt dt,
.th_point li .txt dd{
	padding: 0 2.5rem;
	box-sizing: border-box;
}
.th_point li .txt dt{
	font-size: min(195%,3vw);
	font-feature-settings: "palt" 1;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	background: url("../images/trimming-hotel/tri_line@2x.png")no-repeat bottom left;
	background-size: 100% auto;
	padding-bottom: .9em;
	margin-bottom: 1em;
}
#hotel .th_point li .txt dt{
	background-image: url("../images/trimming-hotel/ho_line@2x.png");
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1400px) {
.th_point li .txt{
	padding-top: 0;
}
.th_point li .txt dt,
.th_point li .txt dd{
	padding-left: 0;
	padding-right: 0;
}
.th_point li .txt dt{
	letter-spacing: normal;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.th_point li{
	margin-bottom: 6%;
}
.th_point li .txt{
	padding-top: 0;
}
.th_point li .txt dt,
.th_point li .txt dd{
	padding: 0 1%;
}
.th_point li .txt dt{
	padding-bottom: .6em;
	margin-bottom: .8em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.th_point li{
	position: relative;
	margin-bottom: 10%;
	display: block;
	padding-left: 15%;
	box-sizing: border-box;
}
.th_point li .number{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
}
.th_point li .number dt{
	font-size: 88%;
	line-height: 1.2em;
}
.th_point li .number dd{
	font-size: 300%;
}
.th_point li .img{
	width: 80%;
	margin: 0 0 5% auto;
}
.th_point li .txt{
	width: 115%;
	margin-left: -15%;
	padding-top: 0;
}
.th_point li .txt dt,
.th_point li .txt dd{
	padding: 0;
}
.th_point li .txt dt{
	font-size: 130%;
	padding-bottom: .5em;
	margin-bottom: .5em;
	text-align: center;
}
}






/* th_flow
---------------------------------------------------------*/
.th_flow_index{
	position: relative;
	text-align: center;
}
.th_flow_index::before{
	position: absolute;
	display: block;
	content: "";
	background: #fff;
	background-size: 100% auto;
	width: 100%;
	height: 80%;
	bottom: 0;
	left: 0;
	border-radius: 20px 20px 0 0;
}
.th_flow_index .ft_brandon,
.th_flow_index .ft_min{
	position: relative;
	z-index: 2;
}
.th_flow_index .ft_brandon{
	text-align: center;
	color: #ffe957;
	font-size: min(600%,8vw);
	letter-spacing: 0.05em;
	line-height: 1em;
}
#hotel .th_flow_index .ft_brandon{
	color: #d5e15c;
}
.th_flow_index .ft_min{
	font-size: min(220%,3.6vw);
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-top: .3em;
}

.th_flow_inbox1{
	background: #fff;
	padding: 70px 5%;
	box-sizing: border-box;
}
.th_flow_inbox2{
	background: #846d56;
	border-radius: 0 0 20px 20px;
	padding: 50px 5% 70px;
	box-sizing: border-box;
}
#hotel .th_flow_inbox2{
	background: #326c9f;
} 

.th_flow_list1{
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.th_flow_list1 li{
	width: 29.5%;
	margin-right: 5.5%;
	margin-top: 50px;
	text-align: center;
}
.th_flow_list1 li:nth-child(-n+3){
	margin-top: 0;
}
.th_flow_list1 li:nth-child(3n),
.th_flow_list1 li:last-child{
	margin-right: 0;
}
.th_flow_list1 li .img{
	position: relative;
}
.th_flow_list1 li .img::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/trimming-hotel/tri_flow_arrow@2x.png")no-repeat top right;
	background-size: 100% auto;
	width: 7%;
	max-width: 20px;
	height: 22px;
	top: 50%;
	transform: translateY(-50%);
	right: -12%;
}
#hotel .th_flow_list1 li .img::before{
	background-image: url("../images/trimming-hotel/ho_flow_arrow@2x.png");
}
.th_flow_list1 li:last-child .img::before{
	display: none;
}
.th_flow_list1 li .img img{
	width: 70%;
	margin: 0 auto 20px;
	max-width: 160px;
}
.th_flow_list1 li dt{
	font-size: min(160%,2.5vw);
	letter-spacing: 0.05em;
	line-height: 1.5em;
	margin-bottom: .4em;
}
.th_flow_list1 li dd{
	text-align: left;
}

.th_flow_inbox2 .th_flow_inbox2_tit,
.th_flow_inbox2 .th_flow_list2{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
.th_flow_inbox2 .th_flow_inbox2_tit{
	font-size: min(165%,2.6vw);
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin-bottom:1em;
}
.th_flow_inbox2 .th_flow_list2 li{
	position: relative;
	padding-left: 1.5em;
	box-sizing: border-box;
	margin-bottom: .34em;
}
.th_flow_inbox2 .th_flow_list2 li:last-child{
	margin-bottom: 0;
}
.th_flow_inbox2 .th_flow_list2 li::before{
	position: absolute;
	display: block;
	content: "";
	background: #ffd557;
	background-size: 100% auto;
	width: .9em;
	height: .9em;
	border-radius: 50%;
	top: .5em;
	left: 0;
}
#hotel .th_flow_inbox2 .th_flow_list2 li::before{
	background: #84ded2;
}

.th_flow_inbox2 .th_flow_list3{
	display: flex;
    justify-content: space-between;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.th_flow_inbox2 .th_flow_list3 dt{
	width: 15.5%;
	background: #6792b8;
	text-align: center;
	font-size:120%;
	line-height: 1.4em;
	box-sizing: border-box;
	display: flex;
    justify-content: space-between;
	align-items: center;
	color: #fff;
}
.th_flow_inbox2 .th_flow_list3 dt p{
	display: inline-block;
	margin: 0 auto;
}
.th_flow_inbox2 .th_flow_list3 dd{
	width: 84.5%;
	background: #fff;
	padding: 1.8em 4%;
	box-sizing: border-box;
	font-weight: bold;
	font-size:95%;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1400px) {
.th_flow_list1 li dt{
	letter-spacing: normal;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.th_flow_index .ft_min{
	margin-top: .2em;
}
.th_flow_inbox1{
	padding: 4% 5%;
}
.th_flow_inbox2{
	padding: 4% 5%;
}
.th_flow_list1 li{
	margin-top: 5%;
}
.th_flow_list1 li .img img{
	margin: 0 auto 6%;
}
.th_flow_list1 li dt{
	letter-spacing: normal;
	margin-bottom: .3em;
}
.th_flow_list1 li dd{
	text-align: left;
}
.th_flow_inbox2 .th_flow_inbox2_tit{
	margin-bottom: .5em;
}
.th_flow_inbox2 .th_flow_list3 dd{
	padding: 1.2em 4%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.th_flow_index .ft_brandon{
	font-size:300%;
}
.th_flow_index .ft_min{
	font-size: 120%;
	margin-top: .2em;
}
.th_flow_inbox1{
	padding: 6% 4% 8%;
}
.th_flow_inbox2{
	padding: 8% 4% 6%;
}

.th_flow_list1{
	display: block;
}
.th_flow_list1 li{
	position: relative;
	width: 100%;
	margin-right:0;
	margin-top: 0;
	padding-bottom: 5%;
	margin-bottom:12%;
}
.th_flow_list1 li::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/trimming-hotel/tri_flow_arrow@2x.png")no-repeat top center;
	background-size: 100% auto;
	width: 10%;
	max-width: 20px;
	height: 22px;
	top:100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: rotate(90deg);
}
.th_flow_list1 li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
}
.th_flow_list1 li:last-child::before{
		display: none;
}
#hotel .th_flow_list1 li::before{
	background-image: url("../images/trimming-hotel/ho_flow_arrow@2x.png");
}
.th_flow_list1 li .img::before{
	display: none;
}
.th_flow_list1 li .img img{
	width: 22vw;
	margin: 0 auto 4%;
}
.th_flow_list1 li dt{
	font-size: 120%;
	margin-bottom: .3em;
}

.th_flow_inbox2 .th_flow_inbox2_tit{
	font-size:125%;
	margin-bottom: .5em;
	text-align: center;
}
.th_flow_inbox2 .th_flow_list2 li{
	padding-left: 1.5em;
	margin-bottom: .34em;
}
.th_flow_inbox2 .th_flow_list2 li::before{
	top: .5em;
}

.th_flow_inbox2 .th_flow_list3{
	display: block;
}
.th_flow_inbox2 .th_flow_list3 dt{
	width: 100%;
	font-size:110%;
	padding: .5em 1em;
	box-sizing: border-box;
}
.th_flow_inbox2 .th_flow_list3 dd{
	width: 100%;
	padding: 3% 4%;
}
}