@charset "UTF-8";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	generic utilities
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.type1__inner1 {
	position: relative;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	fv
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#fv{
    background: #222;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#fv.philippine{
    background-image: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/philippine/philippine__background.webp);
}
#fv.malaysia{
    background-image: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/malaysia/malaysia__background.webp);
}
#fv.indonesia{
    background-image: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/indonesia/indonesia__background.webp);
}
#fv.chatan{
    background-image: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/chatan/chatan__background.webp);
}
#fv.niseko{
    background-image: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/niseko/niseko__background.webp);
}
#fv.malta{
    background-image: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/malta/malta__background.webp);
}
#fv .fv__catch{
    color: #fff;
    background: #222;
    font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
    display: inline-block;
    padding: 8px 32px;
    margin: 40px auto 40px;
}
#fv.philippine .fv__catch{
    background: linear-gradient(135deg, #FF3D00 0%, #FA7838 100%);
}
#fv.malaysia .fv__catch{
    background: linear-gradient(135deg, #FD9987 0%, #FA383C 100%);
}
#fv.indonesia .fv__catch{
    background: linear-gradient(135deg, #FC75AE 0%, #EB9377 100%);
}
#fv.chatan .fv__catch{
	background: linear-gradient(135deg, #36b906 0%, #31c1bc 100%);
}
#fv.niseko .fv__catch{
	background: linear-gradient(135deg, #ffdd4d 0%, #f49c10 100%);
}
#fv.malta .fv__catch{
	background: linear-gradient(135deg, #FD9987 0%, #FA383C 100%);
}
#fv .fv__title{
    text-align: center;
    margin-bottom: 32px;
}
#fv .fv__title p{
    color: #fff;
    font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 2px solid #fff;
    margin-bottom: 32px;
}
#fv .fv__title h1{
    display: none;
}
#fv .fv__title div img{
    height: 52px;
    margin: 0 auto;
}
#fv.malta .fv__title h1 img{
    height: 80px;
    margin: 0 auto;
}
#fv .fv__pop{
    justify-content: center;
    margin-bottom: 32px;
}
#fv .fv__pop img{
    max-width: 140px;
    width: 32.241555783%;
    margin-right: 16px;
}
#fv .fv__pop img:last-of-type{
    margin-right: 0;
}
#fv .fv__badge{
    position: absolute;
    width: 164px;
    height: 164px;
    top: 51px;
    right: 86px;
    transform: rotate(0deg);
}
#fv.chatan .fv__badge{
    right: 152px;
}
#fv.philippine .fv__badge{
    right: 86px;
    background-image: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/philippine/badge2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#fv .fv__badge img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#fv .type1__inner4 {
	display: flex;
	align-items: center;
	overflow: hidden;
	padding-bottom: 40px;
	position: relative;
}
#fv .type1__inner4 div {
	display: flex;
	-webkit-animation: slider__left 20s linear infinite;
	animation: slider__left 20s linear infinite;
	animation-duration: 40s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: slider__left;
}
#fv .type1__inner4 div img {
	width: 180px;
	height: 101.25px;
	border-radius: 8px;
	margin-right: 8px;
}
@keyframes slider__left {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

@media only screen and (max-width: 768px){
    #fv .fv__catch{
        font-size: 16px;
        padding: 4px 16px;
        margin: 40px auto 80px;
    }
    #fv .fv__title{
        text-align: center;
        margin-bottom: 16px;
    }
    #fv .fv__title p{
        font-size: 16px;
        margin-bottom: 16px;
    }
    #fv .fv__title div img{
        height: 32px;
    }
    #fv .fv__pop{
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
    }
    #fv .fv__pop img{
        margin-right: 0;
    }
    #fv .fv__badge{
        width: 108px;
        height: 108px;
        top: 33px;
        right: 11px;
        left: auto;
        transform: rotate(0deg);
    }
    #fv.chatan .fv__badge{
        right: 11px;
    }
    #fv.philippine .fv__badge{
        right: 11px;
    }
    #fv .fv__badge img{
        width: 100%;
        height: 100%;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	recommend
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#recommend .type1__flex2{
    flex-wrap: wrap;
}
#recommend .type1__flex2 .recommend--item{
    margin-bottom: 24px;
}
#recommend .recommend--item{
    display: flex;
	justify-content: space-between;
	align-items: center;
    color: #fff;
}
#recommend .recommend--item > img{
    max-width: 90px;
    width: 28.571428571%;
}
#recommend .recommend--item > div{
    max-width: 217px;
    width: 68.888888888%;
}
#recommend .recommend--item > div p:nth-of-type(1){
    font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
    margin-bottom: 8px;
}
#recommend .recommend--item > div p:nth-of-type(2){
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 22px;
    text-align: left;
    position: relative;
}
#recommend .recommend--item > div p:nth-of-type(2):before{
    width: 16px;
    height: auto;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    border-radius: 50%;
    position: absolute;
    content: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/common/recommend__arrow.svg);
}
#recommend .type1__inner1{
    margin-bottom: 20px;
}
@media only screen and (max-width: 768px){
    #recommend .recommend--item{
        margin-bottom: 20px;
    }
    #recommend .recommend--item > div{
        max-width: 68.888888888%;
        width: 68.888888888%;
    }   
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	point
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#point .type1__flex3{
    align-items: normal;
}
#point .type1__inner1--point{
    background: #fff;
    border-radius: 8px;
    padding: 16px 8px;
}
#point .type1__inner1--point > div{
    display: flex;
	justify-content: space-between;
	align-items: center;
    margin-bottom: 16px;
}
#point .type1__inner1--point > div img{
    max-width: 80px;
    width: 26.755852842%;
}
#point .type1__inner1--point > div h3{
    max-width: 211px;
    width: 70.568561872%;
    font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}
