@charset "utf-8";

/* ============================================
   Base / Common
   ============================================ */

article{}

img {}

.Inner {
}

/* 共通見出し */
.CommonTtl{
    padding: 0 50px;
    margin-bottom: 24px;
}
.CommonTtl span{
    display: block;
}
.min{}

h2{
    font-size: 20px;
}
.Tour,.Features,.Relief,.Canada,.Cebu,.Recommend,.FAQ{
    padding: 40px 0;
    width: 90%;
}

#About .Features .comparison-table {
    font-size: 14px;
  }


/* ============================================
   MV (Main Visual)
   ============================================ */
#MV{height: 190px;background-size: cover;position: relative;}
#MV .MV-Overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  }
#MV .Inner{
    padding-top: 50px;
    position: relative;
    z-index: 2;
}
#MV .Inner h1{}
#MV .Inner h1 img{}
#MV .Inner .mv-title {padding]: 0;padding]: 0;padding: 8px;font-size: 40px;}
#MV .Inner .eng-title {letter-spacing: 0.2em;font-size: 14px;margin-top: 3px;}

/* ============================================
   About Section Wrapper
   ============================================ */

#About{
    width: 100%;
    font-size: 14px;
}

/*-------------------------------------Intro*/
#About .Intro{padding: 24px 0;width: 90%;margin: 0 auto;}
#About .Intro .Ttl{
    font-size: 20px;
}
#About .Intro .Ttl span{
    display: block;
}
#About .Intro .Txt{
    font-size: 14px;
    line-height: 1.6;
}
#About .Intro .Txt p {
}
#About .Intro .Txt span{}

/*-------------------------------------Tour*/
#About .Tour{}


/*-------------------------------------Features*/
#About .Features .table-wrapper {}
#About .Features .comparison-table {}
#About .Features .comparison-table th, 
#About .Features .comparison-table td {}
#About .Features .comparison-table tbody th {}
#About .Features .comparison-table thead th {}
#About .Features .comparison-table thead th.empty {}
#About .Features .comparison-table ul{}
#About .Features .comparison-table li {}
#About .Features .note {
    font-size: 12px;
}
#About .Features .text-left {}
#About .Features .comparison-table {
    font-size: 14px;
  }
/*-------------------------------------Relief*/
#About .Relief{
    background-image: none;
    padding: 40px 0;
    width: 100%;
}
    #About .Relief .CommonTtl {
        width: 66%;
    }
#About .Relief .Inner .MainTxt{
    margin-bottom: 24px;
    line-height: 1.6;
}
#About .Relief .Inner{
    width: 90%;
}
#About .Relief .Inner .Photo{
    margin-bottom: 16px;
}
#About .Relief .Inner .Photo img{
    height: auto;
}
#About .Relief .Inner .Photo img + img{}
#About .Relief .Inner .Box{}
#About .Relief .Inner .Box .MainTtl{
    font-size: 16px;
    margin-bottom: 16px;
}
#About .Relief .Inner .Box .Entry{}
#About .Relief .Inner .Box .Entry + .Entry{
}
#About .Relief .Inner .Box .Entry .Ttl{
    font-size: 16px;
}
#About .Relief .Inner .Box .Entry .Ttl span{
    font-size: 16px;
}
#About .Relief .Inner .Box .Entry .Txt{
    font-size: 14px;
}

/*-------------------------------------Canada+Cebu*/
#About .Canada,#About .Cebu{}
#About .Canada .MainTtl{}
#About .Cebu .MainTtl{}
#About .Canada .MainTtl,#About .Cebu .MainTtl{
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
}

#About .Canada .MainTtl .logo,#About .Cebu .MainTtl .logo{
    margin-right: 0;
    margin-bottom: 8px;
}
#About .Canada .MainTtl .logo img,#About .Cebu .MainTtl .logo img{
}

#About .Canada .MainTxt{}
#About .Cebu .MainTxt{}
#About .Canada .MainTxt,#About .Cebu .MainTxt{
    margin-bottom: 24px;
    line-height: 1.6;
}

#About .Canada .Inner,#About .Cebu .Inner{width: 100%;}
#About .Canada .Inner .PointTtl,#About .Cebu .Inner .PointTtl{
    font-size: 16px;
    margin-bottom: 16px;
}
#About .Canada .Inner .Photo,#About .Cebu .Inner .Photo{}
#About .Canada .Inner .Photo img,#About .Cebu .Inner .Photo img{}
#About .Canada .Inner .Photo img + img,#About .Cebu .Inner .Photo img + img{}
#About .Canada .Inner .MainTxt,#About .Cebu .Inner .MainTxt{}
#About .Canada .Inner .Box,#About .Cebu .Inner .Box{}
#About .Canada .Inner .Box .MainTtl,#About .Cebu .Inner .Box .MainTtl{}
#About .Canada .Inner .Box .Entry,#About .Cebu .Inner .Box .Entry{}
#About .Canada .Inner .Box .Entry + .Entry,#About .Cebu .Inner .Box .Entry + .Entry{margin-top: 8px;}
#About .Canada .Inner .Box .Entry .Ttl,#About .Cebu .Inner .Box .Entry .Ttl{
    font-size: 14px;
}
#About .Canada .Inner .Box .Entry .Ttl span,#About .Cebu .Inner .Box .Entry .Ttl span{}
#About .Canada .Inner .Box .Entry .Txt,#About .Cebu .Inner .Box .Entry .Txt{}

/*-------------------------------------Recommend*/
#About .Recommend{padding: 40px 0;}
#About .Recommend .Box{
    display: block;
}
#About .Recommend .Box .point{}
#About .Recommend .Box .point + .point{
    margin-top: 8px;
}
#About .Recommend .Box .point.alone{}
#About .Recommend .Box .point.family{}
#About .Recommend .Box .point .SubTtl{
    font-size: 16px;
}
#About .Recommend .Box .point.alone .SubTtl{}
#About .Recommend .Box .point.family .SubTtl{}
#About .Recommend .Box .point ul{}
#About .Recommend .Box .point li{
    font-size: 14px;
}
#About .Recommend .Box .point li::before{}
#About .Recommend .Box .point li + li{}
#About .Recommend .Box .point  li:before{}

/*-------------------------------------FAQ*/
#About .FAQ{
    width: 100%;
}
#About .FAQ .Inner{
    width: 80%;
    margin: 0 auto;
}
#About .FAQ .Inner .Entry{}
#About .FAQ .Inner .Entry + .Entry{}
#About .FAQ .Inner .Entry .Ask{
    font-size: 16px;
    margin-bottom: 4px;
}
#About .FAQ .Inner .Entry .Txt{
    font-size: 14px;
}
#About .FAQ .Inner .Entry .Ask:before,
#About .FAQ .Inner .Entry .Txt:before{
    font-size: 4.2vw;
    margin-left: -21px;
}
#About .FAQ .Inner .Entry .Ask:before{}
#About .FAQ .Inner .Entry .Txt:before{}

.button_st02{
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 0px;
	width: 90%;
		padding-bottom: 40px;
}

.button_st02 a {
    background: #ff9119;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    width: 85%;
    padding: 20px 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration: none;
	border-radius: 30px;
	
}
.button_st02 a:hover {
    background: #ffb25f;
    color: #FFF;
}
.button_st02 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button_st02 a:hover:after {
    border-color: #FFF;
}

.bn{
    padding: 8px 0;
}
.bn img{
    width: 90%;
}