/*-------------------------------------------------------------------
	
	レイアウト

-------------------------------------------------------------------*/
     .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      background-color: #fff;
      padding: 5px 3px;
    }

  .logo {
	padding-left: 3px;
  }

@media (max-width: 600px) {
  .logo img {
    max-width: 72%;
  }

  .logo {
    max-height: none;
  }
	
  .header {
    height: auto;
  }
}


.selectbox-6 {
    position: relative;
}

.selectbox-6::before,
.selectbox-6::after {
    position: absolute;
    right: 15px;
    width: 9px;
    height: 6px;
    background-color: #6a542d;
    content: '';
    pointer-events: none;
}

.selectbox-6::before {
    top: calc(50% - 9px);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.selectbox-6::after {
    bottom: calc(50% - 9px);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.selectbox-6 select {
    appearance: none;
    min-width: 130px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #f96262;
    border-radius: 25px;
    background-color: #fff;
    color: #4a340d;
    font-size: 14px;
    cursor: pointer;
}

.right {
	text-align: right;
	}
.left {
	text-align: left;
	}
.center {
	margin:0 auto!important;
	}
.center_text {
	text-align:center;
	}
.f_left {
	float:left;
}
.f_right {
	float: right;
}
.font-b {
	font-weight: bold;
}

.font-40 {
	font-size: 4.0rem;
	line-height: 1.4;
	font-weight: bold;
}
.font-38 {
	font-size: 3.8rem;
	line-height: 1.4;
	font-weight: bold;
}
.font-30 {
	font-size: 3.0rem;
	line-height: 1.4;
	font-weight: bold;
}
.font-24 {
	font-size: 2.4rem;
	line-height: 1.4;
	font-weight: bold;
}
.font-22 {
	font-size: 2.2rem;
	line-height: 1.4;
	font-weight: bold;
}
.font-20 {
	font-size: 2rem;
	line-height: 1.2;
	font-weight: bold;
}
.font-18 {
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: bold;
}
.font-16 {
	font-size: 1.6rem;
	line-height: 1.4;
}
.font-14 {
	font-size: 1.4rem;
	line-height: 1.8;
}
.font-12 {
	font-size: 1.2rem;
	line-height: 1.4;
}

.bg-white {
	background-color:#fff;
}
.bg-001 {
	background-color:#fff1e1;
}
.bg-002 {
	background-color:#fff6eb;
}
.bg-003 {
	background-color:#ffe4c6;
}
.bg-004 {
	background-color:#fffde6;
}
.bg-footer {
	background-color: #f9a877;
}

.kiwi-maru-regular {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

.f-bk {
	color:#422b09;
}
.f-white {
	color:#fff;
}
.f-orange {
	color: #f9a877;
}
.f-red {
	color:red;
}







/*マージン設定　----------------------------------------------------------*/
.mb15 {
	margin-bottom:15px;
	}
.mb20 {
	margin-bottom:20px;
	}
.mb30 {
	margin-bottom:30px;
	}
.mb40 {
	margin-bottom:40px;
	}
.mb60 {
	margin-bottom:60px;
	}
.mb100 {
	margin-bottom:100px;
	}
.mt20 {
	margin-top:20px;
	}
.mt40 {
	margin-top:40px;
	}
.mt50 {
	margin-top:50px;
	}
.mt60 {
	margin-top:60px;
	}
.mt80 {
	margin-top:80px;
	}
.mt100 {
	margin-top:100px;
	}
.pt05 {
	padding-top:5px;
	}
.pt10 {
	padding-top:10px;
	}
.pt20 {
	padding-top:20px;
	}
.pt30 {
	padding-top:30px;
	}
.pt40 {
	padding-top:40px;
	}
.pt60 {
	padding-top:60px;
	}
.pt80 {
	padding-top:80px;
	}
.pt100 {
	padding-top:100px;
	}
.pt160 {
	padding-top:160px;
	}
.pb05 {
	padding-bottom:5px;
	}
.pb10 {
	padding-bottom:10px;
	}
.pb20 {
	padding-bottom:20px;
	}
.pb30 {
	padding-bottom:30px;
	}
.pb40 {
	padding-bottom:40px;
	}
.pb60 {
	padding-bottom:60px;
	}
.pb100 {
	padding-bottom:100px;
	}
.pr15 {
	padding-right:15px;
	}
.pl15 {
	padding-left:15px;
	}
.ml30 {
	margin-left:30px;
	}
.ml40 {
	margin-left:40px;
	}




@media (min-width:768px){
.box {
 margin: 0 auto!important;
 background-color: #fff;
 padding: 40px 40px;
 border-radius: 10px;
}
}

@media (max-width:767px){
.box {
 margin: 0 auto!important;
 background-color: #fff;
 padding: 20px 20px;
 border-radius: 10px;
}
}



.img-fluid {
	width:100%;
	height:auto;
	vertical-align: bottom!important;
	}


/*　SP/PC 個別設定　*/
@media only screen and (min-width:768px) {
.title {
	font-size: 34px;
	line-height: 1.6;
}
.title-2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}
.space {
	padding: 60px 0;
	}
.space-top {
	padding-top:140px ;
	}
.icon {
	width: 70px;
	}
.icon-2 {
	width: 50px;
	}
.icon {
	width: 70px;
	}
.woman {
	width: 500px;
	}
.insta-button {
	width: 400px;	
	}
}

@media only screen and (max-width:767px) {
.title {
	font-size: 24px;
	line-height: 1.4;
}
.title-2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
.space {
	padding: 50px 0;
	}
.space-top {
	padding-top:80px ;
	}
.icon {
	width: 60px;
	}
.icon-2 {
	width: 40px;
	}
.woman {
	width: 100%;
	}
	.insta-button {
	width: 100%;	
	}
	
}



/*以下コンテンツ----------------------------------------------------------*/

/*　メイン　*/
.container-main {
    width: 100%;
	margin: 0 auto;
  }
.container-main-2 {
    width: 600px;
	margin: 0 auto;
  }
.container-main-3 {
    width: 500px;
	margin: 0 auto;
  }


@media only screen and (max-width:767px)  {
  .container-main {
    width: 100%;
	margin: 0 auto;
  }
  .container-main-2 {
    width: 90%;
	margin: 0 auto;
  }
  .container-main-3 {
    width: 80%;
	margin: 0 auto; 
  }
}


/*　カラムコンテンツ　*/
.container-flex {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.container-flex-100 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.column-left-2 {
  width: 65%;
  padding: 15px 15px;
  box-sizing: border-box;
}
.column-right-2 {
  width: 35%;
  padding: 15px 15px;
  box-sizing: border-box;
}

.column-left-2-2 {
  width: 50%;
  padding: 15px 25px;
  box-sizing: border-box;
}
.column-right-2-2 {
  width: 50%;
  padding: 15px 25px;
  box-sizing: border-box;
}


.column-1 {
  width: 25%;
  padding: 10px 10px;
  box-sizing: border-box;
}
.column-2 {
  width: 25%;
  padding: 10px 10px;
  box-sizing: border-box;
}
.column-3 {
  width: 25%;
  padding: 10px 10px;
  box-sizing: border-box;
}
.column-4 {
  width: 25%;
  padding: 10px 10px;
  box-sizing: border-box;
}


.column-left-3 {
  width: 33.33%;
  padding: 10px 10px;
  box-sizing: border-box;
}
.column-center-3 {
  width: 33.33%;
  padding: 10px 10px;
  box-sizing: border-box;
}
.column-right-3 {
  width: 33.33%;
  padding: 10px 10px;
  box-sizing: border-box;
}


@media only screen and (max-width: 767px) {
.container-flex {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  }
.container-flex-100 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
  .column-left-2 {
    width: 100%;
    padding: 0px;
  }
  .column-right-2 {
    width: 100%;
    padding: 0px;
  }
	
  .column-left-2-2 {
    width: 100%;
    padding: 0px;
  }
  .column-right-2-2 {
    width: 100%;
    padding: 0px;
  }
	
.column-1 {
  width: 50%;
  padding: 10px 5px;
}	
.column-2 {
  width: 50%;
  padding: 10px 5px;
}	
.column-3 {
  width: 50%;
  padding: 10px 5px;
}	
.column-4 {
  width: 50%;
  padding: 10px 5px;
}	

  .column-left-3 {
    width: 100%;
    padding: 0px;
  }
  .column-center-3 {
    width: 100%;
    padding: 0px;
  }
  .column-right-3 {
    width: 100%;
    padding: 0px;
  }
}


/*　背景画像　*/
@media (min-width:768px){
.mv {
background-image: url('../imgs/mv-bg.png');
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
height: 52vw;
	}	
.mv-eng {
background-image: url('../eng/imgs/mv-bg-eng.png');
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
height: 52vw;
	}	
.mv-por {
background-image: url('../portugues/imgs/mv-bg-por.png');
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
height: 52vw;
	}	
}


/*　角丸　見出し　*/
.circle {
    margin-bottom: 0.2rem;
    padding: 1rem;
    color: #fff;
    background-color: #f9a877;
    border-radius: 5rem;
    text-align: center;
}


/*　上下線　見出し　*/
.access {
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    border-top: 4px solid #f9a877;
    border-bottom: 4px solid #f9a877;
    font-weight: bold;
}


/*　左右線　見出し　*/
.diagonal {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 2;
  color: #f9a877;
}

.diagonal::before,.diagonal::after {
  width: 2px;
  height: 28px;
  content: "";
  background-color: #f9a877;
}

.diagonal::before {
  margin-right: 1.2em;
  transform: rotate(-30deg);
}

.diagonal::after {
  margin-left: 1.2em;
  transform: rotate(30deg);
}



/* FAQ区切り線リセットCSS */
.hr2 {
  height: 0;
  margin: 10px 0;
  padding: 0;
  border: 0;title
}
.hr2 {
  border-top: 3px solid #f9a877;
}


/*　テキストにアンダーライン、蛍光マーカー　*/
.underline01 {
  background: #fef4d9;
}

.underline02 {
  background: linear-gradient(transparent 40%, #fef4d9 60%);
}

.underline03 {
  background: linear-gradient(transparent 80%, #fef4d9 20%);
}

/*　テキストにアンダーラインのアニメーション　*/
.anim-underline01 {
  position: relative;
}

.anim-underline01::before {
  content:"";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent 40%, #fef4d9 60%);
  animation: underlineAnim 2s ease-in;
  z-index: -1;
}

@keyframes underlineAnim {
  0% {
    right: 100%;
  }
  100% {
    right: 0;
  }
}


/*　LP用ロゴ（今だけ使用）　*/
.pc-logo {
	width: 300px;
}