#point .type1__inner1--point > img{
    border-radius: 2px;
    margin-bottom: 8px;
}
#point .type1__inner1--point p{
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

#point .type1__flex2{
    align-items: normal;
    margin-bottom: 20px;
}
#point .type1__flex2 > div{
    max-width: 48.837209302%;
    width: 48.837209302%;
}
#point .type1__flex2 .type1__inner1--point > div{
    display: flex;
	justify-content: normal;
	align-items: center;
    margin-bottom: 16px;
}
#point .type1__flex2 .type1__inner1--point > div img{
    max-width: 80px;
    width: 26.755852842%;
    margin-right: 16px;
}
#point .type1__flex2 .type1__inner1--point > div h3{
    max-width: 100%;
    width: 100%;
    color: #222;
    font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}
#point .type1__flex2 .type1__inner1--point p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}
#point .type1__flex2 .type1__inner1--point a{
    display: inline-block;
    color: #0085ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px solid #0085ff;
    margin-top: 8px;
}

@media only screen and (max-width: 768px){
    #point .type1__inner1--point > div h3{
        max-width: 70.568561872%;
        width: 70.568561872%;
    }
    #point .type1__flex2 > div{
        max-width: 100%;
        width: 100%;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	price
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#price .type1__text > a{
    border-bottom: 1px solid #222;
}
#price .type1__image{
    margin: 0 auto 16px;
}
#price .price__table{
    margin-bottom: 24px;
}
#price .price__table--select{
    display: flex;
}
#price .price__table--select p{
    width: 100%;
    border: 2px solid #222;
    border-radius: 2px;
    padding: 6px 0;
	color: #222;
    font-size: 16px;
	font-weight: 700;
    text-align: center;
    background: linear-gradient(135deg, #92D3E8 0%, #0085FF 100%);
    color: #fff;
    border-radius: 8px 8px 2px 2px;
}

#price .price__table--text.show{
    display: block;
}
#price .price__table--text{
    display: none;
    background: #F6F6F6;
    border: 2px solid #222;
    border-radius: 0 0 8px 8px;
    padding: 8px 20px;
}
#price .price__table--text--item{
    padding: 12px 24px;
    border-bottom: 1px solid #222;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#price .price__table--text--item:last-of-type{
    border-bottom: none;
}
#price .price__table--text--item > div:nth-of-type(1) p:nth-of-type(1){
    font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
    margin-bottom: 4px;
}
#price .price__table--text--item > div:nth-of-type(1) p:nth-of-type(1) span{
    font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
}
#price .price__table--text--item > div:nth-of-type(1) p:nth-of-type(2){
    display: inline-block;
    padding: 2px 8px;
    background: linear-gradient(135deg, #FC75AE 0%, #EB9377 100%);
    border-radius: 80px;
    color: #fff;
    font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
}
#price .price__table--text--item > div:nth-of-type(2){
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
#price .price__table--text--item > div:nth-of-type(2) p:nth-of-type(1){
    display: inline-block;
    font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
}
#price .price__table--text--item > div:nth-of-type(2) p:nth-of-type(1) span{
    display: inline-block;
    font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}
#price .price__table--text--item > div:nth-of-type(2) p:nth-of-type(2){
    display: inline-block;
    color: #727272;
    font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
    padding-bottom: 8px;
}
.attention {
	color: #727272;
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	text-align: center;
}
#price .attention{
    text-align: right;
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px){
    #price .price__table--text--item{
        display: block;
    }
    #price .price__table--text--item > div:nth-of-type(2){
        display: block;
    }
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	facilities
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#facilities .type1__headline{
    font-size: 12px;
    padding: 8px 0;
}
.facilities--image{
    display: flex;
	justify-content: space-between;
	align-items: flex-start;
    margin-bottom: 16px;
}
.facilities--image--active{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 16px;
    max-width: 100%;
    width: 100%;
}
.facilities--image--active img{
    width: 49%;
    margin-bottom: 16px;
}
.facilities--image--inactive{
    max-width: 165px;
    width: 25.502318392%;
}
.facilities--image--active {
	position: relative;
}
.facilities--image--active .slick__left,
.facilities--image--active .slick__right {
	display: none;
}

.facilities--image--active img {
	display: inline;
	z-index: 0 !important;
	border-radius: 2px;
}

.facilities--image--inactive div {
	width: 100%!important;
}

.facilities--image--inactive > div > div {
	display: flex;
	align-items: center;
	align-content: stretch;
	justify-content: normal;
	flex-wrap: wrap;
}
.facilities--image--inactive img {
	cursor: pointer;
    max-width: 80px!important;
    width: 48.484848484%!important;
	border-radius: 2px;
    margin: 0 3.030303032% 8px 0;
}
.facilities--image--inactive img:nth-of-type(2n){
    margin: 0 0 8px;
}
.facilities--text{
    margin-bottom: 20px;
}
.facilities--text p:nth-of-type(1){
    font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
    margin-bottom: 8px
}
.facilities--text p:nth-of-type(2){
    font-size: 10px;
	font-weight: 400;
	line-height: 1.5;
}
.facilities--text h3{
    font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
    margin-bottom: 16px
}
@media only screen and (max-width: 768px){
    .facilities--image{
        display: block;
        margin-bottom: 16px;
    }
    .facilities--image--active{
        max-width: 100%;
        width: 100%;
        margin-bottom: 8px;
    }
    .facilities--image--inactive{
        max-width: 100%;
        width: 100%;
    }
    .facilities--image--inactive img {
        max-width: 23.880597014%!important;
        width: 23.880597014%!important;
        margin: 0 1.49253731467% 8px 0;
    }
    .facilities--image--inactive img:nth-of-type(2n){
        margin: 0 1.49253731467% 8px 0;
    }  
    .facilities--image--inactive img:nth-of-type(4n){
        margin: 0 0 8px;
    }  
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	information
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#information .type1__flex2{
    align-items: normal;
}
.information__item{
    background: #fff;
    border-radius: 2px;
    padding: 10px;
}
.information__item .type1__headline{
    padding: 8px 0;
    font-size: 12px;
    margin-bottom: 16px;
}
.information__item div p{
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
}
.information__item div h4{
    display: block;
    position: relative;
    color: #0085FF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding-left: 30px;
    margin-bottom: 8px;
}
.information__item div:nth-of-type(1) h4:before{
    width: auto;
    height: 24px;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    border-radius: 50%;
    position: absolute;
    content: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/common/information__item--1.svg);
}
.information__item div:nth-of-type(2) h4:before{
    width: auto;
    height: 24px;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    border-radius: 50%;
    position: absolute;
    content: url(/wordpress/wp-content/themes/u-gaku__theme/images/countries/common/information__item--2.svg);
}
.information__item div ul{
    margin-bottom: 16px;
}
.information__item div li{
    display: block;
    position: relative;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 12px;
}
.information__item div li:before{
    width: 4px;
    height: 4px;
    border-radius: 4px;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    border-radius: 50%;
    position: absolute;
    content: "";
    background: #222;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	trial__1
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#trial__1 .type1__flex3{
    margin-bottom: 16px;
}
#trial__1 .type1__flex3 img{
    max-width: 108px;
    width: 32.23880597%;
}
#trial__1 .type1__text{
    color: #fff;
    font-size: 12px;
	font-weight: 700;
    line-height: 1.5;
    margin-bottom: 24px;
}
#trial__1 .type1__flex2.person{
    margin-bottom: 24px;
}
#trial__1 .type1__flex2.person img:nth-of-type(1){
    max-width: 90px;
    width: 26.865671641%;
}
#trial__1 .type1__flex2.person img:nth-of-type(2){
    max-width: 237px;
    width: 70.746268656%;
}
#trial__1 .type1__flex2.faq{
    flex-wrap: wrap;
    margin-bottom: 40px;
}
#trial__1 .type1__flex2.faq img{
    max-width: 163px;
    width: 48.656716417%;
    margin-bottom: 8px;
}

@media only screen and (max-width: 768px){
    #trial__1 .type1__flex2{
        display: flex;
    }
    #trial__1 .type1__flex3{
        display: flex;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	trial__2
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#trial__2 .type1__text{
    color: #fff;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 40px;
}
#trial__2 .type1__inner2 a img{
    width: 280px;
    margin: 0 auto;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	faq
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.faq__item{
    margin-bottom: 24px;
}
.faq__item--question{
	position: relative;
	display: flex;
    width: 100%;
    padding: 10px 20px;
    background: #fff;
    border: 2px solid #222222;
    border-radius: 2px;
    box-shadow: 2px 2px 0px #727272;
    cursor: pointer;
}
.faq__item--question img:nth-of-type(1){
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.faq__item--question img:nth-of-type(2){
    position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 20px;
	height: 20px;
}
.faq__item--question p{
	font-size: 12px;
	font-weight: 700;
	margin: auto 20px auto 0;
}
.faq__item--answer{
    display: none;
    padding: 20px 0 0 20px;
}
.open .faq__item--answer{
    display: flex;
}
.faq__item--answer img{
	width: 40px;
	height: 40px;
    margin-right: 10px;
}
.faq__item--answer p{
    font-size: 12px;
	font-weight: 700;
	line-height: 2;
}
.faq__item--answer p a{
    color: #0085FF;
    border-bottom: 1px solid #0085FF;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	place
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#place .type1__image{
    margin-bottom: 24px;
}
#place .type1__text {
    font-size: 14px;
    text-align: left;
    margin-bottom: 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	facilities
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#facilities .type1__flex2{
    flex-wrap: wrap;
}
#facilities .type1__flex2 div{
    margin-bottom: 24px;
}
#facilities .type1__text {
    font-size: 14px;
    text-align: left;
    margin-bottom: 24px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	nearby
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#nearby .type1__flex3{
    align-items: normal;
    flex-wrap: wrap;
}
#nearby .type1__flex3 > div{
    background: #fff;
    padding: 20px;
}
#nearby .type1__flex3 > div h3{
    font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
    text-align: center;
    margin-bottom: 16px;
}
#nearby .type1__flex3 > div img{
    margin-bottom: 16px;
}
#nearby .type1__flex3 > div p:nth-of-type(2){
    margin-top: 16px;
    color: #0085FF;
    font-size: 14px;
}
#nearby .type1__flex3 > div a{
    display: inline-block;
    color: #0085ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px solid #0085ff;
    margin-top: 8px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	service
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.service .type1__flex2{
    align-items: flex-start;
	flex-wrap: wrap;
}
.service .type1__flex2 div{
	margin-bottom: 32px;
}
.service .type1__flex2 div p{
	font-weight: 700;
	text-align: center;
}
.service .type1__flex2 div img{
	margin-bottom: 16px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	interview
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.interview .type1__flex2{
    align-items: stretch;
    margin-bottom: 20px;
}
.interview .type1__flex2 > div{
    position: relative;
    width: 47.90174002%;
    max-width: 47.90174002%;
    padding: 24px;
    border: 1px solid #E0EFE4;
    border-radius: 20px;
}
.interview .type1__flex2 > div > div{
    display: flex;
	justify-content: flex-start;
	align-items: center;
    margin-bottom: 20px;
}
.interview .type1__flex2 > div > div > img{
    width: 80px;
    margin-right: 20px;
}
.interview .type1__flex2 > div > div > div > div{
    display: flex;
	justify-content: flex-start;
	align-items: center;
    margin-bottom: 8px;
}
.interview .type1__flex2 > div > div > div > div p:nth-of-type(1){
    display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
    margin-right: 12px;
}
.interview .type1__flex2 > div > div > div > div p:nth-of-type(2){
    display: inline-block;
    padding: 4px 10px;
    background: #0085ff;
    color: #fff;
    border-radius: 30px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}
.interview .type1__flex2 > div > div > div > div p{
    font-size: 14px;
	line-height: 1.6;
}
.interview .type1__flex2 > div > a{
    display: inline-block;
    color: #0085ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px solid #0085ff;
    margin-top: 8px;
}

@media only screen and (max-width: 768px) {
    .interview .type1__flex2 > div{
        width: 100%;
        max-width: 100%;
    }
}