@charset "UTF-8";


/* ==========================

+1 全体（色んなサイトに共通）
+2 header
+3 footer
+5 page（固定ページ）
+6 category（アーカイブページ）
+7 single（投稿ページ）
+9 aside（サイドバー）

+10 サイトごとに調整するパーツ

+home トップページの設定

========================== */



/* ==========================
+1 全体
========================== */
* {
  box-sizing: border-box;
}

/*フォント設定*/
body {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";

	font-style: normal;
	font-weight: normal;
  font-size: 16px;

	background:none;

	/* color:#595959; */
	color:#000;

	line-height:1.78;
}
@media screen and (max-width:481px) {
  body {
    font-size: 14px;
  }
}


.gothic{
font-family:"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";
}
.mincho{
font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";
}



button {
	font-family:"游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Yu Mincho", "YuMincho", "游明朝体";
	font-style: normal;
	color:white;
	font-weight: bold;

}
button a{
  color: #fff !important;
}


/* p { */
  /* font-size: 1rem; */
/* } */

a {
  text-decoration: none;
  color:#000;
}
/*マウスオーバーでテキストに下線が引かれるのをなくす*/
a:hover{
	text-decoration:none;
  transition:0.3s ease-out;
}
.entry_content a {
  color: #4f96f6;
}


.single_box a {
  color: #4f96f6;
}

table a{
  color: #4f96f6;
}
/*リンクが張られたものに対してマウスオーバーした時の設定*/
/*--------------------------------------------------------*/

/*リンクが貼られている画像をマウス―オーバーした時にゆっくり半透明にする*/
a img{
	transition:all 0.3s ease-out;
}
a:hover img{
	opacity: 0.8;
}


img {
  width: auto;
  max-width: 100%;
  height: auto;
 /* vertical-align: bottom; */
}




hr {
  display: none;
}

li {
  list-style: none;
}

input,textarea,select {
  max-width: 100%;
}



/*左右の余白を開けるためのクラス*/
.inner {
	padding: 0 6%;
}
@media (max-width: 481px) {
.inner{
	padding:0 4%;
}
}
@media (min-width: 1001px) {
.inner-1000 {
	padding: 0 6%;
}
}
@media (max-width: 481px) {
.inner-1000 {
	padding: 0 4%;
}
}



/*ブログページ用*/
.inner-single {
	padding: 0 10%;
}
@media (max-width: 1400px) {
.inner-single{
	padding:0 4%;
}
}
@media (max-width: 1200px) {
.inner-single{
	padding:0 2.5%;
}
}
@media (max-width: 768px) {
.inner-cta{
	padding:0 4%;
}
}


/*記事領域用*/
@media (max-width: 768px) {
.inner-box{
	padding:0 4%;
}
}


/*ウィジェット出力領域用
*/
.inner-aside{
	padding: 0 4%;
	margin-top:0px;
}
@media (max-width: 768px) {
.inner-aside{
	padding: 0 4%;
	margin-top:50px;
}
}




/*幅を指定するクラスリスト*/
/*--------------------------------------------------------*/

.wrap-300{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	padding:0;
	margin:0;
	width: 100%; /*これがメインコンテンツの幅になる*/
	max-width:300px;
}


.wrap-350{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	padding:0;
	margin:0;
	width: 100%; /*これがメインコンテンツの幅になる*/
	max-width:350px;
}


.wrap-400{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	padding:0;
	margin:0;
	max-width: 400px; /*これがメインコンテンツの幅になる*/
	width:100%;
}


.wrap-480{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	padding:0;
	margin:0;
	max-width: 480px; /*これがメインコンテンツの幅になる*/
	width:100%;
}


.wrap-600{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	padding:0;
	margin:0;
	max-width: 600px; /*これがメインコンテンツの幅になる*/
	width:100%;
}

.wrap-800{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	padding:0;
	margin:0;
	max-width: 800px; /*これがメインコンテンツの幅になる*/
	width:100%;
}

.wrap-900{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	padding:0;
	margin:0;
	max-width: 900px; /*これがメインコンテンツの幅になる*/
	width:100%;
}


.wrap-1000{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	padding:0;
	margin:0;
	max-width: 1000px; /*これがメインコンテンツの幅になる*/
	width:100%;
}

.wrap-1200{
	display: inline-block; /*これが重要設定1*/
	position: relative; /*これが重要設定2*/
	text-align:left; /*必須*/
	max-width: 1200px; /*これがメインコンテンツの幅になる*/
	width:100%;
}


.wrap_1600 {
	position:relative;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow:hidden;
}

.wrap_1200 {
	position:relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.wrap_1000 {
	position:relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}


.wrap_900 {
	position:relative;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.wrap_800 {
	position:relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.wrap_600 {
	position:relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.wrap_500 {
	position:relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.wrap_480 {
	position:relative;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.wrap_400 {
	position:relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.wrap_350 {
	position:relative;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}





/*左・右・中央寄せするクラス*/
.left-wrap{
	text-align:left;
	position:relative;
}
.right-wrap{
	text-align:right;
	position:relative;
}
.center-wrap{
	text-align:center;
	position:relative;
}


.center {
  text-align: center;
}
@media (min-width: 482px) {
.center-pc{
	text-align:center;
	position:relative;
}
}
@media (max-width: 481px) {
.center-sp{
	text-align:center;
	position:relative;
}
}
@media (min-width: 1001px) {
.center-pc1000{
	text-align:center;
	position:relative;
}
}
@media (max-width: 1000px) {
.center-sp1000{
	text-align:center;
	position:relative;
}
}





.small {
  font-size: 0.8rem;
}

.flex_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}


.flex_row_r {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}


.flex_row_r {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}


.flex_column {
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
}


.flex_column_r {
  display: flex;
  flex-direction: column-reverse;
}

@media (max-width: 767px) {
.flex_sp_footer{
    flex-direction: column;
}
}





/*----------------------------------------------------
	flexbox
----------------------------------------------------*/
.flex {
  display: flex;
}
@media screen and (max-width:1000px) {
  .flex_sp_c {
    flex-direction: column;
  }

  .flex_sp_c_r {
    flex-direction: column-reverse;
  }
}
.flex_sp {
flex-direction: column;
}
.flex_sp_r {
flex-direction: column-reverse;
}


.flex.flex--justify {
  justify-content: space-between;
}
.flex.flex--jcenter {
  justify-content: center;
}
.flex.flex--wrap {
  flex-wrap: wrap;
}
.flex.flex--center {
  align-items: center;
  align-content: center;
}
.flex.flex--col02 {

  flex-wrap: wrap;
  /* align-items: center; */
    align-items: flex-start;

  align-content: center;

justify-content:space-between;

}
.flex.flex--col02 .pic {
 padding: 0 ;
}

.flex.flex--col02 .pic img {
  width: 100%;
}


@media (min-width: 482px) and (max-width: 1000px) {
.flex.flex--col02 .pic img {
  max-width:450px;
}
}



.flex.flex--col02 .txt h4 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
@media screen and (max-width: 481px) {
  .flex.flex--col02 .txt h4 {
    font-size: 1.4rem;

  }
}
.flex.flex--col02 .txt p {
  line-height: 2;
}
.flex.flex--col02 .w60 {
  width: 60%;
}
.flex.flex--col02 .w62 {
  width: 62%;
}
.flex.flex--col02 .w55 {
  width: 55%;
}
.flex.flex--col02 .w50 {
  width: 50%;
}
.flex.flex--col02 .w46 {
  width: 46%;
}
.flex.flex--col02 .w43 {
  width: 43%;
}
.flex.flex--col02 .w38 {
  width: 38%;
}
.flex.flex--col02 .w30 {
  width: 30%;
}

@media screen and (max-width: 1000px) {
  .flex.flex--col02 .pic {
    order: 2;
    text-align: center;
    /* margin-bottom: 40px; */
  }
  .flex.flex--col02 .txt {
    order: 1;
  }
  .flex.flex--col02 .w60,
  .flex.flex--col02 .w62,
  .flex.flex--col02 .w50,
  .flex.flex--col02 .w55,
  .flex.flex--col02 .w46,
  .flex.flex--col02 .w43,
  .flex.flex--col02 .w38,
  .flex.flex--col02 .w30 {
    width: 100%;
  }
}

.flex.flex--end {
	justify-content:flex-end;
}
.flex.align--end {
	align-items:flex-end;
}





/*----------------------------------------------------
	flexbox 感想用
----------------------------------------------------*/

.single .flex.flex--voice {

  flex-wrap: wrap;
  /* align-items: center; */
    align-items: flex-start;

  align-content: center;

justify-content:space-between;
margin-bottom:25px;

}
.single .flex.flex--voice .pic {
 padding: 0 15px ;
}

.single .flex.flex--voice .pic img {
  width: 100%;
  max-width:190px;
}




.single .flex.flex--voice .txt h4 {
	border-left:none;
	padding-left:0;
  font-size: 1.25em;
  margin: 0;
  margin-top:0.5em;

}

.single .flex.flex--voice .txt p {
  /* line-height: 2; */
}

.single .flex.flex--voice .txt {
background:#eee;
padding:0 1em;
text-align:left;
border-radius:15px;
}
.single .flex.flex--voice .w73 {
  width: 73%;
}
.single .flex.flex--voice .w68 {
  width: 68%;
}
.single .flex.flex--voice .w62 {
  width: 62%;
}
.single .flex.flex--voice .w60 {
  width: 60%;
}
.single .flex.flex--voice .w55 {
  width: 55%;
}
.single .flex.flex--voice .w50 {
  width: 50%;
}
.single .flex.flex--voice .w46 {
  width: 46%;
}
.single .flex.flex--voice .w43 {
  width: 43%;
}
.single .flex.flex--voice .w38 {
  width: 38%;
}
.single .flex.flex--voice .w30 {
  width: 30%;
}
.single .flex.flex--voice .w25 {
  width: 25%;
}

@media screen and (max-width: 481px) {
  .single .flex.flex--voice .pic {
    order: 1;
    text-align: center;
    /* margin-bottom: 40px; */
  }
  .single .flex.flex--voice .txt {
    order: 2;
  }
  .single .flex.flex--voice .w73,
  .single .flex.flex--voice .w68,
  .single .flex.flex--voice .w60,
  .single .flex.flex--voice .w62,
  .single .flex.flex--voice .w50,
  .single .flex.flex--voice .w55,
  .single .flex.flex--voice .w46,
  .single .flex.flex--voice .w43,
  .single .flex.flex--voice .w38,
  .single .flex.flex--voice .w30,
  .single .flex.flex--voice .w25
  {
    width: 100%;
  }
}








.pc_only {
  display: revert;
}

.sp_only {
  display: none;
}

@media screen and (max-width:1000px) {
  .pc_only {
    display: none;
  }

  .sp_only {
    display: revert;
  }
}




/* スマホとそれ以外で表示切り替えるための設定 */
@media screen and (min-width:482px) {

	.pc_display {
	display: block;
	}

	.sp_display {
		display: none !important;
	}
}
@media screen and (max-width:481px) {

	.pc_display {
	display: none !important;
	}

	.sp_display {
		display: block;
	}
}
@media screen and (min-width:601px) {

	.pc600_display {
	display: block;
	}

	.sp600_display {
		display: none !important;
	}
}
@media screen and (max-width:600px) {

	.pc600_display {
	display: none !important;
	}

	.sp600_display {
		display: block;
}
}
@media screen and (min-width:651px) {

	.pc650_display {
	display: block;
	}

	.sp650_display {
		display: none !important;
	}
}
@media screen and (max-width:650px) {

	.pc650_display {
	display: none !important;
	}

	.sp650_display {
		display: block;
}
}
@media screen and (min-width:768px) {

	.pc768_display {
	display: block;
	}

	.sp768_display {
		display: none !important;
	}
}
@media screen and (max-width:767px) {

	.pc768_display {
	display: none !important;
	}

	.sp768_display {
		display: block;
}
}
@media screen and (min-width:1001px) {

	.pc1000_display {
	display: block;
	}

	.sp1000_display {
		display: none !important;
	}
}
@media screen and (max-width:1000px) {

	.pc1000_display {
	display: none !important;
	}

	.sp1000_display {
		display: block;
}
}




/****YouTube動画を埋め込むための枠***/

/*1:1で動画を埋め込むための設定*/
.video-11{
position: relative;
display:inline-block;
text-align:center;
width:100%;
padding-bottom:100%;
height:0px;
}
.video-11 iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*4:3で動画を埋め込むための設定*/
.video-43{
position: relative;
display:inline-block;
text-align:center;
width:100%;
padding-bottom:75%;
height:0px;
}
.video-43 iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*3:2で動画を埋め込むための設定*/
.video-32{
position: relative;
display:inline-block;
text-align:center;
width:100%;
padding-bottom:66.67%;
height:0px;
}
.video-32 iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*16:9で動画を埋め込むための設定*/
.video-169{
position: relative;
display:inline-block;
text-align:center;
width:100%;
padding-bottom:56.25%;/*16:9になるように設定*/
height:0px;
}
.video-169 iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*4:5で動画を埋め込むための設定*/
.video-45{
position: relative;
display:inline-block;
text-align:center;
width:100%;
padding-bottom:125%;
height:0px;
}
.video-45 iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





/* 上下左右のmarginを簡単に設定できるクラス */
.M0  { position:relative; margin: 0px !important; }
.M5  { position:relative; margin: 5px !important; }
.M10 { position:relative; margin: 10px !important; }
.M15 { position:relative; margin: 15px !important; }
.M20 { position:relative; margin: 20px !important; }
.M25 { position:relative; margin: 25px !important; }
.M30 { position:relative; margin: 30px !important; }
.M35 { position:relative; margin: 35px !important; }
.M40 { position:relative; margin: 40px !important; }
.M45 { position:relative; margin: 45px !important; }
.M50 { position:relative; margin: 50px !important; }

.MT0  { position:relative; margin-top: 0px !important; }
.MT5  { position:relative; margin-top: 5px !important; }
.MT10 { position:relative; margin-top: 10px !important; }
.MT15 { position:relative; margin-top: 15px !important; }
.MT20 { position:relative; margin-top: 20px !important; }
.MT25 { position:relative; margin-top: 25px !important; }
.MT30 { position:relative; margin-top: 30px !important; }
.MT35 { position:relative; margin-top: 35px !important; }
.MT40 { position:relative; margin-top: 40px !important; }
.MT45 { position:relative; margin-top: 45px !important; }
.MT50 { position:relative; margin-top: 50px !important; }
.MT100 { position:relative; margin-top: 100px !important; }
.MT150 { position:relative; margin-top: 150px !important; }

.mt5 { position:relative; margin-top: -5px !important; }
.mt10 { position:relative; margin-top: -10px !important; }
.mt15 { position:relative; margin-top: -15px !important; }
.mt20 { position:relative; margin-top: -20px !important; }
.mt25 { position:relative; margin-top: -25px !important; }
.mt30 { position:relative; margin-top: -30px !important; }
.mt35 { position:relative; margin-top: -35px !important; }
.mt40 { position:relative; margin-top: -40px !important; }
.mt45 { position:relative; margin-top: -45px !important; }
.mt50 { position:relative; margin-top: -50px !important; }


.MB0  { position:relative; margin-bottom: 0px !important; }
.MB5  { position:relative; margin-bottom: 5px !important; }
.MB10 { position:relative; margin-bottom: 10px !important; }
.MB15 { position:relative; margin-bottom: 15px !important; }
.MB20 { position:relative; margin-bottom: 20px !important; }
.MB25 { position:relative; margin-bottom: 25px !important; }
.MB30 { position:relative; margin-bottom: 30px !important; }
.MB35 { position:relative; margin-bottom: 35px !important; }
.MB40 { position:relative; margin-bottom: 40px !important; }
.MB45 { position:relative; margin-bottom: 45px !important; }
.MB50 { position:relative; margin-bottom: 50px !important; }
.mb5 { position:relative; margin-bottom: -5px !important; }
.mb10 { position:relative; margin-bottom: -10px !important; }
.mb15 { position:relative; margin-bottom: -15px !important; }
.mb20 { position:relative; margin-bottom: -20px !important; }
.mb25 { position:relative; margin-bottom: -25px !important; }
.mb30 { position:relative; margin-bottom: -30px !important; }

.ML0  { position:relative; margin-left: 0px !important; }
.ML5  { position:relative; margin-left: 5px !important; }
.ML10 { position:relative; margin-left: 10px !important; }
.ML15 { position:relative; margin-left: 15px !important; }
.ML20 { position:relative; margin-left: 20px !important; }
.ML25 { position:relative; margin-left: 25px !important; }
.ML30 { position:relative; margin-left: 30px !important; }
.ml5 { position:relative; margin-left: -5px !important; }
.ml10 { position:relative; margin-left: -10px !important; }
.ml15 { position:relative; margin-left: -15px !important; }
.ml20 { position:relative; margin-left: -20px !important; }
.ml25 { position:relative; margin-left: -25px !important; }
.ml30 { position:relative; margin-left: -30px !important; }

.MR0  { position:relative; margin-right: 0px !important; }
.MR5  { position:relative; margin-right: 5px !important; }
.MR10 { position:relative; margin-right: 10px !important; }
.MR15 { position:relative; margin-right: 15px !important; }
.MR20 { position:relative; margin-right: 20px !important; }
.MR25 { position:relative; margin-right: 25px !important; }
.MR30 { position:relative; margin-right: 30px !important; }
.mr5 { position:relative; margin-right: -5px !important; }
.mr10 { position:relative; margin-right: -10px !important; }
.mr15 { position:relative; margin-right: -15px !important; }
.mr20 { position:relative; margin-right: -20px !important; }
.mr25 { position:relative; margin-right: -25px !important; }
.mr30 { position:relative; margin-right: -30px !important; }



/* 上下左右のpaddingを簡単に設定できるクラス */
.P0  {  padding: 0px !important; }
.P5  {  padding: 5px !important; }
.P10 {  padding: 10px !important; }
.P15 {  padding: 15px !important; }
.P20 {  padding: 20px !important; }
.P25 {  padding: 25px !important; }
.P30 {  padding: 30px !important; }


.PT0  {  padding-top: 0px !important; }
.PT5  {  padding-top: 5px !important; }
.PT10 {  padding-top: 10px !important; }
.PT15 {  padding-top: 15px !important; }
.PT20 {  padding-top: 20px !important; }
.PT25 {  padding-top: 25px !important; }
.PT30 {  padding-top: 30px !important; }

.PB0  {  padding-bottom: 0px !important; }
.PB5  {  padding-bottom: 5px !important; }
.PB10 {  padding-bottom: 10px !important; }
.PB15 {  padding-bottom: 15px !important; }
.PB20 {  padding-bottom: 20px !important; }
.PB25 {  padding-bottom: 25px !important; }
.PB30 {  padding-bottom: 30px !important; }

.PL0  {  padding-left: 0px !important; }
.PL5  {  padding-left: 5px !important; }
.PL10 {  padding-left: 10px !important; }
.PL15 {  padding-left: 15px !important; }
.PL20 {  padding-left: 20px !important; }
.PL25 {  padding-left: 25px !important; }
.PL30 {  padding-left: 30px !important; }

.PR0  {  padding-right: 0px !important; }
.PR5  {  padding-right: 5px !important; }
.PR10 {  padding-right: 10px !important; }
.PR15 {  padding-right: 15px !important; }
.PR20 {  padding-right: 20px !important; }
.PR25 {  padding-right: 25px !important; }
.PR30 {  padding-right: 30px !important; }





/*************汎用フェードイン*********************/
/*フェードインするだけのアニメーション。汎用性が高い。*/
@keyframes fadein-only{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*フェードアウトするだけのアニメーション。汎用性が高い。*/
@keyframes fadeout-only {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*移動せずフェードイン*/
.fadein{
	opacity: 0;
	transition:0.69s ease-out;
}

.blur{
	opacity: 0;
	transition:1s ease-out;
	filter: blur(50px);
}

.blur_in{
	opacity: 0;
	transition:1s ease-out;
	filter: blur(50px);
}


/*左右にスライドしながらェードイン*/
.slide-to-left{
	opacity: 0;
	transform: translateX(100px);
	transition:1.5s ease-out;
}
.slide-to-right{
	opacity: 0;
	transform: translateX(-100px);
	transition:1.5s ease-out;
}



/* showクラスと一緒に使うフェードイン用のCSS */
/* 上からフェードイン */
.slide-top {
  opacity: 0;
  transform: translate(0, -25px);
  transition: all 1s ease-out;
}

/* 下からフェードイン */
.slide-bottom {
  opacity: 0;
  transform: translate(0, 25px);
  transition: all 1s ease-out;
}

/* 左からフェードイン */
.slide-left {
  opacity: 0;
  transform: translate(-100px, 0);
  transition: all 1s ease-out;
}

/* 右からフェードイン */
.slide-right {
  opacity: 0;
  transform: translate(100px, 0);
  transition: all 1s ease-out;
}


/*拡大登場*/
.scale-up{
  transform:scale(0);
  transition: all 1s ease-out;
}





/*----------------------------------------------------
	transition delay
----------------------------------------------------*/
.dl01s {
   transition-delay: 0.1s !important;
}

.dl02s {
  transition-delay: 0.2s !important;
}

.dl03s {
  transition-delay: 0.3s !important;
}

.dl04s {
  transition-delay: 0.4s !important;
}

.dl05s {
  transition-delay: 0.5s !important;
}

.dl06s {
  transition-delay: 0.6s !important;
}

.dl07s {
  transition-delay: 0.7s !important;
}

.dl08s {
  transition-delay: 0.8s !important;
}

.dl09s {
  transition-delay: 0.9s !important;
}

.dl1s {
  transition-delay: 1s !important;
}

.dl15s {
  transition-delay: 1.5s !important;
}

.dl2s {
  transition-delay: 2s !important;
}










/**********************************
ボタン用CSS
***********************************/

/************共通設定**********/
button{
	background:none !important;
	border:0 none !important;

font-weight:bold;
}
.btn {
 padding: 0.5rem;
 padding-left:3.5rem;
 padding-right:3rem;

  line-height: 1.4;

  position: relative;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
}

/*角が円のボタン設定（cはcircleのc）*/
.btn-c {
  position: relative;
/*  padding: 1.5rem 3rem 1.5rem 2rem;*/
  border-radius: 100vh;
}
/*角丸長方形のボタン設定（rはroundedのr）*/
.btn-r {
  position: relative;
  border-radius: 0.5rem;
}
/*左を狭くする*/
.btn-l{
 padding-left:3rem;
 }


/*ボタン左のアイコン*/
.fa-position-left {
  position: absolute;
  /* top: calc(50% - 0.45em); */
  /* left: 5vw; */
   /* font-size: 7vw; */

    top: calc(50% - 0.6rem);
    left: 1.3rem;
    font-size: 1.2rem;


}
/*ボタン右のアイコン*/
.fa-position-right {
  position: absolute;
  /* top: calc(50% - 0.45em); */
  /* right: 5vw; */
    font-size: 1.2rem;
    top: calc(50% - 0.55rem);
    right: 1.4rem;
}

/************共通設定ここまで**********/




/***********プレゼント用LINE用ボタン*********/
.btn-LINE-footer{
	display:inline-block;
	width:300px;

	text-align:center;

	position:fixed;
	right:0;
	bottom:0;

	transform:scale(0);

	background:none;
	border:none;

	transition:all 1s ease-out;

	z-index:8;
}
@media (max-width: 481px) {
.btn-LINE-footer{
	bottom:0;
}
}
@media (max-width: 300px) {
.btn-LINE-footer{
	width:100%;
	bottom:0;
}

}





/*テキストでLINEボタンを作る場合*/
.btn-LINE-wrap{
	display:inline-block;
	width:100%;

	text-align:center;

	position:relative;

	background:none;
	border:none;

	margin-bottom:30px;
	}
.btn-LINE {

  color: #fff;

/* background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%); */
  background-image: linear-gradient(20deg, #891700 0%, #e7380d 100%);


  border-bottom: 5px solid rgba(0,0,0,0.38);

  opacity:1;

    /* font-family: "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	 */

  transition:0.3s ease-out;

}


.btn-LINE p{
	font-size:21px;
	letter-spacing:0.1em;
}
.btn-LINE p span{
	font-size:19px;
}
@media (max-width: 1000px) {
.btn-LINE p{
	font-size:19px;
	letter-spacing:0.1em;
}
.btn-LINE p span{
	font-size:17px;
}
}
@media (max-width: 380px) {
.btn-LINE p{
	font-size:16px;
}
.btn-LINE p span{
	font-size:14px;
}
}

/*ホバーされたら元の色より少し明るくする*/
.btn-LINE:hover {
  color: #fff;
/* background-image: linear-gradient(to top, #d19788 0%, #edaf81 100%); */
   margin-top: 3px;
  border-bottom: 2px solid rgba(0,0,0,0.2);


}







/* ==========================
+2 header(新)
========================== */


#header {
  padding: 15px 0;
  position: relative;
  z-index: 98;
  width: 100%;
  transition: .5s;
  background:#E7B7B7;
  margin-bottom:30px;
}
@media (max-width: 481px) {
	#header {
  padding-bottom:7.5px;
}
}
.home #header, .archive #header{
  padding: 25px 0;
  position: absolute;
  z-index: 98;
  width: 100%;
  transition: .5s;
  background:none;
}


/*ロゴをフェードイン*/
/* #header_sp { */
	/* width: 13%; */
	/* opacity: 0; */
	/* visibility: hidden; */
	/* transition: 2s; */
/* } */
/* #header_sp.show { */
	/* opacity: 1; */
	/* visibility: visible; */
/* } */

#header_logo.show {
	opacity: 1;
	visibility: visible;
}
#header_logo.showup {
	opacity: 1;
	visibility: visible;
}

.home #header_logo, .archive #header_logo{
	position:relative;
    display: inline-block;

	width:250px;

	transition: 1s;

	z-index:1000;

	top:-10px;
}
#header_logo {
	position:relative;
    display: inline-block;

	width:150px;

	transition: 1s;

	z-index:1000;
}
@media (max-width: 1000px) {
	#header_logo {
	left:15px;
}
}

@media (max-width: 481px) {
.home #header_logo, .archive #header_logo{
	position:fixed;
	top:10px;
	left:10px;
	margin-left:0px;

    display: block;
	width:178px;
}
}




#header_nav_ul>li>a {
  position: relative;
  display: inline-block;
  transition: .3s;
  padding: 5px 10px;
  color: #fff;
}


#hamburger_nav {
	display: none;
}
#header_nav {
  flex: 0 1 70%;

  max-width:730px; /*ここでメインメニューの間隔を調整*/

  font-size:1.1rem;

  font-family:serif,"Yu Mincho", "YuMincho","Hiragino Mincho Pro", "游明朝体","Noto Serif JP", "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";

}
@media (max-width: 481px) {
 #hamburger_nav {
	font-size:1rem;
}
}

 #hamburger_nav_ul>li>a {
  position: relative;
  display: inline-block;
  transition: .3s;
  padding: 5px 10px;
  color: #fff;
}
 #hamburger_nav_ul li ul li {
  padding-left: 25px;
}

/* PC表示のhover上下白線 */
@media screen and (min-width:1001px) {

  #header_nav_ul>li>a::before,
  #header_nav_ul>li>a::after {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: .3s;
  }

  #header_nav_ul>li>a::before {
    top: 0;
    left: 0;
  }

  #header_nav_ul>li>a::after {
    bottom: 0;
    right: 0;
  }

  #header_nav_ul>li>a:hover::before,
  #header_nav_ul>li>a:hover::after {
    width: 100%;
  }
}

/* ------ */

@media screen and (min-width: 1001px) {
  .header_nav_child_openbtn {
    visibility: hidden;
  }

  /*サブメニューの全体領域*/
  .header_nav_child {
    position: absolute;
    left: 0;
    top: 40px;

    background:rgba(0,0,0,0.38);
	width: max-content;
	padding:5px 0;

    z-index: 4;
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: all .3s;
  }

  .header_nav_child {
	padding:0px 0;
  }
  /*サブメニュー1つ1つ*/
  .header_nav_child li{
	  font-size:0.9rem;
	padding:10px 0px;
  }


  #header_nav li:hover>.header_nav_child,
  #header_nav li:active>.header_nav_child {
    visibility: visible;
    transform: scaleY(1);
    opacity: 1;
  }

  .header_nav_child li {
    border-bottom: 1px solid #fff;
  }

  .header_nav_child li:nth-last-child(1) {
    border-bottom: none;
  }

  .header_nav_child a {
    display: inline-block;
    padding: 0px 15px;
    color: #fff;
  }

  .fix__show .header_nav_child_openbtn {
    visibility: visible;
  }

  .fix__show #header_nav .header_nav_ul li .header_nav_child,
  .fix__show #header_nav li:hover>.header_nav_child,
  .fix__show #header_nav li:active>.header_nav_child {
    visibility: visible;
    opacity: 1;
    transform: unset;
  }


}
#header_nav>ul>li,
 #hamburger_nav>ul>li{
  position: relative;
}










/* ハンバーガーメニュー */
.openbtn {
  position: fixed;
  z-index: 1000;
  top: 16px;
  right: 16px;
  opacity: 0;
  transition: all .6s ease-out;
  transform: translateY(-100px);
  cursor: pointer;
  width: 60px;
  height: 60px;
    /* background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
	*/

background-image: linear-gradient(90deg, #E7B7B7 0%, #D9ACAC 100%);	
	
	
  border-radius: 60px;
}
body:not(.home) .openbtn {
  top: 10px;
}
@media (max-width: 481px) {
.openbtn {
  top: 10px;
  right: 10px;
  opacity: 0;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
}

.fix__show .openbtn {
  opacity: 1;
  transform: translateY(0);
}

.openbtn span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 16px;
  height: 3px;
  border-radius: 2px;
  background-color: #fff;
  width: 45%;
}
@media (max-width: 481px) {
.openbtn span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 13px;
  height: 3px;
  border-radius: 2px;
  background-color: #fff;
  width: 45%;
}
}

.openbtn span:nth-of-type(1) {
  top: 18px;
}
.openbtn span:nth-of-type(2) {
  top: 29px;
}
.openbtn span:nth-of-type(3) {
  top: 40px;
}
@media (max-width: 481px) {
.openbtn span:nth-of-type(1) {
  top: 15px;
}
.openbtn span:nth-of-type(2) {
  top: 23px;
}
.openbtn span:nth-of-type(3) {
  top: 31px;
}
}



.openbtn.active span:nth-of-type(1) {
  top: 22px;
  left:20px;
  transform: translateY(6px) rotate(-45deg);
  width: 35%;
}
.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}
.openbtn.active span:nth-of-type(3) {
  top: 34px;
  left:20px;
  transform: translateY(-6px) rotate(45deg);
  width: 35%;
}
@media (max-width: 481px) {
.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  width: 30%;
}
.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  width: 30%;
}
}

/* ハンバーガーメニュー出現後以降 */
.fix__show #header_nav {
	display: none;
}
.fix__show #hamburger_nav {
	display: block;
  position: fixed;
  z-index: -1;
  top: -120%;
  right: 0;
  width: 100%;
  max-width: 400px;
  height: 100vh;
  transition: all 0.5s;
  background: rgba(0, 0, 0, 0.8);
}

.fix__show #hamburger_nav.panelactive {
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  top: 0;
}

.fix__show #hamburger_nav.panelactive ul {
  display: block;
}

.fix__show #hamburger_nav_ul {
  display: none;
  margin-top: 109px;
  animation-name: header_nav_fadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes header_nav_fadein {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fix__show #hamburger_nav  li {
  border-bottom: 1px solid #555;
}

.fix__show #hamburger_nav  li a {
  color: #fff !important;
  display: inline-block;
  padding: 12px 20px;
  width: 100%;
  position: relative;
  z-index: 180;
}

.fix__show #hamburger_nav  li a .menu_link_span {
  position: relative;
  z-index: 200;
  font-size:1rem;
}

.fix__show #hamburger_nav  a::before {
      /* background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);	  */
	  
background-image: linear-gradient(-90deg, #E7B7B7 0%, #D9ACAC 100%);	
	  
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 500ms ease-out;
  width: 100%;
  opacity: 0;
}

.fix__show #hamburger_nav  a:hover::before {
  opacity: 1;
}

.fix__show #hamburger_nav  a::after {
  display: none;
}

/* 子メニュー */
.fix__show #hamburger_nav li .header_nav_child {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  visibility: visible;
  opacity: 1;
  display: none;
  transform: none;
  transition: none;
}


.fix__show #hamburger_nav .header_nav_child {
  position: relative;
  margin-top: 0;
  background: revert;
}

.fix__show #hamburger_nav .header_nav_child li:nth-child(1) {
  border-top: 1px solid #555;
}

.fix__show #hamburger_nav .header_nav_child li:nth-last-child(1) {
  border-bottom: none;
}

.fix__show .header_nav_child_openbtn {
  display: block;
  width: 50px;
  height: 50px;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 200;

background-image: linear-gradient(90deg, #E7B7B7 0%, #D9ACAC 100%);	

	transition:all ease-out 0.3s;
}


.fix__show .header_nav_child_openbtn span::before {
  content: '';
  position: absolute;
  left: 24px;
  top: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  z-index: 9999;

  	transition:all ease-out 0.3s;
}


.fix__show .menu-item-has-children.active .header_nav_child_openbtn span::before {
  transform: rotate(-45deg);
}

.fix__show #header_nav .header_nav_child a {
  padding: 10px 30px;
}

/* @media screen and (max-width: 1000px) { */
  /* .fix__show .header_nav_child_openbtn { */
    /* height: 48px; */
  /* } */
/* } */


@media screen and (max-width: 481px) {
  .fix__show #hamburger_nav {
    max-width: revert;
  }

}

/* ==========================
+2 header(旧)
========================== */
/* #header {
  padding: 30px 0;
  position: absolute;
  z-index: 20;
  width: 100%;
  transition: .5s;
}

#header_nav {
  flex: 0 1 80%;
}

#header.fixed {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background: #fff;
}

#header_nav_ul>li>a {
  position: relative;
  display: inline-block;
  transition: .3s;
  padding: 5px 10px;
  color: #fff;
}

#header.fixed #header_nav_ul>li>a {
  color: #000;
}

#header_nav_ul>li>a::before,
#header_nav_ul>li>a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: .3s;
}

@media screen and (min-width:1000px) {

  #header.fixed #header_nav_ul>li>a::before,
  #header.fixed #header_nav_ul>li>a::after {
    background-color: #000;
  }

  #header_nav_ul>li>a::before {
    top: 0;
    left: 0;
  }

  #header_nav_ul>li>a::after {
    bottom: 0;
    right: 0;
  }

  #header_nav_ul>li>a:hover::before,
  #header_nav_ul>li>a:hover::after {
    width: 100%;
  }
}



#header_nav>ul>li {
  position: relative;
}

.header_nav_child {
  position: absolute;
  left: 0;
  top: 32px;
  z-index: 4;
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  width: 200px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

#header_nav li:hover>.header_nav_child,
#header_nav li:active>.header_nav_child {
  visibility: visible;
  opacity: 1;
}

.header_nav_child li {
  border-bottom: 1px solid #fff;
}

.header_nav_child li:nth-last-child(1) {
  border-bottom: none;
}

.header_nav_child a {
  display: inline-block;
  padding: 15px;
  color: #fff;
} */

/* メニュー */

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

  /* ナビエリア */
  /* #header {
    z-index: revert;
  }

  #header.fixed {
    position: revert;
    z-index: revert;
  }

  #header_sp {
    z-index: 100;
  }

  #header_sp.fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background: #fff;
    padding: 30px 0;
    width: 100%;
    transition: .5s;
  }

  .page #header_sp.fixed,
  .category #header_sp.fixed {
    padding: 30px 15px;
  }

  #header_sp.fixed h1 {
    width: 90%;
    margin: 0 auto;
  }

  #header_nav {
    position: fixed;
    z-index: -1;
    opacity: 0;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 400px;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s;
  }

  #header_nav.panelactive {
    opacity: 1;
    z-index: 999;
  }

  #header_nav.panelactive ul {
    display: block;
  }

  #header_nav_ul {
    display: none;
    margin-top: 100px;
    animation-name: header_nav_fadein;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  @keyframes header_nav_fadein {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  #header_nav li {
    border-bottom: 1px solid #555;
  }

  #header_nav li a {
    color: #fff !important;
    display: inline-block;
    padding: 15px 15px;
    width: 100%;
    transition: all .3s;

  }

  #header_nav a:hover {
      background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  } */

  /* 子メニュー */
  /* #header_nav li .header_nav_child {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
  }

  #header_nav .header_nav_child {
    position: relative;
    margin-top: 0;
    background: revert;
  }

  #header_nav .header_nav_child li:nth-child(1) {
    border-top: 1px solid #555;
  }

  #header_nav .header_nav_child li:nth-last-child(1) {
    border-bottom: none;
  }

  .header_nav_child_openbtn {
    display: block;
    width: 50px;
    height: 49px;
    right: 0;
    top: 0;
    position: absolute;
      background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  }

  .header_nav_child_openbtn span::before {
    content: '';
    position: absolute;
    left: 22px;
    top: 22px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    z-index: 9999;
  }

  .header_has_child.active .header_nav_child_openbtn span::before {
    transform: rotate(-45deg);
  }

  #header_nav .header_nav_child a {
    padding: 15px 30px;
  } */


  /* ハンバーガーメニュー */
  /* .openbtn {
    position: fixed;
    z-index: 1000;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
      background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
    border-radius: 50px;
  }

  .openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    width: 45%;
  }

  .openbtn span:nth-of-type(1) {
    top: 15px;
  }

  .openbtn span:nth-of-type(2) {
    top: 23px;
  }

  .openbtn span:nth-of-type(3) {
    top: 31px;
  }

  .openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }

  .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }

  .openbtn.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  } */
}

/* @media screen and (max-width: 481px) {
  #header_nav {
    max-width: revert;
  }

} */

/* ==========================
+3 footer
========================== */
footer {
    /* background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
	*/
	background:#E7B7B7;
	
  padding: 20px 20px 15px;

 margin-top:50px;
 position: relative;
  z-index: 97;
  
  color:#fff;

}
.home footer{
margin-top:0px;
}
.LINE footer{
 margin-top:0px;
}

@media (max-width: 481px) {
footer {
  padding: 10px 10px 15px;
}
.LINE footer{
 margin-top:0px;
}

}



.footer_inner {
  /* background: #fff; */
  margin: 0 auto;
  padding: 30px 45px;
  align-items: flex-start;

  transition:all 0.3s ease-out;
}
@media (max-width: 1000px) {
.footer_inner{
  padding: 20px 30px;
}
}
@media (max-width: 481px) {
	.footer_inner {
  padding: 10px 4%;
}
}

.footer-logo {
	position:relative;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  padding-top:25px;
  padding-bottom:15px;
}
@media (max-width: 768px) {
.footer-logo {
  padding-top:15px;
	padding-bottom:0;
}
}


.footer-menu-wrap{
	background:#fff;
}


/*フッターメニュー*/
.footer-home__btn {
  font-size: 1.2rem;
  text-align:center;
  color:#998E7F;
  padding-bottom:25px;
  transition: 0.3s ease-in-out;
}
.footer-home__btn:hover {
  opacity: 0.7;
}



#footer_nav_ul>li>a {
  position: relative;
  display: inline-block;
  transition: .3s;
  padding: 5px 10px;
  color: #998E7F;
  /* border-top:1px solid #ccc; */
  /* border-bottom:1px solid #ccc; */
}


#footer_nav {
  /* flex: 0 1 80%; */

  max-width:1000px;

  font-size:1.1rem;

  /* font-family:"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP",serif,"Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP"; */
font-family: serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP", "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";
font-weight:bold;

  margin:0 auto;
  padding-bottom:25px;
}
@media (max-width: 1000px) {
#footer_nav {
display:none;
}
}


  #footer_nav_ul>li>a::before,
  #footer_nav_ul>li>a::after {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background-color: #998E7F;
    transition: .3s;
  }

  #footer_nav_ul>li>a::before {
    top: 0;
    left: 0;
  }

  #footer_nav_ul>li>a::after {
    bottom: 0;
    right: 0;
  }

  #footer_nav_ul>li>a:hover::before,
  #footer_nav_ul>li>a:hover::after {
    width: 100%;
  }



#footer_nav>ul>li{
position: relative;
padding:0.25em 0;
}




.footer_block {
  flex: 0 1 30%;
}

.footer-img{
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 380px;
	margin-bottom:5px;
}

.footer_name {
  font-size: 0.9rem;
}

.footer_name_sub {
  padding: 0 0 10px;
  font-size: 0.8rem;
  color: #E7B7B7;
}


.footer_p {
  margin-top:0px;
  margin-bottom:20px;
}

.footer_p .desc{
  font-size: 0.8rem;
}
.footer_p .instagram a{
  font-size: 1rem;
  color:#f79B77;
  font-weight:bold;
}

.footer_sns {
  padding: 30px;
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  color: #fff;
}

.footer_sns .flex_row {
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}
.footer_sns .flex_footer {
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}


.footer_sns li a {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    font-size: 1.5rem;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

footer#footer h2 {
  font-size: 1.6rem;
  border-bottom: #E7B7B7 1px solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.footer_category {
  margin-bottom: 30px;
}

.footer_category li {
  border-bottom: 1px solid #ebebeb;
}

.footer_category a {
  display: inline-block;
  width: 100%;
  padding: 15px 0 15px 20px;
  position: relative;
  transition: all .3s ease-out;
    font-size:16px;
}

.footer_category a::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.footer_category a:hover {
  transform: translateX(5px);
}

.cat-item-none{
	display:none;
}

.footer_tag .flex_row {
  gap: 10px;
  justify-content: flex-start;
}

.footer_tag a {
  display: inline-block;
  font-size: 0.8rem;
  background: #ebebeb;
  padding: 5px 10px;
}

.footer_tag a:hover {
  color: #fff;
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
}

.footer_ninki {
  margin-bottom: 10px;
}


/*プラグイン：WordPress Popular Posts*/
.wpp-list li {
  position: relative;
}


.wpp-list a {
	font-size: 0.9rem;
}

.wpp-post-title {
	display: block;
	width: calc(100% - (90px + 1rem));
	margin-left: auto;
}

.wpp-list span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 20px;
  background-color: #bebebe;
  text-align: center;
  font-size: 0.8rem;
  line-height: 20px;
  color: #fff;
}

.wpp-list span.rank_1 {
  background-color: #E7B7B7;
}

.wpp-list span.rank_2 {
  background-color: #d9b184;
}

.wpp-list span.rank_3 {
  background-color: #E7B7B7;
}

.wpp-list span.rank_4 {
  background-color: #cdcdc0;
}


.footer_ninki_content h3 {
  font-weight: normal;
  font-size: 0.9rem;
  flex: 0 0 60%;
}

.footer_ninki_thumnail {
  flex: 0 0 30%;
}

#copyright {
  font-size: 0.8rem;
  color: #fff;
  padding-top: 15px;
}

@media screen and (max-width:1000px) {
  .footer_block {
    margin-bottom: 50px;
  }

}

/* bottom nav */
#bottom_nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #aaa;
	z-index: 10;
	border-top: 1px solid #dddddd;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-out;
}
#bottom_nav.show_nav {
	opacity: 1;
	visibility: visible;
}
#bottom_nav_ul li {
	width: 25%;
	border-right: 1px solid #dddddd;
}
#bottom_nav_ul li:last-of-type {
	border-right: none;
}
#bottom_nav_ul li a {
	display: block;
	padding: 8px 5px 6px;
	color: #727272;
	color:#fff;
	font-size: 10px;
	text-align: center;
}
#bottom_nav_ul li i {
	display: block;
	margin-bottom: 2px;
	font-size: 18px;
}



/* ==========================
+5 page(固定ページ)
========================== */
/* 共通 */
.page section {
    position: relative;
    overflow: hidden;

	margin:0 auto;

	width:100%;
	max-width:100%;

	margin-bottom:100px;
	padding-bottom:50px;
}
@media (max-width: 768px) {
.page section {
	margin-bottom:50px;
}
}


.page .wrap_premium section {
    position: relative;
    overflow: hidden;

	margin:0 auto;

	width:100%;
	max-width:100%;

	margin-bottom:0px;
	padding-bottom:0px;
}




/*HOMEなどで使用する各セクション共通のフォーマット*/
/*padding*/
section.sct_format {
    padding: 50px 0 75px;
	width:1200px;
}
@media (max-width:768px){
section.sct_format {
    padding: 25px 0 50px;
}
}

/*動画を背景に配置して余白を作る場合*/
.home section.sct_format{
background: #fff;
	width:80%;
max-width: 1200px;
margin-bottom:300px;
}
@media (max-width: 481px) {
.home section.sct_format{
	width:90%;
margin-bottom:250px;
}
}

/*感情導線Produce*/
.emotional-journey section.sct_format{
background: #fff;
	width:80%;
max-width: 1200px;
}
@media (max-width: 481px) {
.emotional-journey section.sct_format{
	width:90%;
}
}
.emotional-journey section.sct_format{
background: #fff;
	width:80%;
max-width: 1000px;
}
@media (max-width: 481px) {
.a section.sct_format{
	width:90%;
}
}







/*******************
各ページのヘッダー領域
*******************/

/*テンプレート*/
#page_h1 {
	position:relative;
  width: 100%;
  height: 250px;
  text-align:left;
  margin-bottom: 50px;
   z-index:1;

  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back.jpg);

  /* background-size: cover; */
  background-position:50% 50%;
  background-size: contain;
  background-size: auto 250px;
background-repeat:repeat-x;

}
@media screen and (max-width:1000px) {
  #page_h1 {
	text-align:center;
 }
}
@media (max-width: 481px) {
#page_h1 {
  margin-bottom: 25px;
}
}


/*テンプレート*/
#page_h1.LINE {

  margin-bottom: 0px;


  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back.jpg);

}
@media (max-width: 481px) {
#page_h1.LINE {
  margin-bottom: 0;
}
}



/*投稿ページ・アーカイブページ・404ページのヘッダー：背景はRe:Lifeのイメージで統一*/
.single #page_h1, .category #page_h1, .error404 #page_h1{
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back.jpg);
}
@media (max-width: 481px) {
.category #page_h1{
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back-sp.jpg);
}
}



/*スマホではPNG画像を配置したタイトル*/
@media (max-width: 481px) {
.single #page_h1, .error404 #page_h1{
  background-image: none;
  background-color:#fff;
  width:100%;
  height:auto;
}
}
@media (max-width: 481px) {
.single #page_h1 p, .error404 #page_h1 p{
display:none;
}
}




/*各固定ページのヘッダー部分*/
#menu #page_h1 {
	background-color:#aaa;
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head-contact.jpg);
background-repeat:no-repeat;
}
@media screen and (max-width:481px) {
#menu #page_h1 {
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head-contact-sp.jpg);
 }
}

#standard #page_h1 {
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head-course.jpg);
}
@media screen and (max-width:481px) {
  #standard #page_h1 {
    background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head-course-sp.jpg);
  }
}

#full-course #page_h1 {
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head-member.jpg);
  background-repeat:no-repeat;
  background-color:#8c96a1;
}
@media screen and (max-width:481px) {
  #full-course #page_h1 {
    background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head-member-sp.jpg);
  }
}

#small-face #page_h1 {
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head-about.jpg);
}
@media screen and (max-width:481px) {
  #small-face #page_h1 {
    background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head-about-sp.jpg);
  }
}

#aroma #page_h1{
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back.jpg);
}
@media (max-width: 481px) {
#aroma #page_h1{
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back-sp.jpg);
}
}

#voice #page_h1{
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back.jpg);
}
@media (max-width: 481px) {
#voice #page_h1{
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back-sp.jpg);
}
}

#contact #page_h1{
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back.jpg);
}
@media (max-width: 481px) {
#contact #page_h1{
  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back-sp.jpg);
}
}








/*h1：固定ページでは、ページタイトル*/
#page_h1 h1 {
font-family: serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP", "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体";
  color: #fff;
  font-size: 3rem;
  font-weight:400;
  padding-top: 145px;
  line-height: 0.8;

  transition:0.5s ease-out;

	opacity:0;
	animation: fadein-only 0.5s ease 0.5s 1 normal;
	animation-fill-mode: forwards;
}
@media screen and (max-width:1000px) {
  #page_h1 h1 {
    padding-top: 100px;
  }
}
@media (max-width: 481px) {
#page_h1 h1 {
    padding-top: 117px;
  line-height:0.8;
}
}
#page_h1 h1 span{
font-family: serif,"Hiragino Mincho Pro","Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP", "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体";
  font-size: 1.6rem;
  padding-top: 125px;
  line-height: 1.4;

  transition:0.5s ease-out;

	opacity:0;
	animation: fadein-only 0.5s ease 0.5s 1 normal;
	animation-fill-mode: forwards;
}
@media (max-width: 481px) {
#page_h1 h1 span {
 font-size: 1.25rem;
}
}



/*投稿ページでは、ヘッダーのテキストは統一*/
#page_h1 .single_head {
font-family: serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP", "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体";
font-weight:bold;
 color: #fff;
  font-size: 2.5rem;

  padding-top: 125px;

 line-height: 1;

  transition:0.5s ease-out;

	opacity:0;

	animation: fadein-only 0.5s ease 0s 1 normal;
	animation-fill-mode: forwards;

}
#page_h1 .single_head p{
 line-height: 1.6;
  font-size: 1.4rem;
  margin-left:0.25em;
}
@media screen and (max-width:1000px) {
.single #page_h1 .single_head {
    padding-top: 100px;
  }
}
/*スマホでは、背景もなくして画像を配置*/
@media (max-width: 481px) {
.single #page_h1 .single_head {
    display:none;
  }
}

/*投稿ページにだけ表示するロゴ文字*/
.single_head #h_logo{
	position:relative;
    display: inline-block;
	width:178px;
	transition: 1s;
	top:-10px;
}
.single_head #line_program{
	position:relative;
    display: block;
	text-align:center;
	width:100%;
	max-width:550px;
	margin:0 auto;
	transition: 1s;
	bottom:38px;
}




.page_h2 {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 50px;
}




/* contact */
#mw_wp_form_mw-wp-form-107 table textarea,
#mw_wp_form_mw-wp-form-107 table input,
#mw_wp_form_mw-wp-form-107 table select {
	width: 100%;
	padding: 10px;
}

#mw_wp_form_mw-wp-form-107 table {
	width: 60%;
	margin: 0 auto;
}

#mw_wp_form_mw-wp-form-107 table tr td {
	padding: 20px 0;
}

#mw_wp_form_mw-wp-form-107 table tr td:nth-child(1) {
	width: 30%;
}

@media screen and (max-width:1000px) {
	#mw_wp_form_mw-wp-form-107 table {
	width: 100%;
}

	#mw_wp_form_mw-wp-form-107 table tr td {
	display:block;
		width:100%;
		padding: 0 0 20px 0;
}
	#mw_wp_form_mw-wp-form-107 table tr td:nth-child(1) {
    padding: 0 0 5px 0;
}
}

.mw_wp_form .more_btn {
  border: none;
}

/* contact */
.table01 {
	width: 100%;
	max-width: 800px;
	margin-bottom: 1.5em;
	margin: 0 auto 30px;
    border-collapse: separate;
}

table.table01 th, table.table01 td {
    font-weight: normal;
    padding: 12px 6px 10px 12px;
    text-align: left;
    vertical-align: top;
}

.table01 tr:not(:last-child) {
    border-bottom: 2px solid #e0e0e0;
}

.table01 th {
    padding: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-right: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    background: #eeeeee;
	width: 30%;
}

.table01 td:last-child, .table01 th:last-child {
    border-right: 0;
}

.table01 td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-right: 2px solid #e0e0e0;
    word-break: break-all;
    text-align: left;
	border-bottom: 1px dotted #D4C5B4;
}

.table01 input[type="text"],
.table01 textarea {
    background-color: #f7f9ff;
    color: black;
    width: 100%;
	display: block;
	height: 45px;
    margin-bottom: 14px;
    padding: 0 12px;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    font-size: 1em;
    vertical-align: middle;
    line-height: 45px;
    transition: background-color 0.24s ease-in-out;
}

.table01 textarea {
	max-width: 100%;
    min-height: 120px;
    line-height: 1.5em;
    padding: 0.5em;
    overflow: auto;
}



/* serarch */
.search_Nocontent {
	width: 500px;
}

.search_Nocontent a {
	color: #f794a4;
}

.search_Nocontent a:hover {
	color: #f794a4;
}



/*************【固定ページ】コース紹介***************/

/*Studentライダー*/
.student-slide-wrapper{
  position: relative;
  display: inline-block;
  width:100vw;
  height:208px;
  overflow:hidden;
}
.infinite-slide1-student{
  position: absolute;
  display: inline-block;
  width:4992px;
  height:208px;

  top:0;
  left:0;

  animation:infinite-slide1 30s linear 0s infinite normal;
}
.infinite-slide2-student{
  position: absolute;
  display: inline-block;
  width:4992px;
  height:208px;

  top:0;
  left:0;

  animation:infinite-slide2 30s linear 0s infinite normal;
}
/*Voiceスライダー*/
.voice-slide-wrapper{
  position: relative;
  display: inline-block;
  width:100vw;
  height:208px;
  overflow:hidden;
}
.infinite-slide1-voice{
  position: absolute;
  display: inline-block;
  width:5900px;
  height:208px;

  top:0;
  left:0;

  animation:infinite-slide1 30s linear 0s infinite normal;
}
.infinite-slide2-voice{
  position: absolute;
  display: inline-block;
  width:5900px;
  height:208px;

  top:0;
  left:0;

  animation:infinite-slide2 30s linear 0s infinite normal;
}
@keyframes infinite-slide1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes infinite-slide2 {
  from {
    transform: translateX(50%);
  }
  to {
    transform: translateX(0);
  }
}



#course_container h2 .name {
  display:inline-block;
  position:relative;
  font-size: 1.6rem;
  font-weight: lighter;
  font-style:italic;
  color:#E7B7B7;
}

@media (max-width: 481px) {
#course_container h2 {
    font-size:1.4rem;
  }
#course_container h2 .name {
    font-size: 1.4rem;
  }
}

.course_txt {
  flex: 0 0 55%;
  max-width:600px;
}
@media (max-width: 1000px) {
.course_txt {
  flex: 0 0 100%;
  display:inline-block;
  width:100%;
  margin:auto;
}
}
@media (max-width: 481px) {
  .course_txt {
    text-align:left;
    margin:0;
  }
}


.course_img {
  flex: 0 0 40%;
  max-width:40%;
  position: relative;
}
@media (max-width: 1000px) {
  .course_img {
    position: relative;
    max-width:400px;
    width:100%;
    margin:auto;
  }
}


.course_1 p {
  margin-bottom: 20px;
}

@media screen and (max-width:1000px) {
#course_container section {
    margin-bottom: 80px;
  }
}


/*#のジャンプ先をずらす*/
@media screen and (max-width:481px) {
#course_container section {
  padding-top: 110px;
  margin-top: -110px;
  }
}

@media screen and (max-width:481px) {
#member_container article {
  padding-top: 110px;
  margin-top: -110px;
  }
}




.page-1_1content {
  flex: 0 0 30%;
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  color: #fff;
  margin-bottom: 50px;
}

.page-1_1content img {
  margin-bottom: 30px;
}

.page-1_1content_title {
  padding: 0 20px;
  font-weight: bold;
  font-size: 1.5rem;
}

.page-1_1content_p {
  padding: 0 20px;
}

.page-1_2_content {
  background-color: #e7e7e7;
  margin-bottom: 20px;
}

.page-1_2_content img {
  max-width: 250px;
}

.page-1_2_content_text {
  flex: 1 0 50%;
  border-right: 2px solid #fff;
  padding: 20px;
}

.page-1_2_content_text h3 {
  margin-bottom: 10px;
}

.page-1_2_content_link {
  flex: 1 0 20%;
  text-align: center;
}

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

  .page-1_2_content {
    margin-bottom: 50px;
  }

  .page-1_2_content img {
    max-width: 100%;
  }

  .page-1_2_content_text {
    border-right: none;
    border-bottom: 2px solid #fff;
    padding: 20px;
  }

  .page-1_2_content_link {
    padding: 20px;
  }

}





/************************
 page-2 メンバープロフィール
 ************************/

.page-2_1_content {
  background: #ebebeb;
  padding: 30px;
  margin-bottom: 50px;
}

.page-2_1_content_text {
  flex: 1 1 40%;
}

.page-2_1_content_text h2 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.page-2_1_content_text ul.flex_row {
  justify-content: flex-start;
  gap: 10px;
}

.page-2_1_content_text li {
  color: #fff;
  background-color: #000;
  padding: 5px 10px;
}

.page-2_1_content p {
  flex: 0 0 55%;
}

.page-2_1_step_box {
  margin-top: 30px;
}

.page-2_1_step {
  flex: 0 0 30%;
  margin-bottom: 30px;
}

.page-2_1_step img {
  margin-bottom: 10px;
}

.page-2_1_content .small {
  margin-top: 20px;
}

#page-2_2 .flex_row {
  justify-content: flex-start;
  align-items: stretch;
  gap: 5%;
}

.page-2_2_content {
  flex: 0 0 30%;
  border: 1px solid #f794a4;
  margin-bottom: 50px;
}

.page-2_2_content h3 {
  background-color: #f794a4;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  padding: 50px 15px;
}

.page-2_2_content p {
  padding: 20px;
}

.page-2_3_box {
  align-items: stretch;
  margin-bottom: 50px;
}

.page-2_3_content {
  background: #ebebeb;
  flex: 0 0 75%;
}

.page-2_3_content .page-2_3_content_txt {
  flex: 0 0 65%;
  padding: 20px;
}

.page-2_3_content .page-2_3_content_txt h3 {
  margin-bottom: 10px;
}

.page-2_3_content_txt p {
  font-size: 0.9rem;
  margin-bottom: 10px;
}

.page-2_3_content_txt p.small {
  font-size: 0.8rem;
  color: #626262;
  margin-bottom: 0;
}

.page-2_3_content_price {
  flex: 0 0 35%;
  font-size: 2rem;
  font-weight: bold;
}

.page-2_3_content_price span {
  font-size: 1rem;
}

.page-2_3_content_link {
  background: #ebebeb;
  flex: 0 0 25%;
  border-left: 2px solid #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1000px) {
  .page-2_1_content .flex_sp_c {
    align-items: baseline;
  }

  .page-2_1_content_text {
    margin-bottom: 10px;
  }

  .page-2_3_content .page-2_3_content_txt {
    flex: 0 0 100%;
  }

  .page-2_3_content_price {
    flex: 0 0 100%;
    margin-bottom: 20px;
  }

  .page-2_3_content_link {
    border-left: none;
    border-top: 2px solid #fff;
    padding: 20px 0;
  }

}


/***********プロファイルテーブル***********/

/*テーブルを配置する領域*/
.p-profile {
  color:black;

  padding: 6%;
  /* border-radius: 15px; */
  background: #f5f5f5; /*グレー*/

}
@media screen and (max-width: 768px){
  .p-profile {
  }
}
@media screen and (max-width: 481px){
  .p-profile {
  padding: 0;
  padding-top:15px;
    /* background: transparent; */
  }
}

.p-profile h3 {
	color:#9a8f80;
  position: relative;
	font-size:20px;

  margin: 2rem 0 1rem;
  border-bottom: solid 1.5px #E7B7B7; /*下線の右側の色*/
}
@media (max-width: 481px) {
.p-profile h3 {
  font-size:16px;
}
}
.p-profile h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1.5px #E7B7B7; /*下線の左側の色*/
 /* bottom: -3px; */
  width: 33.3%;
}


/*コメント以外の上の領域*/
.p-profile__upper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 25px;
}
.p-profile__upper.seminor {
    display: block;
    margin-bottom: 0;
}

@media screen and (max-width:768px){
  .p-profile__upper {
    display: block;
    margin-bottom: 0;
  }
}

/*写真*/
.p-profile__portrait {
	display:inline-block;
    position: relative;
    width: 100%;
	max-width:300px;
    margin-right: 25px;
}
@media (max-width: 1000px) {
.p-profile__portrait {
	max-width:200px;
    margin-right: 20px;
}
	
}

.p-profile__portrait.seminor {
    margin-right: 0;
 display:none;
}


@media screen and (max-width: 768px){
.p-profile__portrait {
    margin-right: 0;
 display:none;
}
}

.p-profile__landscape{
display:none;
}

.p-profile__landscape.seminor {
    width: 100%;
    margin-right: 0;

	display:inline-block;
}

@media screen and (max-width: 768px){
.p-profile__landscape {
    width: 100%;
    margin-right: 0;

	display:inline-block;
}
}





/*テキストテーブル*/
.p-profile__table {
    width: 70%;
	text-align:left;
    margin-top: 0;
    border-collapse: collapse; /*各セルが境界を共有する設定*/
    background: #fff;
    table-layout: fixed; /*列幅がテキストの長さに依存しない設定*/
}

.p-profile__table.seminor {
    width: 100%;
}


@media screen and (max-width: 768px){
.p-profile__table {
    width: 100%;
}
}

/*1列目の要素の長さに合わせて、1列目の幅を設定する*/
.p-profile__table th {
    width:4rem;
}
@media (max-width: 768px) {
.p-profile__table th {
    width:7rem;
}
}
.p-profile__table th, .p-profile__table td {
    box-sizing: border-box;
    padding: 10px 14px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.7;
    word-break: break-all;
}
@media (max-width: 481px) {
.p-profile__table th, .p-profile__table td {
display:block;
width:100%;
}
.p-profile__table th{
	text-align:center;
	background:#F4EAEA;
}
}
/*
@media screen and (max-width: 1029px){
.p-profile__table th, .p-profile__table td {
    width: 100%;
}
}
*/

/*1行目の上バーは消す*/
.p-profile__table tr:first-child th, .p-profile__table tr:first-child td {
    border-top: 0;
}



/*テーブルのキャプション（名前が入る部分）*/
.p-profile__table caption {
	position:relative;
	text-align:left;
    padding: 10px 14px;

    background: #E7B7B7;
    color: #ffffff;
	font-size:1.1rem;
	font-family: serif,"Hiragino Mincho Pro", "Yu Mincho" , "YuMincho" , "游明朝体" , "游明朝";
	font-weight:400;
	letter-spacing:0.05rem;

	transition:1s ease-out;
}
@media (max-width: 481px) {
.p-profile__table caption {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";
	line-height:1.5;
}	
}



.p-profile__table caption.seminor {
    background: #3B1F00;
}




@media (max-width: 481px) {
.p-profile__table caption {
    padding: 0px 10px;
    position: absolute;
    top: -15px;
	left:0;

	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}
}

/*自己紹介文*/
.p-profile__comment-lead{
    box-sizing: border-box;
    padding: 10px 14px;
    border: 1px solid #ddd;
    font-size: 14px;
	font-weight:bold;
    line-height: 1.7;
    word-break: break-all;
    background:#F4EAEA;
	text-align:center;
}
.p-profile__comment-lead.seminor{
	color:#fff;
    background:#3B1F00;
	text-align:left;
	font-size:1.1rem;
	font-family: serif,"Hiragino Mincho Pro", "Yu Mincho" , "YuMincho" , "游明朝体" , "游明朝";
	font-weight:400;
}

@media (min-width: 482px) {
.p-profile__comment-lead{
    /* display:none; */
}
}

.p-profile__comment {
    padding: 23px 30px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    line-height: 2;
}
@media screen and (max-width: 768px){
.p-profile__comment {
    margin-top: -1px;
    padding: 10px 14px;
}
}
@media (max-width: 481px) {
.p-profile__comment {
    font-size: 12px;
}
}







/*************【固定ページ】私たちのこと***************/


/*aboutページの、日本語＋英語のサブタイトル用*/
#about_container h2{
font-size:2.5rem;
font-weight: normal;
}
#about_container h2 p{
    font-size: 1.5rem;
}
@media (max-width: 481px) {
	#about_container h2 p{
		font-size: 1.2rem;
	}
}



.about_txt {
  flex: 0 0 55%;
}
@media (max-width: 1000px) {
.about_txt {
  flex: 0 0 100%;
  display:inline-block;
  width:100%;
  text-align:center;
  margin:auto;
}
}
@media (max-width: 481px) {
.about_txt {
  text-align:left;
  margin:0;
}
}

.about_txt > .flex_row {
  margin-bottom: 0px;
}




/*ブロック要素の幅をコンテンツ幅に合わせて中央寄せにするには、inline-blockにしてmargin:autoを使う*/
ul.concept-ul{
	position:relative;
	display:inline-block;

	margin:0.5em;

	text-align:left;

 font-size:1.1em;
color:#AF8666;

	font-weight:bold;

    /* background: #f4f4f5; */
    /* transition-property: background-color, color; */
    /* transition-duration: 0.2s; */
    /* transition-timing-function: ease; */

	/* box-shadow:0px 0px 2px rgba(0,0,0,0.4); */
}







.about_sns {
  flex: 0 0 40%;
  flex-wrap: nowrap;
}

.about_sns a i {
  font-size: 2rem;
  padding: 5px;
  color: #f794a4;
}

.about_img-1 {
  flex: 0 0 40%;
  max-width:40%;
  position: relative;
}
@media (max-width: 1000px) {
.about_img-1 {
display:none;
}
}
.about_img-2 {
  position: relative;
  max-width:400px;
  width:100%;
  margin:auto;
}
@media (min-width: 1001px) {
.about_img-2 {
display:none;
}
}

@media screen and (max-width:1000px) {
  .about_txt>.flex_row {
    width: 100%;
  }

  .about_img {
    flex: 0 0 40%;
    margin-bottom: 50px;
  }

  .about_img::after {
    right: -5%;
    height: 200px;
  }
}

@media (min-width: 1001px) {
.background{
	display:none;
}
}



.about_img::after {
  display: block;
  content: "";
  width: 250px;
  height: 350px;
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  position: absolute;
  top: -50px;
  right: -50px;
  z-index: 1;
}

.about_img img {
  position: relative;
  z-index: 5;
}

.about_p1 {
  font-weight: bold;
  margin-bottom: 15px;
}
@media (max-width: 481px) {
.about_p1 {
text-align:left;
}
}

.about_p2 {
}
@media (max-width: 481px) {
.about_p2 {
	text-align:left;
}
}

.about_2_table {
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  width: 100%;
}

.about_2_table tr:nth-of-type(even) .about_2_table_right {
  background: #fff;
}

.about_2_table td {
  padding: 20px;
}

.about_2_table_left {
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.about_2_table_right {
  background: #fbfaf7;
  width: 85%;
}



#sct_concept{
	margin-top:80px;
}
@media (max-width: 481px) {
#sct_concept{
	margin-top:50px;
}
}

@media (max-width: 1000px) {
#sct_concept .flex_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
}
@media (max-width: 481px) {
#sct_concept .flex_row {
  justify-content: space-between;
  align-items: flex-start;
}
}



@media (max-width: 1000px) {
#sct_vision .flex_row {
  justify-content: center;
  align-items: center;
}
}
@media (max-width: 481px) {
#sct_vision .flex_row {
  justify-content: space-between;
  align-items: flex-start;
}
}


@media (max-width: 1000px) {
#sct_mission .flex_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
}
@media (max-width: 481px) {
#sct_mission .flex_row {
  justify-content: space-between;
  align-items: flex-start;
}
}

@media (max-width: 1000px) {
#sct_profile .flex_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
}
@media (max-width: 481px) {
#sct_profile .flex_row {
  justify-content: space-between;
  align-items: flex-start;
}
}

.home #sct_profile{
	padding-bottom:0 !important;
}


#sct_members {
	width: 100%;
	overflow:hidden;
}
@media (max-width: 481px) {
#sct_members {
	padding: 0 6%;
	margin: 0 auto;
	margin-bottom:60px;
	width: 100vw;
	overflow:hidden;
}
}
#sct_grid{
overflow:visible;
}
@media (min-width: 482px) {
#sct_grid{
overflow:hidden;
}
}
@media (max-width: 1000px) {
#sct_members, #sct_grid{
/* text-align:center; */
}
}
@media (max-width: 481px) {
#sct_members, #sct_grid{
text-align:left;
}
}



@media (max-width: 1000px) {
#sct_members{
text-align:center;
}
}
@media (max-width: 481px) {
#sct_members{
text-align:left;
}
}




/*********【固定ページ】事業所のご案内***********/
/*********テーブルの設定************
プロフィールテーブルなどを邪魔しないようにコメントアウトしてあるので、会社要項など2列の表を作る時はコピペして使う。
*/
#company_container table {
  width: 100%;
  margin-bottom: 1.5em;
  border: 1.5px solid #aaaaaa;
}
#company_container th {
  padding: 1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  border-right: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  background: #eeeeee;
}
#company_container td {
  padding: 1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  border-right: 2px solid #e0e0e0;
  word-break: break-all;

  text-align:left;
}
@media screen and (max-width: 481px){
#company_container th, #company_container td {
    width: 100%;
    display: block;
}
}
#company_container table.tb-responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
#company_container table caption {
  margin: 0 0 7px;
  color: #9fa6b4;
  font-size: 0.75em;
  letter-spacing: 1px;
}
#company_container tr:not(:last-child) {
  border-bottom: 2px solid #e0e0e0;
}
#company_container td:last-child,
#company_container th:last-child {
  border-right: 0;
}
#company_container tfoot {
  border-top: 2px dotted #c5c7ca;
  background: #f8f9fa;
}
#company_container table.is-style-stripes {
  border: none;
}




/* page-4 */
.page-4 #page_h1 {
  width: 100%;
  height: 450px;
  background-image: url(img/sample3.jpg);
  background-size: cover;
  margin-bottom: 100px;
  position: relative;
}

.page-4 #page_h1 .wrap_1200 {
  position: static;
}
.page-4 #page_h1 h1 {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  font-size: 1rem;
}

#page-4_1 p {
  line-height: 2;
  margin-bottom: 50px;
}

.page-4_block {
  margin: 50px 0;
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  padding: 50px 30px;
}

.page-4_block h3 {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 30px;
}

.page-4_block>.flex_row {
  margin-bottom: 30px;
}

.page-4_content {
  flex: 0 0 23%;
}

#page-4_1 .page-4_block p {
  color: #fff;
  font-size: 0.9rem;
  margin-bottom: 0;
}

#page-4_1 #page-4_block_p {
  font-size: 1.3rem;
  padding: 20px;
  font-weight: bold;
}

.page-4_link {
  color: #f794a4;
  font-size: 1.5rem;
  font-weight: bold;
}

@media screen and (max-width:1000px) {
  #page-4_h1 {
    height: 500px;
    margin-bottom: 50px;
  }
}

/* page-5 */
.page-5_1_content {
  align-items: flex-start;
  margin-bottom: 100px;
}

.page-5_1_content>.flex_row {
  margin-bottom: 30px;
}

.page-5_1_content>.flex_row_r {
  justify-content: space-between;
  margin-bottom: 30px;
}

.page-5_1_content_txt {
  flex: 0 0 60%;
}

.page-5_1_content_topP {
  color: #f794a4;
  font-size: 0.8rem;
  font-weight: bold;
}

.page-5_1_content_txt h2 {
  padding: 10px 0;
  font-size: 1.3rem;
}

.page-5_1_content_txt_p {
  line-height: 2;
  color: #626262;
  font-size: 0.9rem;
  margin-bottom: 20px;
}

.page-5_1_content_ba {
  align-items: stretch;
}

.page-5_1_content_before {
  background-color: #ebebeb;
  flex: 0 0 40%;
  position: relative;
}

.page-5_1_content_before p {
  font-size: 0.8rem;
  font-weight: bold;
  width: fit-content;
  margin: 0 auto;
}

.page-5_1_content_before i {
  position: absolute;
  right: -20px;
  color: #f794a4;
}

.page-5_1_content_after {
  background-color: #ffcbd4;
  flex: 0 0 40%;
  position: relative;
  padding: 20px;
}

.page-5_1_content_after p {
  color: #f4677e;
  font-size: 0.9rem;
  font-weight: bold;
  width: fit-content;
  margin: 0 auto;
}

.page-5_1_content_img {
  flex: 0 0 35%;
}

@media screen and (max-width:1000px) {
  .page-5_1_content_img {
    margin-bottom: 20px;
  }

  .page-5_1_content_before {
    flex: 0 0 45%;
  }

  .page-5_1_content_after {
    background-color: #ffcbd4;
    flex: 0 0 45%;
  }

}


/* ==========================
+6 category 一覧ページ
========================== */
/* 共通 */
.category_main_wrap {
  align-items: flex-start;
}

.category_content {
  display: grid;
	width: 48.5%;
	margin-bottom: 20px;
}
.category_link {
	display: block;
	border-radius: 2px;
	background: #fff;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  transition: all 300ms ease;
}
.category_link:hover {
	transform: translateY(-5px);
}
.category_txt {
  padding: 15px;
}
.category_txt span {
  background: #E7B7B7;
  padding: 2px 8px;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 10px;
  text-align: left;
}
.category_txt h2 {
  margin-bottom: 0;
  font-size: 19px;
  line-height: 1.25;
  font-weight: 400;
  text-align: left;
  font-family: "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP",serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";
  color: #4c444d;
}
@media (max-width: 767px) {
	.category_content {
		width: 48.4%;
		margin-bottom: 15px;
	}
	.category_link {
		margin-bottom: 10px;
	}
	.category_txt {
    padding: 10px;
	}
	.category_txt h2 {
		font-size: 16px;
	}
}

/*ブログ一覧ページの場合*/
.category_content.blog-page {
  width: 100%;
	margin-bottom: 0;
}
.category_content.blog-page .category_link {
  margin-bottom: 0;
}


/*人気記事プラグインのcss*/
.wpp-list li {
    overflow: hidden;
	transition:0.3s ease-out;
    margin-bottom: 0 !important;
    margin-top: 1rem !important;
}
.wpp-list li:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}
.wpp-list li:hover img{
  opacity:1!important;
}

ul li.cat-item{
	transition:0.3s ease-out;
}
ul li.cat-item:hover {
  transform: translateX(15px);
}



/* category-blog */
.category-blog_nav {
	width: 100%;
	align-items: center;
  	margin-bottom: 50px;

  font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP",
	"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";
}
@media (max-width: 481px) {
  .category-blog_nav {
    flex-direction: column;
    align-items: flex-start;
  }
}

.category-blog_nav p {
	color: #E7B7B7;
	font-size: 1.6rem;
}
@media (max-width: 481px) {
	.category-blog_nav p {
		margin-bottom: 10px;
	}
}

.category-blog_nav a {
	color: #9a8f80;
	font-size: 1.2rem;
}
@media (max-width: 481px) {
.category-blog_nav a {
	font-size: 1.4rem;
}
}


@media screen and (max-width: 481px) {
  .blog_category_list {
    flex-direction: column;
  }
}

.blog_category_list li {
  padding: 0.5em 0 0.5em 3.5em;
  position: relative;
}
@media (max-width: 481px) {
.blog_category_list li {
  padding: 0.5em 0 0.5em 3.5em;
  position: relative;
}
}

.blog_category_list li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  position: absolute;
  font-weight:900;
  left : 1.5em;
  color: #E7B7B7;
	font-size: 1.2rem;
}
@media (max-width: 481px) {
.blog_category_list li:before {
    left: 0.5em;
	font-size: 1.4rem;
}
}





.category-blog_nav ul {
  flex: 0 0 80%;
}

.category-blog_nav a:hover {
  opacity: 0.5;
}

.category-blog_wrap {
  flex: 0 0 74%;
  margin-bottom: 100px;
}

.category-blog_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 50px;
  align-items: flex-start;
}
@media (max-width: 481px) {
  .category-blog_box {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 50px;
  }
}

.blog_content {
  height: 100%;
  justify-content: flex-start;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.blog_txt {
 	padding: 20px 15px;
	order: 2;
}

.blog_categoryname {
  color: #E7B7B7;
  font-weight: bold;
  font-size: 0.8rem;
}

.blog_date {
position:relative;
  color: #E7B7B7;
  font-weight: bold;
  font-size: 0.8rem;
}
@media (max-width: 481px) {
.blog_date {
margin-top:-10px;
}
}



.blog_excerpt {
  font-size: 0.9rem;
  color: #626262;
  line-height: 1.8;
}

.blog_thumnail {
  object-fit: cover;
  aspect-ratio: 3/2;
  overflow: hidden;
}

.blog_thumnail img {
  width: 100%;
  height: 100%;
  transition: all .3s ease-out;
}

.blog_content:hover .blog_thumnail img {
  transform: scale(1.1);
  opacity: 0.8;
}

.allblog_pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  gap: 30px;
}

.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
}



.page-numbers {
  padding: 0 10px;
	transition: 0.4s;
}
.page-numbers:not(.prev):not(.next) {
	display: inline-block;
	min-width: 37px;
	min-height: 37px;
	padding: 5px 14px 3px;
	color: #bebebe;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
.page-numbers.current:not(.prev):not(.next) {
  color: #fff;
	background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
}
@media screen and (max-width: 481px) {
	.page-numbers:not(.prev):not(.next) {
		padding: 7px 13px 3px 15px;
	}
}

a.page-numbers:hover {
  color: #E7B7B7;
}
.page-numbers:not(.prev):not(.next):not(.current):hover {
	color: #fff;
	background: #E7B7B7;
	transform: translateY(-3px);
}

.prev.page-numbers {
  position: absolute;
  left: 0;
}

.next.page-numbers {
  position: absolute;
  right: 0;
}

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

  .blog_txt>.flex_row {
    justify-content: flex-start;
    gap: 10px;
  }
}



/* category-seminar */
.category-seminar_box {
  margin-bottom: 50px;
}

.category-seminar_content {
  gap: 15px;
  align-items: flex-start;
  border-bottom: 1px solid #bebebe;
  padding: 20px 0;
}

.category-seminar_content:nth-child(1) {
  padding: 0 0 20px 0;
}

.category-seminar_txt {
  flex: 1 1 auto;
}

.category-seminar_txt h2 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.category-seminar_txt .post-categories {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.category-seminar_txt .post-categories li a {
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  padding: 5px 10px;
  color: #fff;
  font-size: 0.9rem;
}

.category-seminar_thumnail {
  flex: 0 0 25%;
}

@media screen and (max-width:1000px) {
  .category-seminar_txt h2 {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
}




/* category-blog */
.blog_txt h3{
	font-size:18px;
	color:#5c555d;
	margin-top: 5px;
	line-height:1.2;

  font-family:"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";
font-weight:normal;
}
@media (max-width: 481px) {
.blog_txt h3{
	font-size:16px;

}
}
/* category-blog */

/* category-voice */
.category-voice_box {
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .category-voice_box {
    margin-bottom: 40px;
  }
}











/********【アーカイブ】ニュース一覧****************/

.content_main_wrap {
  align-items: flex-start;
}
.content_wrap {
  flex: 0 0 70%;
  margin-bottom: 100px;
}

.archive_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 50px;
  align-items: flex-start;
}
.archive_txt {
  padding: 20px 15px;
}
.archive_txt h2 {
  margin-bottom: 0;
  padding: 0 0 5px;
  line-height: 1.5;
}
.archive_txt .flex_row {
  align-items: baseline;
}
.archive_thumnail {
  object-fit: cover;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.archive_thumnail img {
  width: 100%;
  height: 100%;
  transition: all .3s ease-out;
}
.archive_content {
  height: 100%;
  justify-content: flex-start;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.archive_content:hover .archive_thumnail img {
  transform: scale(1.1);
  opacity: 0.8;
}
.archive_date {
  font-weight: bold;
  font-size: 0.8rem;
}
.archive_excerpt {
  font-size: 0.9rem;
  color: #626262;
  line-height: 1.8;
}






/*【投稿カテゴリー】受講生インタビュー/
/*--------------------------------------------------------*/
.voice_recent_box{
	position:relative;
	margin-bottom:15px;
	transition:0.3s ease-out;
}
.voice_recent_box:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}
.voice_recent_box:hover img{
  opacity:1 !important;
}

/*最新の投稿*/
.voice_recent h2 {
  margin-bottom: 10px;
  margin-top:25px;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 1px;
}
.voice_recent_thumnail {
  width: 240px;
}
.voice_recent_content {
  padding: 12px 18px;
  width: calc(100% - 240px);
  background:#fff;
}
.voice_recent_category {
	position:relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  padding: 2px 8px;
  margin-bottom: 5px;
  color: #fff;
  background:#E7B7B7;
}
.voice_recent_content h3 {
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: normal;
  line-height: 1.25;
  color: #000;

font-family:"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";
}
.voice_recent_content p {
  font-size: 0.9rem;
  margin-top: 5px;
  line-height: 1.2;
  color: #4c444d;
}
@media (max-width: 767px) {
  .voice_recent h2 {
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
  .voice_recent_thumnail {
    width: 130px;
  }
  .voice_recent_content {
    padding: 8px 10px;
  padding-top:0;
    width: calc(100% - 130px);
  }
  .voice_recent_category {
    font-size: 12px;
    padding: 1px 7px;
    margin-bottom: 5px;
  }
  .voice_recent_content h3 {
    margin-bottom: 0;
    font-size: 19px;
  }
  .voice_recent_content p {
    display: none;
  }
}
@media (max-width: 481px) {
  .voice_recent_category {
    top: -5px;
	margin-bottom:-5px;
  }
  .voice_recent_thumnail {
    width: 100px;
  }
  .voice_recent_content {
    padding: 8px 10px;
  padding-top:0;
    width: calc(100% - 100px);
  }
}


/*前後の記事*/
.voice_pagenation {
  margin: 30px 0 20px;
}

.voice_pagenation .voice_next{
justify-content:flex-end;
}

.voice_pagenation .voice_prev_link,
.voice_pagenation .voice_next_link {
  position: relative;
  display: block;
  min-height: 70px;
  padding-left: 10px;
  padding-right: 10px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  flex: 1;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
}
.voice_pagenation .voice_prev_link::after,
.voice_pagenation .voice_next_link::after {
  position: absolute;
  top: 0;
  padding: 2px 6px;
  font-size: 0.8rem;
  text-align: center;
  color: #fff;
  background:#b38867;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.voice_pagenation .voice_prev_link::after {
  content: 'PREV';
  left: 0;
}
.voice_pagenation .voice_next_link::after {
  content: 'NEXT';
  right: 0px;
}
.voice_pagenation a:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
  opacity:1 !important;
}
.voice_pagenation a:hover img{
  opacity:1 !important;
}

.voice_pagenation .voice_prev_link {
  margin-right: 20px;
  padding-left: 0;
}
.voice_pagenation .voice_next_link {
  padding-right: 0;
}
.voice_pagenation .voice_prev img,
.voice_pagenation .voice_next img {
  width: auto;
  height: 70px;
}
.voice_pagenation .voice_prev img {
  margin-right: 10px;
  margin-bottom:25px;
}
.voice_pagenation .voice_next img {
  margin-left: 10px;
}
.voice_pagenation .voice_prev p,
.voice_pagenation .voice_next p {
  width: 70%;
  font-size: 19px;
  font-weight:normal;
  line-height: 1.3rem;
  margin: 14px 0 5px;
}
.voice_pagenation .voice_next p {
text-align:right;
}
@media (max-width: 1200px) {
  .voice_pagenation {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .voice_pagenation .voice_prev_link,
  .voice_pagenation .voice_next_link {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
    margin: 0;
  }
  .voice_pagenation .voice_prev_link {
    margin-top: 10px;
  }
  .voice_pagenation .voice_prev p{
    margin-top: 0px;
	font-size:16px;
  }
  .voice_pagenation .voice_next p {
    margin-top: 0px;
	font-size:16px;
  }



}













/* ==========================
+7 single(投稿ページ)
========================== */


/* 記事内動画 */
.inner-video {
  width: 100%;
  height: auto;
}




@media (min-width: 768px)  {
.single{
  /* background-color:#eee; */
}
}



.single .wrap_LINE_program{
	position:relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding:50px 4%;
  background:#fff;
}
@media (max-width: 600px) {
.single .wrap_LINE_program{
  max-width: 100%;
  padding:30px 4%;
}
}

.single .LINE_program {
	font-size:16px;
}
@media (max-width: 481px) {
.single .LINE_program {
	font-size:14px;
}
}

.single .LINE_program img{
	position:relative;
	display:block;
  width: 100%;
  max-width: 410px;
  margin: 0 auto;
  margin-bottom: 1em;
}
@media (max-width: 481px) {
.single .LINE_program img{
  max-width: 100%;
}
}
.single .LINE_program img.max{
  max-width: 100%;
  margin-bottom: 1.5em;
}



/*管理画面で入力する範囲*/
.entry_content {
  margin-bottom: 50px;
	max-width: 100%;
}
.entry_content img{
	display:block;
	width:100%;
	max-width:690px;
	margin:0 auto;
}


.single_box h1 {
font-size: 30px;
line-height: 38px;

	font-weight: normal;

  margin-bottom: 15px;

	font-family:"游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";

	color:#000;

	background:#fff;

	font-style: normal;

}
@media (max-width: 1000px) {
.single_box h1 {
	font-size: 24px;
    line-height: 35px;
	}

}
@media (max-width: 481px){
.single_box h1 {
	font-size: 19px;
    line-height: 28px;
	}
}



.single_box h2{
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";

	font-size:22px;
	line-height: 1.4;

	position: relative;

	color:white;
	font-weight:normal;

  margin: 2.5em 0 1em;
  padding:0.5em;

background:#9a8f80;
/* background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%); */


	border-radius:0.5rem;



}
@media (max-width: 481px) {
.single_box h2{
	font-weight:normal;
	font-size:18px;
	line-height: 1.6;
}
}

.single_box h3 {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";

	color:#9a8f80;
  position: relative;
	font-size:20px;

  margin: 2rem 0 1rem;
  border-bottom: solid 1.5px #E7B7B7; /*下線の右側の色*/
}
@media (max-width: 481px) {
.single_box h3 {
  font-size:16px;
}
}
.single_box h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1.5px #E7B7B7; /*下線の左側の色*/
 /* bottom: -3px; */
  width: 33.3%;
}

.single_box h4 {
	color:#9a8f80;

  position: relative;
	font-size: 18px;
	line-height: 1.4;

  margin: 1em 0 1em;
  padding: 0.5rem;


  border-left: solid 3.8px #E7B7B7;
  /* background:#fff4eb; */
}
@media (max-width: 481px) {
.single_box h4{
	font-size:16px;
}
}



.single_box .single_dayctbox {
  margin-bottom: 15px;
}

.single_box .single_eyecatch {
  margin-bottom: 20px;
}


.single_box p {
  margin-bottom: 1em;
  line-height: 1.78;
}
.wrap_LINE_program .single_box p {
  margin-bottom: 0;
}

.single_box .single_date{
	font-size:0.8em;
}







.single_box blockquote {
  padding: 30px;
  background-color: #f8f8f8;
  position: relative;
  margin-bottom: 30px;
}

.single_box blockquote::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  position: absolute;
  top: 10px;
  left: 15px;
}

.single_box blockquote cite {
  font-size: 0.8rem;
  color: #555;
  border-top: 1px solid #bebebe;
  display: inline-block;
  width: 100%;
  padding: 10px 10px 0 10px;
}

.single_box figure {
  margin-bottom: 30px;
}

.single_box figcaption {
  font-size: 0.8rem;
  font-weight:bold;
}
@media (max-width: 481px) {
.single_box figcaption {
  font-weight:normal;
}
}

.single_box table {
  width: 100%;
  margin-bottom: 1.5em;
  border: 1.5px solid #aaaaaa;
}
.single_box tr td:first-of-type {
  width: auto !important;
  height: auto !important;
  padding: 1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  text-align: center;
  border-right: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  background: #eeeeee;
}
.single_box td {
  width: auto !important;
  height: auto !important;
  padding: 1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  border-right: 2px solid #e0e0e0;
  word-break: break-all;

  text-align:left;
}
@media screen and (max-width: 481px){
.single_box tr td:first-of-type, .single_box td {
    width: 100%;
    display: block;
}
}
.single_box table.tb-responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.single_box table caption {
  margin: 0 0 7px;
  color: #9fa6b4;
  font-size: 0.75em;
  letter-spacing: 1px;
}
.single_box tr:not(:last-child) {
  border-bottom: 2px solid #e0e0e0;
}
.single_box td:last-child,
.single_box th:last-child {
  border-right: 0;
}
.single_box tfoot {
  border-top: 2px dotted #c5c7ca;
  background: #f8f9fa;
}
.single_box table.is-style-stripes {
  border: none;
}

.wp-caption {
    max-width: 100%;
}


/* ファーストプログラム */
.first_side {
  position: fixed;
  top: 0;
  height: 100dvh;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.first_side.fix {
  opacity: 1;
  visibility: visible;
}
.first_side img {
  height: 100%;
  object-fit: cover;
}
.first_left {
  right: 70%;
}
.first_left img {
  object-position: top right;
}
.first_right {
  left: 70%;
}
.first_right img {
  object-position: top left;
}


/*サイトトップへのバナーとボタン*/
.single .to-top{
	position:relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom:0px;
  transition: 1s ease-out;
}



/*テンプレサービスパート*/
.single #sct_service {
  padding-top: 0;
}
.single #sct_service h2 {
  margin-bottom: 10px;
  font-size: 2rem;
}
.single .service_bg {
  top: 0;
  width: 69%;
}
.single .service_list {
  margin-top: 10px;
  flex-direction: column;
}
.single .service_item {
  width: 100%;
}
.menu .service_item {
  width: 100%;
}

.single_pagenation .single_prev {
  float: left;
}

.single_pagenation .single_next {
  float: right;
}



/*******************

アイコン付き吹き出し2カラム：

********************/
.balloon-box {
    position: relative;
    overflow: visible;
    padding-bottom: 3px;

	transition:all 0.5s ease-in-out;

    clear: both;

	min-height:11em;
}
@media (max-width: 481px) {
.balloon-box {
	min-height:9em;
}
}

/*アイコン*/
.balloon-icon {
    position: absolute;
    top: 0;
    overflow: visible;
    width: 80px;
    height: auto;

	margin-bottom:2em;

	transition:all 0.5s ease-in-out;
}
.balloon-left .balloon-icon {
    left: 0;
   width: 80px;
}
.balloon-right .balloon-icon {
    right: -10px;
	width: 90px;
}
@media (max-width: 481px) {
.balloon-left .balloon-icon {
	left: 0;
   width: 60px;
}
.balloon-right .balloon-icon {
    right: -5px;
    width: 65px;
}
}

/*アイコン下の名前*/
.icon-name {
    position: absolute;
    text-align: center;
    letter-spacing: 0;
    line-height: 1rem !important;
    color: #111;

    width: 70px;
    top: 97px;
    font-size: 14px;

	transition:all 0.5s ease-in-out;
}
@media (max-width: 481px){
.icon-name {
    width: 59px;
    top: 69px;
    font-size: 12px;
}
}
.balloon-left .icon-name {
    left: 0;
}
.balloon-right .icon-name {
    right: 0;
}


/*アイコンが左、テキストが右の場合のテキスト領域*/
.balloon-left .balloon-text {
    position: relative;
    float: left;
    margin: 0 0 30px 100px;
    padding: 0;

	background:#FFF6F9;
	/* font-weight:bold; */
	color:black;
	/* border:1px solid #b8773e; */

	border-radius: 10px;
	transition:all 0.5s ease-in-out;
}
.first_program .balloon-left .balloon-text {
	background:#F3F7FC;
}

@media (max-width: 481px){
.balloon-left .balloon-text {
    margin: 0 0px 30px 75px;
}
}
/*三角領域*/
.balloon-left .balloon-text:before {
    content: "";
    position: absolute;

top: 15px;
left: -20px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    z-index: 3;

 border-width:1px;
border: 10px solid transparent;
     /* border-right: 10px solid #b8773e; */
	 /*三角の線になる部分*/
}
.balloon-left .balloon-text:after {
    content: "";
    position: absolute;
    top: 15px;
      left: -19px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    z-index: 3;

 border-width:1px;
border: 10px solid transparent;
     border-right: 10px solid #F3F7FC;/*三角の背景色になる部分*/
}
/*テキスト*/
.balloon-left .balloon-text .balloon-content {
    position: relative;
    line-height: 2;
	padding: 1.15em;


    font-size: 1em;
    z-index: 2;
}
@media (max-width: 767px){
.balloon-left .balloon-text .balloon-content {
    padding: 1em;
}
}


/*アイコンが右、テキストが左の場合のテキスト領域*/
/*背景や枠線を変えたければ、balloon-text*/
.balloon-right .balloon-text {
    position: relative;
    float: right;
    margin: 0 95px 30px 0;
    padding: 0;

	background:#F3F7FC;
	color:black;
	/* border:1px solid #b8773e; */

	border-radius: 10px;
	transition:all 0.5s ease-in-out;
}
@media (max-width: 481px){
.balloon-right .balloon-text {
    margin: 0 75px 30px 0px;
}
}
/*三角領域*/
.balloon-right .balloon-text:before {
    content: "";
    position: absolute;

top: 15px;
right: -20px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    z-index: 3;

 border-width:1px;
border: 10px solid transparent;
     /* border-right: 10px solid #b8773e; */
	 /*三角の線になる部分*/
}
.balloon-right .balloon-text:after {
    content: "";
    position: absolute;
    top: 15px;
      right: -19px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    z-index: 3;

 border-width:1px;
border: 10px solid transparent;
     border-left: 10px solid #e8f3ff; /*三角の背景色になる部分*/
}

/*テキスト*/
.balloon-right .balloon-text .balloon-content {
    position: relative;
    line-height: 2;
	padding: 1.15em;


    font-size: 1em;
    z-index: 2;
}
@media (max-width: 767px){
.balloon-right .balloon-text .balloon-content {
    padding: 1em;
}
}
/*******************

アイコン付き吹き出し2カラムここまで

********************/


/*角丸の枠*/
.text-frame {
    position: relative;
    border: solid #E7B7B7 5px;
    padding: 1em;
    border-radius: 1em;
	margin:1em 0;
}
.text-frame .frame-title {
	font-size:1.2em;
	font-weight:bold;
}




/*あわせて読みたい*/
.related-title{
margin: 0; display: inline-block; position: relative; top: 3px; padding: 0.2rem 0.5rem 0.3rem; height: 1.7rem; line-height: 1.5rem; color: #ffffff; background: #B5C9DC; font-weight: bold; text-align: center; border-radius: 5px 5px 0 0;
}
.related-link{
background: rgba(255,255,255,0); border: solid 3px #B5C9DC; border-radius: 0 5px 5px; padding: 20px; font-size: 100%;
}
.related-link a{
font-weight:bold;
color:#648eed;
}




/*==================================


オリジナルのリスト定義


==================================*/


.single_box {
	/* letter-spacing:-0.05rem; */
	color:#000;
}



ul li:last-of-type {
    border-bottom: none;
}
ol li:last-of-type {
    border-bottom: none;
}



/*リストタイトル/
/*--------------------------------------------------------*/
.list-title {
	margin-top:1.5em;

    padding: 0.5em;
	padding-left:1.25em;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    background: #F4EAEA;
    border-top: solid 2px #E7B7B7;
    border-left: solid 2px #E7B7B7;
    border-right: solid 2px #E7B7B7;
    border-bottom: dashed 1px silver;
}
@media (max-width: 481px) {
.list-title {
    text-align: left;
    font-size: 1.1em;
}
}
.list-title-single {
	margin-top:1rem;

    padding: 0.5rem;
	padding-left:1.25rem;
    text-align: left;
    font-size: 1.2rem;
    font-weight: bold;
    background: #F4EAEA;
    border-top: solid 2px #E7B7B7;
    border-left: solid 2px #E7B7B7;
    border-right: solid 2px #E7B7B7;
    border-bottom: dashed 1px silver;
}
@media (max-width: 481px) {
.list-title-single {
    font-size: 1.1em;
}
}

/*反転タイトル*/
.title-reversed{
margin: 0; display: inline-block; position: relative; top: 3px; padding: 0.2rem 0.5rem 0.3rem; height: 1.7rem; line-height: 1.5rem; color: #ffffff; background: #BAA188; font-weight: bold; text-align: center;
}

.title-reversed-ej{
	font-size:1.2em;
margin: 0; display: inline-block; position: relative; top: 3px; padding: 0.2rem 0.5rem 0.3rem; line-height: 1.25; color: #ffffff; background: #6F97DE; font-weight: bold; text-align: left;
}



/*タイトルの下に配置する番号付きリスト*/
ol.under-title {
	text-align:left;
    counter-reset: num 0;
    position: relative;
    /* font-weight: bold; */
    list-style-type: none !important;
    border-width: 2px;
    border-style: solid;
	border-top:none;
    border-color: #E7B7B7;
    border-image: initial;
    padding: 0.5em 0em;
	margin:0 0 2em;
}
@media (max-width: 481px) {
	ol.under-title {
		font-weight: normal;
	}
}
ol.under-title li {
    position: relative;
    padding-left: 30px;
    line-height: 1.75;
    padding: 0.5em 0.5em 0.5em 3.5em;
    border-bottom: dashed 1px silver;
}
ol.under-title li:last-of-type {
    border-bottom: none;
}
ol.under-title li:before {
    position: absolute;
    counter-increment: num;
    content: counter(num);
    display: inline-block;
    background: #E7B7B7;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    border-radius: 50%;
    left: 1.5em;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    top: 10px;
}
@media (min-width: 482px){
ol.under-title li:before {
    top: 0.75em;
}
}


/*タイトルの下に配置する矢印リスト*/
/*上の枠線なし*/
ul.list-arrow {
	    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #E7B7B7;
    padding: 0.5em;
    margin: 0px 0px 30px;

border-top:none;
}
ul.list-arrow.nobar {
	    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #E7B7B7;
    padding: 0.5em;
    margin: 0px 0px 30px;

border-top:none;
}
ul.list-arrow.bar {
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #E7B7B7;
    padding: 0.5em;
    margin: 30px 0px 30px;
}
@media (max-width: 481px) {
ul.list-arrow {
    font-weight: normal;
}
}
@media (max-width: 481px) {
ul.list-arrow.bar {
    font-weight: normal;
}
}
@media (max-width: 481px) {
ul.list-arrow.nobar {
    font-weight: normal;
}
}
ul.list-arrow li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-arrow li:last-of-type {
  border-bottom: none;
}
ul.list-arrow li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #E7B7B7; /*アイコン色*/
}




/*上の枠線あり*/
ul.list-arrow-2 {
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #E7B7B7;
    padding: 0.5em;
    margin: 0px 0px 30px;
}
ul.list-arrow-2.nobar{
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #E7B7B7;
    padding: 0.5em;
    margin: 0px 0px 30px;

border-top:none;
}
@media (max-width: 481px) {
	ul.list-arrow-2 {
		font-weight: normal;
	}
}
@media (max-width: 481px) {
	ul.list-arrow-2.nobar {
		font-weight: normal;
	}
}

ul.list-arrow-2 li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-arrow-2 li:last-of-type {
  border-bottom: none;
}
ul.list-arrow-2 li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #E7B7B7; /*アイコン色*/
}






/*青いアローリスト*/
ul.list-arrow-3 {
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #6F97DE;
    padding: 0.5em;
    margin: 0px 0px 30px;
}
ul.list-arrow-3.nobar{
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #6F97DE;
    padding: 0.5em;
    margin: 0px 0px 30px;

border-top:none;
}
@media (max-width: 481px) {
	ul.list-arrow-3 {
		font-weight: normal;
    margin: 0px 0px 20px;
		
	}
}
@media (max-width: 481px) {
	ul.list-arrow-3.nobar {
		font-weight: normal;

	}
}

ul.list-arrow-3 li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-arrow-3 li:last-of-type {
  border-bottom: none;
}
ul.list-arrow-3 li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #6F97DE; /*アイコン色*/
}





/*リスト：Check*/
/*--------------------------------------------------------*/
ul.list-check {
  border: solid 2px #E7B7B7;
  padding: 0.5em;
  position: relative;

  text-align:left;

  margin:0 0 30px;


  /* font-weight:bold; */

}

ul.list-check.nobar {
  border: solid 2px #E7B7B7;
  padding: 0.5em;
  position: relative;

  text-align:left;

  margin:0 0 30px;

  /* font-weight:bold; */

border-top:0

}


@media (max-width: 481px) {
	ul.list-check {
		font-weight: normal;
	}
}
@media (max-width: 481px) {
	ul.list-check.noar {
		font-weight: normal;
	}
}


ul.list-check li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-check li:last-of-type {
  border-bottom: none;
}
ul.list-check li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f4fc";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #E7B7B7; /*アイコン色*/
}
/* ul.list-check li:after { */
  /* background: #E7B7B7; */
  /* color: #fff; */
  /* font-weight: bold; */
  /* position: absolute; */
  /* left: -2px; */
  /* bottom: 100%; */
  /* padding: 1px 7px; */
  /* content:"Check!"; */
  /* letter-spacing: 0.05em; */
/* } */









/*




スタイル用のタイトル無しリスト




*/


/*【リスト：タイトルなし】ol番号リスト*/
ol.list-ol-style {
	text-align:left;
    counter-reset: num 0;
    position: relative;
    /* font-weight: bold; */
    list-style-type: none !important;
    border-width: 2px;
    border-style: solid;
    border-color: #E7B7B7;
    border-image: initial;
    padding: 0.5em 0em;
	margin:0 0 2em;
}
@media (max-width: 481px) {
	ol.list-ol-style {
		font-weight: normal;
	}
}
ol.list-ol-style li {
    position: relative;
    padding-left: 30px;
    line-height: 1.75;
    padding: 0.5em 0.5em 0.5em 3.5em;
    border-bottom: dashed 1px silver;
}
ol.list-ol-style li:last-of-type {
    border-bottom: none;
}
ol.list-ol-style li:before {
    position: absolute;
    counter-increment: num;
    content: counter(num);
    display: inline-block;
    background: #E7B7B7;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    border-radius: 50%;
    left: 1.5em;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    top: 10px;
}
@media (min-width: 482px){
ol.list-ol-style li:before {
    top: 0.75em;
}
}



/*【リスト：タイトルなし】アローリスト水色*/
ul.list-arrow-style-blue {
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #8AA7DE;
    padding: 0.5em;
    margin: 0px 0px 30px;
}
@media (max-width: 481px) {
	ul.list-arrow-style-blue {
		font-weight: normal;
	}
}
ul.list-arrow-style-blue li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-arrow-style-blue li:last-of-type {
  border-bottom: none;
}
ul.list-arrow-style-blue li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #8AA7DE; /*アイコン色*/
}





/*【リスト：タイトルなし】アローリストピンク*/
ul.list-arrow-style-pink {
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #ED93A9;
    padding: 0.5em;
    margin: 0px 0px 30px;
}
@media (max-width: 481px) {
	ul.list-arrow-style-pink {
		font-weight: normal;
	}
}
ul.list-arrow-style-pink li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-arrow-style-pink li:last-of-type {
  border-bottom: none;
}
ul.list-arrow-style-pink li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #ED93A9; /*アイコン色*/
}





/* 【リスト：タイトルなし】電球リスト水色 */
ul.list-light-style-blue {
  border: solid 2px #8AA7DE;

  padding: 0.5em;
  position: relative;

  text-align:left;

  margin:0 0 30px;

}
@media (max-width: 481px) {
ul.list-light-style-blue {
		font-weight: normal;
	}
}
ul.list-light-style-blue li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-light-style-blue li:last-of-type {
  border-bottom: none;
}
ul.list-light-style-blue li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #8AA7DE; /*アイコン色*/
}



/* 【リスト：タイトルなし】電球リストピンク */
ul.list-light-style-pink {
  border: solid 2px #ED93A9;

  padding: 0.5em;
  position: relative;

  text-align:left;

  margin:0 0 30px;

}
@media (max-width: 481px) {
ul.list-light-style-pink {
		font-weight: normal;
	}
}
ul.list-light-style-pink li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-light-style-pink li:last-of-type {
  border-bottom: none;
}
ul.list-light-style-pink li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #ED93A9; /*アイコン色*/
}





/*【リスト：タイトルなし】チェックリスト水色*/
ul.list-check-style-blue {
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #8AA7DE;
    padding: 0.5em;
    margin: 0px 0px 30px;
}
@media (max-width: 481px) {
	ul.list-check-style-blue {
		font-weight: normal;
	}
}
ul.list-check-style-blue li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-check-style-blue li:last-of-type {
  border-bottom: none;
}
ul.list-check-style-blue li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f4fc";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #8AA7DE; /*アイコン色*/
}





/*【リスト：タイトルなし】アローリスト水色*/
ul.list-check-style-pink {
    position: relative;
    width: auto;
    /* font-weight: bold; */

	text-align:left;

    border: 2px solid #ED93A9;
    padding: 0.5em;
    margin: 0px 0px 30px;
}
@media (max-width: 481px) {
	ul.list-check-style-pink {
		font-weight: normal;
	}
}
ul.list-check-style-pink li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-check-style-pink li:last-of-type {
  border-bottom: none;
}
ul.list-check-style-pink li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f4fc";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #ED93A9; /*アイコン色*/
}













/*リスト：この記事で得られるメリット/
/*--------------------------------------------------------*/
ul.list-merit {
  border: solid 2px #ED6486;
  padding: 0.5em;
  position: relative;

	text-align:left;

  margin:60px 0 30px;

  /* background-image: linear-gradient(to right, #fff4e6 0%, #ffdfcf 100%); */

  /* border-radius: 10px; */

  font-weight: bold;

}
@media (max-width: 481px) {
	ul.list-merit {
		font-weight: normal;
	}
}

ul.list-merit li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-merit li:last-of-type {
  border-bottom: none;
}
ul.list-merit li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #ED6486; /*アイコン色*/
}
ul.list-merit li:after {
  /*タイトルタブ*/
  background: #ED6486;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 5px 10px;
  content:"この記事で得られるメリット";/*タブの文字*/
  font-size:1.2em;
}






/*リスト：こんなお悩みありませんか？*/
/*--------------------------------------------------------*/
ul.list-worry {
  border: solid 2px #8AA7DE;
  padding: 0.5em;
  position: relative;

  margin: 60px 0 30px;

  text-align:left;

  font-weight:bold;

}
@media (max-width: 481px) {
	ul.list-worry {
		font-weight: normal;
	}
}
ul.list-worry li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-worry li:last-of-type {
  border-bottom: none;
}
ul.list-worry li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f4fc";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #8AA7DE; /*アイコン色*/
}
ul.list-worry li:after {
  /*タイトルタブ*/
  background: #8AA7DE;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content:"こんなお悩みありませんか？";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/

  font-size:1.2em;
}


ul.list-worry.cta li:after {
  /*タイトルタブ*/
  background: #8AA7DE;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content:"こんなお悩みありませんか？";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/

  font-size:1.2em;
}





/*リスト：こんなあなたにオススメ*/
/*--------------------------------------------------------*/
ul.list-osusume {
  border: solid 2px #7CAEBF;
  padding: 0.5em;
  position: relative;

  margin: 60px 0 30px;

  text-align:left;

  font-weight:bold;

}
@media (max-width: 481px) {
	ul.list-osusume {
		font-weight: normal;
	}
}


@media (min-width: 1001px) {
#course_container ul.list-osusume {
	margin: 30px 0 30px;
}
}

ul.list-osusume li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-osusume li:last-of-type {
  border-bottom: none;
}
ul.list-osusume li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f4fc";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #7CAEBF; /*アイコン色*/
}
ul.list-osusume li:after {
  /*タイトルタブ*/
  background: #7CAEBF;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content:"こんなあなたにオススメ！";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/

  font-size:1.2em;
}


/*まとめリスト*/
ul.list-summary {
  border: solid 2px #B5C9DC;
  padding: 0.5em;
  position: relative;

	text-align:left;

  margin:60px 0 30px;

  /* background-image: linear-gradient(to right, #fff4e6 0%, #ffdfcf 100%); */

  /* border-radius: 10px; */

  font-weight:bold;

}
@media (max-width: 481px) {
	ul.list-summary {
		font-weight: normal;
	}
}

ul.list-summary li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-summary li:last-of-type {
  border-bottom: none;
}
ul.list-summary li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #B5C9DC; /*アイコン色*/
}
ul.list-summary li:after {
  /*タイトルタブ*/
  background: #B5C9DC;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 5px 10px;
  content:"今日のまとめ";/*タブの文字*/
  font-size:1.2em;
}






/*リスト：Point/
/*--------------------------------------------------------*/
ul.list-point {
  border: solid 2px #ED93A9;
  padding: 0.5em;
  position: relative;

  text-align:left;

  margin:60px 0 30px;

  font-weight:bold;

}
@media (max-width: 481px) {
	ul.list-point {
		font-weight: normal;
	}
}

ul.list-point li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-point li:last-of-type {
  border-bottom: none;
}
ul.list-point li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #ED93A9; /*アイコン色*/
}
ul.list-point li:after {
  /*タイトルタブ*/
  background: #ED93A9;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content:"Point !";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/
}


/*タイトルタブを変える場合*/

.list-title-point {
	margin-top:1.5em;

    padding: 0.5em;
	padding-left:1.25em;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    background: #FFE6EB;
    border-top: solid 2px #ED93A9;
    border-left: solid 2px #ED93A9;
    border-right: solid 2px #ED93A9;
    border-bottom: dashed 1px silver;
}
@media (max-width: 481px) {
.list-title-point {
    text-align: left;
    font-size: 1.1em;
}
}

ul.list-point-2 {
  border: solid 2px #ED93A9;
  border-top:none;
  padding: 0.5em;
  position: relative;

  text-align:left;

  margin:0 0 30px;

  font-weight:bold;

}
@media (max-width: 481px) {
	ul.list-point-2 {
		font-weight: normal;
	}
}
ul.list-point-2 li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.list-point-2 li:last-of-type {
  border-bottom: none;
}
ul.list-point-2 li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #ED93A9; /*アイコン色*/
}




/*URLで挿入された記事へのリンクがおかしくならないように*/
iframe{
max-width:100% !important;
}




/************

TOC目次のカスタイマイズ

*************/
/*目次の領域*/
#toc_container {
	position:relative;
	text-align:left;

    background: #f9f9f9 ;
    box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);

	/* border: 3px solid rgba(184,119,62,0.5)!important; */

	border-top: solid 5px #E7B7B7;
	border-bottom: solid 5px #E7B7B7;

    padding: 2em ;
    padding-left: 2.5em ;
	padding-bottom:0;
	margin: 2em 0;

	width: 100%;
    display: table;

	font-size: 100%;
	color:#3b1f00;

}
#toc_container a{
	color:#3b1f00;
}
@media (max-width: 481px) {
	#toc_container {
		font-weight:normal;
	}
}



/*目次タイトル*/
#toc_container p.toc_title {
	text-align: left;
    margin-bottom: 1em;
    padding: 0em 2em;
    font-size: 1.7em;
    color: #E7B7B7;
}
#toc_container p.toc_title:before{
    display: inline-block;
    position: absolute;
    top: 1.2em;
    left: 1.2em;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    content: "\f0ca";

    background-image:linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
}


/*h2設定*/
#toc_container ul li{
	margin-bottom:0.5em;
	font-size:16pxr;
}

/*h3の設定*/
#toc_container ul li ul {
    margin-left: 0.5em;
	margin-bottom:0;
	font-size:1em;
}
#toc_container ul li ul li{
    padding-top: 0.5em;
	margin-bottom:0;
}
#toc_container ul li ul li:before {
  content: "-";
  position: absolute;
  font-weight:900;
  left:3rem;
}


/*目次リスト*/
#toc_container p.toc_title+ul.toc_list {
   padding: 0 0 1em 1em;
}
#toc_container ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  position: absolute;
  font-weight:900;
  left:1.7em;
  color:#E7B7B7;
}









/* ==========================
+9 aside（サイドバー）
========================== */


aside {
  flex: 0 0 24%;
  margin-bottom: 100px;
}

aside h2 {
  margin-top:2em;
  margin-bottom: 10px;
  border-bottom: 1px solid #E7B7B7;
}
@media (max-width: 767px) {
aside h2 {
}
}

aside p {
  font-size: 0.8rem;
}

aside .widget {
  margin-bottom: 20px;
}

aside #categories-2 li {
	border-bottom: 1px solid #bebebe;
}

aside #categories-2 li a {
	padding: 10px 5px 10px 20px;
	display: inline-block;
	position: relative;
	font-size: 0.9rem;
}

aside #categories-2 li a::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/></svg>");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media screen and (max-width:1000px) {
  aside {
    width: 100%;
  }
}




#sidebar-relife{
  position:relative;
  display:block;
  width:100%;
  background: #fff;
	padding-bottom:10px;
}

.sidebar-logo{
    display: block;
    width: 82%;
    max-width: 380px;
    margin: 0 auto;
}


.sidebar-img{
    display: block;
    position: relative;
    padding: 0;
    margin: 10px auto 0px;
    width: 69%;
    max-width: 160px;
}

.sidebar_name {
	text-align:center;
	font-size:0.9rem;
}

.sidebar_name_sub {
	text-align:center;
  padding: 0 0 10px;
 color: #E7B7B7;
}


.sidebar_p {
  margin-top:0px;
  margin-bottom:20px;
}

.sidebar_p .desc{
}
@media (max-width: 800px) {
.sidebar_p .desc{
}
}





#sidebar-relife .LINE_block {
    text-align: left;
  font-weight:bold;
}
@media (max-width: 481px) {
#sidebar-relife .LINE_block {
  font-weight:unset;
}
}
#sidebar-relife .LINE_block h4 {
		font-size:1.25rem;
  color:#9a8f80;
border-bottom: solid 1px;
    margin-bottom: 5px;
}
#sidebar-relife .LINE_block p {
  font-size: 1em;
  margin-top: 0;
position:relative;
  margin-bottom: 30px;
}
@media (max-width: 1000px) {
#sidebar-relife .LINE_block p {
  font-size: 0.9em;
}
}
#sidebar-relife .LINE_disc{
	position:relative;

  font-size: 1em;
  padding: 0;
  font-weight: bold;
}
#sidebar-relife .present-shadow{
box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
#sidebar-relife .gridbox-321 {
  grid-template-columns: 1fr;
  gap: 0px;
}
@media screen and (max-width: 768px){
#sidebar-relife .gridbox-321 {
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  }
}
@media screen and (max-width: 600px){
#sidebar-relife .gridbox-321 {
  grid-template-columns: 1fr;
  gap: 0px;
  }
}






/****************************************
サイドバーのあるページのコンテンツ幅設定
*****************************************/
.clearfix {
    clear: both;
}

#main-contents {
background:#fff;
}
@media (max-width: 767px) {
  #main-contents {
    width: 100%;
    float: none;
    margin-bottom: 30px;
    margin-top: 10px; }
}
@media ( min-width: 768px ) {
  #main-contents {
    width: 60%;
	float: left;
		/* padding:2.5%; */
	}
}
@media (min-width: 1421px) {
  #main-contents {
		/* padding:2.5%; */
	}
}



/*サイドバーエリア*/
#sidebar{
	position:relative;
	z-index:10;
	background:white;
}
#sidebar {
  font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP",
	"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";

}
@media (max-width: 481px) {
	#sidebar {
  font-family:"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";
	}
}
@media (max-width: 767px) {
  #sidebar {
    width: 100%;
    margin-left: 0px;
    float: none; }
}
@media (min-width: 768px) {
  #sidebar {
    width: 35%;
    float: right;
 }
}
@media (min-width: 1001px) {
  #sidebar {
    width: 34%;
    float: right;
    margin-left: 50px;
    max-width: 380px !important; }
}




/* サイドバーカテゴリー */
ul li.cat-item {
  position: relative;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
ul li.cat-item:last-of-type {
  border-bottom: none;
}
ul li.cat-item:hover {
  transform: translateX(0);
}
ul li.cat-item a {
  padding: 12px;
  padding-left: 28px;
  display: block;
  border-left: none;
  position: relative;
  line-height: 1.6rem;
  transition: 0.3s ease;

  color:#998E7F;
}
ul li.cat-item a:hover {
  color: #af8666;
  transform: translateX(3px);
}
@media (max-width: 767px) {
  ul li.cat-item a {
    font-size: 0.95rem;
    font-weight: 600;
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  ul li.cat-item a {
    font-size: 0.85rem;
    padding-right: 40px;
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  ul li.cat-item a {
    font-size: 0.95rem;
  }
}
ul li.cat-item a:before {
  content: "\f138";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 27px;
  left: 6px;
  line-height: 0;
  width: 14px;
  height: 1px;
  padding-left: 2px;
  font-size: 0.85rem;
  color: #d6bea2;
}
ul li.cat-item:last-child a {
  padding-bottom: 0;
}

ul li.cat-item a .post-count {
  display: inline-block;
  padding: 2px 10px 0px;
  margin-left: 10px;
  background: #f1eade;
  border-radius: 50%;

  color:#998E7F;
}
/*カテゴリー一覧で特定のカテゴリーを非表示に*/
.widget_categories .cat-item-1,
.widget_categories .cat-item-49,
.widget_categories .cat-item-44,
.widget_categories .cat-item-6,
.widget_categories .cat-item-32,
.widget_categories .cat-item-28,
.widget_categories .cat-item-57,
.widget_categories .cat-item-58,
.widget_categories .cat-item-59
{
  display: none;
}


/* サイトバー LINE限定プログラム PC FIX */
.side-pc-fix {
	/* display:none !important; */
  /* background: #f0f3f8; */
  padding-bottom: 0px;
}

.side-pc-fix.display {
	display:block;
  /* background: #f0f3f8; */
  padding-bottom: 0px;
  /* z-index:9999; */
}

.side-pc-fix.pc768_display {

  position: fixed;
  top: 0;
  left: 0;
  width: 38%;
	max-width: 390px;
  max-height: 100vh;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  filter: blur(50px);
  transition: filter 1.5s, opacity 0.5s;
}
.side-pc-fix.pc768_display.fix {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
}
.side-pc-fix-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 10px;
}
.side-pc-fix-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.side-pc-fix-img {
  margin-bottom: -10px;
  padding:0 0%;
}
.side-pc-fix-btn {
  display: block;
  width: 92%;
  margin: 0 auto;
}
@media screen and (max-width:1000px) {
	.side-pc-fix.pc768_display {
		left: auto !important;
		right: 0;
		width: 35%
	}
}









/* footer おすすめ記事 */
.footer_relate ol li {
  position: relative;
  display: flex;
  overflow: hidden;
  margin: 1rem 0 0;
  transition: 0.3s ease-out;
}
.footer_relate ol li:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}
.footer_relate ol span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 20px;
  background-color: #bebebe;
  text-align: center;
  font-size: 0.8rem;
  line-height: 20px;
  color: #fff;
}
.footer_relate ol .rank_1 {
  background-color: #E7B7B7;
}
.footer_relate ol .rank_2 {
  background-color: #d9b184;
}
.footer_relate ol .rank_3 {
  background-color: #E7B7B7;
}
.footer_relate ol a {
  font-size: 1em;
    line-height: 1.35;
}
.footer_relate ol .relate_link {
  width: 90px;
  margin-right: 1rem;
}
.footer_relate ol li > a:last-of-type {
  width: 70%;
  display: block;
}
.footer_relate ol img {
  width: 100%;
  height: 60px;
}

/* 検索フォーム */
.wp-block-search__inside-wrapper {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) input.wp-block-search__input {
  padding: 0 0 0 0.5em;
}
.wp-block-search__button svg {
  color: #9f9f9f;
}

/* ページ遷移時フェードアウト */
body:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity .6s ease;
}
body.js-fade-out:after {
  opacity: 1;
}

/* 下層ページ 順番フェードイン */
body:not(.home) #page_h1,
body:not(.home) #header,
body:not(.home) #page_h1 .wrap_1200,
.main_wrap {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, transform 1s ease-out;
}



body:not(.home) #page_h1.fade_in,
body:not(.home) #header.fade_in,
body:not(.home) #page_h1 .wrap_1200.fade_in,
body:not(.home) main.fade_in,
.main_wrap.fade_in {
  opacity: 1;
  visibility: visible;
}
.main_wrap.fade_in {
  transform: translate(0);
}




/*サイドバーのタグクラウドのフォント設定*/
.wp-block-tag-cloud a{
  font-weight:bold !important;
  color:#E7B7B7 !important;
}




/*ブログで使う背景色付き領域*/

.color_border{
border: 4px solid #c4e0ff;
padding: 5px;
border-radius: 10px;
margin:25px 0;
}

.color_back{
background:#f2f8ff;
border-radius:10px;
padding: 15px;
}

.color_backborder{
background:#f2f8ff;
border: 4px solid #c4e0ff;
padding: 1em;
border-radius: 10px;
margin:25px 0;
}
.color_backborder p{
  margin-bottom: 0;
}


/* ==========================
+10 サイトごとに調整するパーツ
========================== */


/*サイト特有のアクセントカラー*/
.accent{
	color:#DB3567;
	font-weight:bold;
}

/*サイト特有の下線マーカー*/
.marker{
	/* background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #df8c9a 0%) repeat scroll 0 0; */
  background: linear-gradient(transparent 80%, rgba(255, 153, 153, 0.8) 0%);
	}
@media (max-width: 481px) {
.marker{
	font-weight:normal;
	}
}
/*パーセンテージを上げるほど線は細くなる*/



/** アンダーライン マーカー */
/** アンダーライン マーカー */
.under_marker_red {
  background: linear-gradient(transparent 80%, rgba(255, 153, 153, 0.8) 0%);
}
.under_marker_orange {
  background: linear-gradient(transparent 80%, rgba(255, 204, 153, 0.8) 0%);
}
.under_marker_yellow {
  background: linear-gradient(transparent 50%, rgba(255, 255, 0, 0.4) 0%);
}
.under_marker_light_blue {
  background: linear-gradient(transparent 80%, rgba(144, 215, 236, 0.8) 0%);
}
@media (max-width: 481px) {
.under_marker_red {
	font-weight:normal;
}
.under_marker_orange {
	font-weight:normal;
}
.under_marker_yellow {
	font-weight:normal;
}
.under_marker_light_blue {
	font-weight:normal;
}
}







h1,h2,h3,h4,h5 {
  font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP",
	"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";
}
@media (max-width: 481px) {
h1,h2,h3,h4,h5 {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP";
}
}

.single_box h1, .single_box h2, .single_box h3, .single_box h4,.single_box h5 {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP";
}
@media (max-width: 768px) {
h1,h2,h3,h4,h5 {
  font-weight:normal;
}
}

h2 {
	display:block;
font-size:1.6em;
	color: #E7B7B7;

	  margin-bottom: 25px;
	  line-height:1.6;
}

@media (max-width: 481px) {
h2 {
	  line-height:1.25;
}
}


/*アイコンを付けるタイプのボタン(使い方はRe:Lifeのコース紹介ぺ―ジ)*/
.btn-details {
  font-size: 1em;

  color: #fff;
  font-weight:bold;

background-image: linear-gradient(to top, #E7B7B7 0%, #E7B7B7 100%);

  border-bottom: 5px solid rgba(0,0,0,0.1);


}
@media (min-width: 482px) {
.btn-details {
  font-size: 1.2em;

  border-bottom: 7.5px solid rgba(0,0,0,0.1);
}
}
.btn-details:hover {

   margin-top: 3px;
  border-bottom: 2px solid rgba(0,0,0,0.1);

  opacity:1 !important;

}


/*アイコンなしのボタン*/
.more_btn {
font-size:1.2em;
  display: inline-block;

	/* background:#E7B7B7; */
background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%);

  padding: 10px 25px;
  text-align: center;
  border-radius: 50px;
  color: #fff;

  box-shadow: 0 3px 0 rgba(0,0,0,0.5);

  font-weight: bold;
  transition: opacity 300ms ease;

  letter-spacing:0.05em;

    /* transition: transform 300ms ease-out; */
}
@media (max-width: 481px) {
.more_btn {
font-size:1.1em;
  padding: 7.5px 15px;
}
}

.more_btn:hover {
  opacity: 0.8;
  /* transform:scale(1.1); */
}



/*loadingの色設定*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	background: #fff;
	z-index: 999;
}

#loader-2 {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	background: #fff;
	z-index: 999;
	transition: 1.5s;
}
#loader-2.fadeout {
	opacity: 0;
}












/* ==========================
+home トップページで使用するCSS
========================== */



/****************************************************************

HOMEで使用するCSS

*****************************************************************/
#index_main {
	overflow: hidden;
	background:black;
}

@media (min-width: 482px) {
#index_main.ej p{
font-size:1.2em;
text-align:center;
}
}


.sct_block {
	padding: 0 6%;
}



/************HOMEの背景に配置する動画領域*********/
.bg_video {
  position: fixed;
  top: 0;
  left:50% ;
  transform:translateX(-50%);

  height: 100%;
  max-height: 100dvh;

  width: 100%;
  max-width:1400px;
  



}
.bg_video-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .bg_video {
	  /* height: 56.25vw; /*動画の高さに合わせる*/ */
	    height: 100%; /*画面全体に表示せる*/
	  
  }
}
@media screen and (max-width: 481px) {
  .bg_video {
	  height: 100%;
  }
}





/************HOMEメインビジュアル*********/

#main_visual {
	position:relative;
	background: none;
}

.p-mainVisual {
	position:relative;
	width:100%;
	max-width:1200px;

	height: 100dvh;

	margin:0 auto;
	overflow: hidden;
}


/*キャッチコピーを上下中央に配置する場合*/
#main_visual_copy {
  width:100%; margin:auto; position:absolute; z-index:3; text-align:center; color:#fff;
  left:0px;
  right:0px;
  top:50%;
  transform: translateY(-50%);
}
#main_visual h1{
	font-size:28px;
    font-weight: normal;
	text-shadow:0.5em 0.5em 0.5em black;
	  letter-spacing: 0.1em;

}
@media (max-width: 481px) {
#main_visual h1{
	font-size:20px;

}
}





@media (max-width: 1000px) {
	.p-mainVisual {
	  height: 56.25vw; /*動画の高さに合わせる*/
	}
}
@media (max-width: 481px) {
	.p-mainVisual {
	/* 	高さフリー */
	/* height: auto; */

	/* 	高さ固定 */
height: 100dvh;
	}

	#main_visual h1{
		font-size:20px;

	}
}


.p-home-mv__video {
    width: 100%;
    height: 100%;
    filter: brightness(1);
    object-fit: cover; /*これを入れないと、動画のサイズのまま再生されてしまう*/
	transition:0.5s ease-out;
}
@media (max-width: 481px) {
.p-home-mv__video {
	filter: brightness(1);
	}
}






/* 画像から動画フェードチェンジ */
/* video */
.p-home-mv__video {
  opacity: 0;
  transition: 0.3s;
}
/* img */
.first_img_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
.first_img {
  opacity: 0;
  height: 100%;
  object-fit: cover;
  filter: blur(50px);
  transition: 0.5s;
}
.first_img_sp {
  display: none;
}
.first_img.clear {
  animation: img-filter 2.8s ease 0.1s forwards;
}
.first_img_4 .first_img.clear {
  animation: img-filter 0.5s ease 0.1s forwards;
}
@keyframes img-filter {
  0% {
    filter: blur(50px);
  }
  100% {
    filter: blur(0.001px);
  }
}

/* 4枚 */
.first_img_4 {
  width: 100%;
  height: 100%;
}
.first_img_4 img {
  width: 25%;
  height: 100%;
}
@media screen and (max-width: 481px) {
  .p-home-mv__video {
    /* background-image: url(../relife-original/img/black-sp-poster.jpg); */
  }
  .first_img_pc {
    display: none;
  }
  .first_img_sp {
    display: block;
  }
  .first_img_4 img {
    width: 50%;
    height: 50%;
  }
}


/*********キャッチコピー ************* */
.fv {
	position: absolute;
	height: 100%;
  width: 100%;
  z-index: 10;
  top: 0;
}


.fv_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  
  text-align:center;
}

.fv_left {
	position: absolute;
	bottom: 2%;
	left: 6%;
	width: 83.7%;
}
@media (max-width: 1000px) {
.fv_left {
	bottom: 5%;
}
}
@media (max-width: 481px) {
.fv_left {
	bottom: 2%;
	left: 4%;
	width: 100%;
}
}


/*Re:Life文字のフェードイン*/
.delay_fadein {
	opacity: 0;
	transition: 1.6s;
}





.fv_title {
  display: flex;
  flex-direction: row;
  /* justify-content: center; */
	justify-content: flex-start;
  overflow: hidden;
  visibility: visible;
  color: #fff;
  font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP",
	"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体";
}

.fv_title {
  display: flex;
  flex-direction: row;
   /* justify-content: center;  */
	justify-content: flex-start;
  overflow: hidden;
  visibility: visible;
  color: #fff;
  font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP",
	"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体";
}




.fv_title span {
  display: block;
  font-size: 1.8rem;
  padding: 1px;
  text-shadow: 0 0px 4px rgb(0 0 0 / 30%);
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
/* .fv_title span { */
	/* transform: translateY(0); */
/* } */

@media (max-width: 1000px) {
	.fv_title span {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 481px) {
  .fv_title span {
font-size: max(5.0vw, 15px);
  }
}


.fv_title.-visible span {
  transform: translate(0, 0);
}

.fv_title span:nth-child(2) {
  transition-delay: 0.06s;
}

.fv_title span:nth-child(3) {
  transition-delay: 0.12s;
}

.fv_title span:nth-child(4) {
  transition-delay: 0.18s;
}

.fv_title span:nth-child(5) {
  transition-delay: 0.24s;
}

.fv_title span:nth-child(6) {
  transition-delay: 0.30s;
}

.fv_title span:nth-child(7) {
  transition-delay: 0.36s;
}

.fv_title span:nth-child(8) {
  transition-delay: 0.42s;
}

.fv_title span:nth-child(9) {
  transition-delay: 0.48s;
}

.fv_title span:nth-child(10) {
  transition-delay: 0.54s;
}

.fv_title span:nth-child(11) {
  transition-delay: 0.6s;
}

.fv_title span:nth-child(12) {
  transition-delay: 0.66s;
}

.fv_title span:nth-child(13) {
  transition-delay: 0.72s;
}

.fv_title span:nth-child(14) {
  transition-delay: 0.78s;
}
.fv_title span:nth-child(15) {
  transition-delay: 0.84s;
}
.fv_title span:nth-child(16) {
  transition-delay: 0.90s;
}




/* 2行目 */
.fv_title.title2 span:nth-child(1) {
  transition-delay: 0.84s;
}

.fv_title.title2 span:nth-child(2) {
  transition-delay: 0.90s;
}

.fv_title.title2 span:nth-child(3) {
  transition-delay: 0.96s;
}

.fv_title.title2 span:nth-child(4) {
  transition-delay: 1.02s;
}

.fv_title.title2 span:nth-child(5) {
  transition-delay: 1.08s;
}

.fv_title.title2 span:nth-child(6) {
  transition-delay: 1.14s;
}

.fv_title.title2 span:nth-child(7) {
  transition-delay: 1.2s;
}

.fv_title.title2 span:nth-child(8) {
  transition-delay: 1.26s;
}

.fv_title.title2 span:nth-child(9) {
  transition-delay: 1.32s;
}

.fv_title.title2 span:nth-child(10) {
  transition-delay: 1.38s;
}

.fv_title.title2 span:nth-child(11) {
  transition-delay: 1.44s;
}

.fv_title.title2 span:nth-child(12) {
  transition-delay: 1.5s;
}

.fv_title.title2 span:nth-child(13) {
  transition-delay: 1.56s;
}

.fv_title.title2 span:nth-child(14) {
  transition-delay: 1.62s;
}

.fv_title.title2 span:nth-child(15) {
  transition-delay: 1.68s;
}

.fv_title.title2 span:nth-child(16) {
  transition-delay: 1.72s;
}

.fv_title.title2 span:nth-child(17) {
  transition-delay: 1.78s;
}

.fv_title.title2 span:nth-child(18) {
  transition-delay: 1.84s;
}


/* ------ */



/*PNGテキスト*/
.fv_txt {
	display: block;
}
.fv_txt:first-of-type {
	width: 77%;
	margin-top: 2vw;
}
.fv_txt:last-of-type {
	margin-top: 1.4vw;
}

.fv_txt.ej:first-of-type {
	width: 100%;
	margin-top: 2vw;
}
.fv_txt.ej:last-of-type {
	margin-top: 1.4vw;
}






/* fv scroll down */
.scroll-down {
  position: absolute;
  width: 19px;
  bottom: 0;
  left: 2%;
  line-height: 1.5;
  z-index: 10;
  opacity: 0;
  transition: 0.2s;
}
.scroll-down_text {
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  writing-mode: vertical-rl;
}
.scroll-down_arrow-wrap {
  position: relative;
  width: 1px;
  height: 40px;
  margin: 0 auto;
  overflow: hidden;
}
.scroll-down_arrow {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 95px;
  background: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.scroll-down_arrow-1 {
  animation: scroll-arrow 2.5s linear 0s infinite;
}
.scroll-down_arrow-2 {
  transform: translateY(-200%);
  animation: scroll-arrow 2.5s linear 1.25s infinite;
}
@keyframes scroll-arrow {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(150%);
  }
}

@media screen and (max-width: 1000px) {
  .scroll-down {
    width: 14px;
    right: 3%;
    left: auto;
  }
  .scroll-down_text {
    font-size: 12px;
  }
}






/************HOME4つの願い＋イントロパート(レスポンシブ2カラム)*********/


/*移動せずフェードイン*/
.fadein-desire-1{
	opacity: 0;
	transition:0.69s ease-out;
}
.fadein-desire-2{
	opacity: 0;
	transition:0.69s ease-out;
}

#sct_desire {
	/* margin-bottom:0; */
  padding-top: 50px;
  padding-bottom:50px;
}

#sct_desire.ej {
	margin-bottom:0;
  padding-top: 50px;
  padding-bottom:50px;
}



@media (max-width: 481px) {
#sct_desire {
  padding-top: 38px;
  padding-bottom:15px;
  /* width:100%; */
}
#sct_desire.ej {
  padding-top: 38px;
  padding-bottom:15px;
  width:100%;
}
}

#sct_desire .desire-welcome{
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  margin-bottom:25px;
}


.desire_item {
  width: 45%;
}
.desire-1 {
  margin-top: 35px;
  margin-left:0;
}
.desire-3 {
  margin-top: 35px;
  margin-left: 40px;
}

.desire_img {
  max-width: 730px;
  width: 100%;
  margin: 0 auto 3rem;
}


.desire_text {
  padding-top: 1.5em;
  font-size: 1.2em;
  line-height: 2;
  text-align:center;

  transition:all 1s ease-out;
}
@media (max-width: 1000px) {
.desire_text {
  text-align:left;
}
}
@media (max-width: 481px) {
.desire_text {
  font-size: 1.1em;
  line-height: unset;
}
}



#sct_desire h2 {
  font-size: 1.25em;
color:#555;
  display:block;
  width:100%;
}
@media (max-width: 1000px) {
#sct_desire h2 {
  font-size: 1.25em;
}
}
.desire-lead {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  margin-top:0px;
}
@media (max-width: 481px) {
.desire-lead  {
  max-width: 100%;
  width: 100%;

}
}



#sct_desire h2 .desire-lead-tablet{
		display:none;
  margin:0 auto;
}
@media (min-width: 769px) and (max-width: 1000px) {
#sct_desire h2 .desire-lead-tablet{
		display:block;
}
}

#sct_desire h2 .desire-lead-sp{
		display:none;
  margin:0 auto;
}
@media (max-width: 768px) {
#sct_desire h2 .desire-lead-sp{
		display:block;
}
}
@media (min-width: 482px) {
#sct_desire h2 .desire-lead-sp{
		max-width:80%;
}
}


#sct_desire h3 {
  font-size: 1.5em;
  font-family: "Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";
}
#sct_desire h3 .text-highlight {
  background: #f2b762;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  line-height: 2;
  padding: 0.1em 0.4em;
  display: inline;

font-weight: bold;
}

#sct_desire .service{
  max-width: 350px;
  width: 100%;
  margin: 0 auto;

}




@media (max-width: 767px) {
  #sct_desire h2 {
    font-size: 1.125rem;
  }
  #sct_desire h2 .icon::before {
    width: 3.75rem;
    height: 3.75rem;
    top: -58px;
    right: 16px;
  }
  #sct_desire .flex_row {
    flex-direction: column;
  }
  .desire_item {
    width: 75%;
    margin-bottom: 20px;
  }
  .desire-1 {
    margin-top: 0;
    margin-left: 0;
    order: 1;
  }
  .desire-2 {
    order: 2;
    margin-left: auto;
  }
  .desire-3 {
    margin-top: 0;
    margin-left: 0;
    order: 3;
  }
  .desire-4 {
    order: 4;
    margin-left: auto;
  }
  .desire_dot {
    padding-top: 0;
  }
  .desire_dot img {
    width: 7px;
  }
  .desire_lead {
    font-size: 1.2em;
    padding: 10px 0 10px;
  }


  .desire_text {
    font-size: 1em;
    line-height: 1.78;
	text-align:left;
  }
  .desire_text_inner::before,
  .desire_text_inner::after {
    content: none;
  }
  #sct_desire h3 {
    padding-top: 10px;
    font-size: 17px;
  }
}
@media (max-width: 481px) {
  .desire_lead {
    font-size: 1.1em;
	margin-bottom:15px;
  }
  #sct_desire h3 {
    padding-top: 0px;
    font-size: 16px;
  }
  .desire_item {
    width: 87%;
    margin-bottom: 0;
  }
}



/************【emotional-journey】オファーパート*********/
#sct_offer {
  	position: relative;
	overflow:hidden;
	padding-top:0;
	padding-bottom:50px;
	margin-top:150px
}
@media (max-width: 481px) {
#sct_offer {
	width:100%;
	padding-bottom:25px;
}
}


.kumi{
	font-weight:bold;
	color:#ED6486;
}

.kei{
	font-weight:bold;
	color:#6F97DE;
}
	




/************【HOME】受講生の声パート*********/
#sct_voice {
  	position: relative;
	overflow:hidden;
	padding-bottom:25px;
}
#sct_voice.ej {
	margin-top:250px;
	padding-top:0px;
}


@media (max-width: 481px) {
#sct_voice {
	width:100%;
	padding:0;
}
#sct_voice.ej {
	margin-top:150px;
	padding:0;
}
}


/*　英語タイトル＋日本語サブタイトルのh2*/
#sct_voice h2{
font-size:2.5rem;
font-weight: normal;
margin-bottom:-5px;
line-height:1.5;
}
@media (max-width: 481px) {
#sct_voice h2{
margin-top:10px;
line-height:1.4;
}
}
#sct_voice h2 p{
    font-size: 1.25rem;
}
@media (max-width: 481px) {
#sct_voice h2 p{
    font-size: 1.1rem;
}
}









.voice_bg {
    position: absolute;
    top: 5%;
    right: 0%;
    width: 59%;
    z-index: -1;
}
@media (max-width:1000px) {
.voice_bg {
		top: 5%;
		right: 0%;
		width: 69%;
	  }
}
@media (max-width: 481px) {
	.voice_bg {
	top: 2%;
    right: 0;
    width: 90%;
	  }
}


/* #sct_voice.sct_format { */
 	 /* overflow: unset; */
/* } */
.right_slick_arrow {
	width: 51px;
	height: 51px;
	cursor: pointer;
}
.right_slick_arrow--prev {
	margin-right: 12px;
	transform: rotate(180deg);
}
.right_slick_arrow.slick-disabled {
	pointer-events: none;
	opacity: 0.35;
}
.right_slick .slick-list {
	overflow: visible;
}
.right_slick .slick-slide {
	margin-right: 40px;
}
@media (min-width: 1001px) {
	.right_slick .slick-slide {
    max-width: 180px;
}
}
.right_slick_pic {
	overflow: hidden;
}
.right_slick_pic img {
	width: 100%;
	height: 35vw;
	vertical-align: bottom;
	object-fit: cover;
	transition: 0.4s transform 1s cubic-bezier(0.19, 0.82, 0.27, 1), -webkit-transform 1s cubic-bezier(0.19, 0.82, 0.27, 1);
}
@media (min-width: 1001px) {
.right_slick_pic img {
	height: 270px;
}
}
.right_slick .slick-slide:hover .right_slick_pic img {
	transform: translate3d(0, 0, 0) scale(1.04);
	opacity:1 !important;
}
.voice_box {
	margin: 20px 0 0;
	text-align:left;
}
.voice_box h3 {
    font-family: serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP", "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体";
    color: #E7B7B7;
    margin: 10px 0 0;
    font-size: 1.1rem;
    font-weight: normal;
    letter-spacing:unset;
    line-height: 1.1;
}

@media (max-width: 481px) {
.voice_box h3 {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP";
}
}

.voice_box p {
	margin: 8px 0 0;
	font-size: 14px;
	line-height: 1.5;
}
@media (max-width: 600px) {
	.service_slick_bg {
		top: 10%;
		right: 4%;
		width: 78%;
	  }
	.right_slick_arrow {
		width: 46px;
		height: 46px;
	}
	.right_slick .slick-slide {
		margin-right: 20px;
	}
	.right_slick_pic img {
		height: 59vw;
	}
	.voice_box h3 {
		font-size: 1rem;
	}
	.service_box p {
		font-size: 12px;
	}
}

@media (max-width: 350px){
.right_slick_arrow {
    width: 41px;
    height: 41px;
}
}







.voice-calling {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  margin-top:50px;
}
@media (max-width: 481px) {
.voice-calling {
  max-width: 100%;
  width: 100%;

}
}
















/************【HOME】旧イントロパート(レスポンシブ2絡む)*********/
#sct_intro{
	position:relative;
	margin-top:30px;
}
@media (max-width: 1000px) {
#sct_intro{
	text-align:center;
}
}
@media (max-width: 481px) {
#sct_intro{
	margin-top:0px;
	text-align:center;
}
}

#sct_intro h2 {
  text-align: left;
}
@media (max-width: 1000px) {
	#sct_intro h2 {
	text-align: center;
	}
}
@media (max-width: 481px) {
	#sct_intro h2 {
	text-align: left;
	}
}

#sct_intro .intro1 {
  position: relative;
}
#sct_intro .intro2 {
  position: relative;
}
.slide-shadow{
box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
}

.slide-frame{
background:#eee;
padding:15px;
}


#sct_intro .calling {
	position: relative;
	font-weight:bold;
	color:#b38867;
	font-size:1.2rem;
	margin-top:45px;
	text-align:center;

  font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP",
	"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP";
}
@media (max-width: 481px) {
	#sct_intro .calling {
	display:none;
	}
}




















/************【HOME】プレゼントパート(レスポンシブ3絡む)*********/
/************サイドバーのプレゼントパートも一緒に設定*********/
#sct_LINE{
  position:relative;
  z-index:97;
  background:#f3f7fc;
  padding-top: 0px;
  padding-bottom:50px;
}
@media screen and (max-width: 600px){
#sct_LINE{
	width:100%;
  padding-top:0;
}
}


#sct_LINE .LINE_block h2 {
  font-size:2.5rem;
  margin-bottom: 30px;
  color:#e06c8b;
  text-shadow:5px 5px 5px rgba(213,84,72,0.25);
}
@media (max-width: 1000px) {
#sct_LINE .LINE_block h2 {
  font-size:2rem;
}
}





#sct_LINE .LINE_block h4 {
	text-align:center;
	font-size:1.25rem;
  color:#9a8f80;
border-bottom: solid 1px;
    margin-bottom: 5px;
  margin-top:10px;
}





@media (max-width: 1000px) {
.LINE_block h4 {
font-size:1.2rem;
}
}
@media (max-width: 481px) {
#sct_LINE .LINE_block h4 {
text-align:left;
}
}


#sct_LINE .LINE_block p {
position:relative;
  margin-bottom: 0;
    font-weight:bold;
	text-align:left;
}
@media (max-width: 481px) {
#sct_LINE .LINE_block p {
    font-weight:normal;
}
}


#sct_LINE .LINE_disc{
	position:relative;

  font-size: 1.2em;
  padding: 20px;
  font-weight: bold;
}
@media (max-width: 481px) {
#sct_LINE .LINE_disc{
	text-align:left;
  font-size: 1rem;
  padding: 0px;
  padding-bottom:25px;
}
}


#sct_LINE .present-shadow{
box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}


/* 3カラムレスポンシブ グリッド表示 */
.gridbox-321 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  max-width: 1200px;
  margin: 0 auto;
}
.gridbox-321.ej {
  gap: 15px;
}
@media screen and (max-width: 1200px){
.gridbox-321 {
  gap: 25px;
  }
 .gridbox-321.ej {
  gap: 15px;
  }
}


@media screen and (max-width: 870px){
.gridbox-321 {
    grid-template-columns: 1fr 1fr;
  }
.trans50{
	transform:translateX(57%);
}
}
.griditem-321 {
  display: inline-block;
}


@media screen and (max-width: 600px){
.gridbox-321 {
    grid-template-columns: 1fr;
  gap: 25px;
  }
.trans50{
	transform:translateX(0);
}
}


@media screen and (max-width: 600px){
.gridbox-321.ej{
  gap: 0px;
  }
}


@media screen and (max-width: 600px){
.griditem-321 {
  width:80%;
  position:relative;
  margin:0 auto;
}
}

@media screen and (max-width: 481px){
.griditem-321 {
  width:100%;
}
}




/*LINEプログラムの動画を埋め込むための設定*/
.video-program{
position: relative;
display:inline-block;
text-align:center;
width:100%;
padding-bottom:78.1%;
height:0px;
}
.video-program iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}










/************【HOME】カウンセリングセッションパート*********/
#sct_trial{
	  position:relative;
  z-index:97;
  background:#fff;
}
@media (max-width: 481px) {
#sct_trial{
padding-top:0;
}
}

.inner-trial-1{
	padding:0 6%;
}
@media (max-width: 481px) {
.inner-trial-1{
	padding:0 0;
}
}

.inner-trial-2{
	padding:0 0;
}
@media (max-width: 481px) {
.inner-trial-2{
	padding:0 4%;
}
}




#sct_trial h3{
	  position:relative;
	  font-size:1.2rem;
	  font-weight:bold;
	  color:#b38867;
}
.cocktail-pic{
	position:relative;
	/* opacity:0; */
	/* transition:1.5s ease-out; */
	/* transform:translateX(300px); */
}
.cocktail-text{
	position:relative;
	text-align:left;
	/* opacity:0; */
	/* transition:1.5s ease-out; */
	/* transform:translateX(-300px); */

}

/* @media (max-width: 700px) { */
/* .cocktail-pic{ */
	/* width:80%; */
	/* padding-right:0; */
	/* margin:0 auto; */
	/* margin-bottom:30px; */
/* } */
/* .cocktail-text{ */
	/* width:80%; */
	/* margin:0 auto; */
/* } */

/* } */
/* @media (max-width: 481px) { */
/* .cocktail-pic{ */
/* width:100%; */
/* } */
/* .cocktail-text{ */
	/* width:100%; */
/* } */
/* } */

/* .cocktail-text-center{ */
	/* text-align:center;	 */
/* } */








/************【HOME】4つのサービスパート*********/
#sct_service {
  	position: relative;
}
/*　英語タイトル＋日本語サブタイトルのh2*/
#sct_service h2{
font-size:2.5rem;
font-weight: normal;
margin-bottom:15px;
}
#sct_service h2 p{
    font-size: 1.5rem;
}
@media (max-width: 481px) {
#sct_service {
  	padding-top: 10px;
}

#sct_service h2 p{
		font-size: 1.2rem;
	}
}


.service_bg {
    position: absolute;
    top: 5%;
    right: 0%;
    width: 69%;
}
@media (max-width:1000px) {
.service_bg {
display:none;
	  }
}

.service_title {
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 6px;
}
.service_list {
	margin-top: 32px;
}
.service_item {
	position: relative;
	width: calc(50% - 1.25%);
	margin-bottom: 2.5%;
}
.service_link {
	overflow: hidden;
}
.service_content {
	position: absolute;
	bottom: 11.15%;
	left: 5.264%;
	width: 100%;
	color: #fff;
}
.service_content h3 {
  font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP",
	"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体";
	font-size: min(2vw, 22px);
	/* font-size: clamp(1.313rem, 1.153rem + 0.8vw, 1.75rem); */
	font-weight: 400;
	color: #fff;
	margin:0.5em 0;
	text-shadow:5px 5px 5px rgba(0,0,0,0.5);
}

@media (max-width: 481px) {
.service_content h3 {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP";
}
}


@media (max-width: 600px) {
.service_content h3 {
	font-size: min(4.6vw, 18px);
	/* font-size: clamp(1.313rem, 1.153rem + 0.8vw, 1.75rem); */
}
}
.service_pic {
	transition: 0.4s transform 1s cubic-bezier(0.19, 0.82, 0.27, 1), -webkit-transform 1s cubic-bezier(0.19, 0.82, 0.27, 1);
}
.service_link:hover .service_pic {
	transform: translate3d(0, 0, 0) scale(1.04);
	opacity:1 !important;
}
.service_content .btn_more {
	width: 29%;
}
.service_content .btn_more_box::before,
.service_content .btn_more_box::after,
.service_content .btn_more_line {
	background-color: #fff;
}
.service_link:hover .btn_more_txt {
	transform: translateX(10px);
}
.service_link:hover .btn_more_line {
	transform: scale(0, 1);
}
@media (max-width: 600px) {
	.service_list {
		margin-top: 24px;
	}
	.service_item {
		width: 100%;
		margin-bottom: 4%;
	}
	.service_title {
		font-size: 18px;
		letter-spacing: 4px;
	}
}







/************【HOME】BLOGパート*********/
#sct_blog {
  	position: relative;
}
@media (max-width: 481px) {
#sct_blog {
  	padding-top: 10px;
}
}


/*　英語タイトル＋日本語サブタイトルのh2*/
#sct_blog h2{
font-size:2.5rem;
font-weight: normal;
margin-bottom:15px;
}
#sct_blog h2 p{
    font-size: 1.5rem;
}
@media (max-width: 481px) {
#sct_blog h2 p{
		font-size: 1.2rem;
	}
}
.blog_bg {
position: absolute;
    top: 5%;
    right: 0%;
    width: 69%;
}
@media (max-width:1000px) {
.blog_bg {
display:none;
	  }
}

.content_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 50px;
}
@media (max-width: 1000px) {
.content_grid {
  gap: 30px;
}
}
@media screen and (max-width:800px) {
  .content_grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 481px) {
.content_grid {
  gap: 15px;
}
}

.content_box {
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  transition: all 300ms ease;
}

.content_box:hover {
  opacity: 0.7;
  transform: translatey(-5px) ;
}

.content_txt {
  padding: 15px;
}
@media (max-width: 481px) {
  .content_grid {
    grid-template-columns: 1fr;
  }

.content_txt {
  padding: 10px;
}
}

.content_category {
    background:#E7B7B7;
  padding: 2px 8px;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 10px;

  text-align:left;
}


.content_title {
  font-size: 1.1rem;
  line-height:1.5;
  font-weight:400;
  text-align:left;

  font-family:"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Noto Sans JP",serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";

}
@media (max-width: 481px) {
.content_title {
  font-size: 1rem;
}
}

.content_grid a:hover{
	opacity:1 !important;
}
.content_grid a:hover img{
	opacity:1 !important;
}





/************【HOME】NEWSパート*********/
.news_wrap.flex_row {
	align-items: stretch;
	flex-wrap: nowrap;
}
.news_title h2 {
	margin: 0;
	font-size: 60px;
	line-height: 1.1;
	letter-spacing: 2px;
}
.news_title p {
	margin: 8px 0 0;
	font-size: 18px;
	left: 1px;
}
.news_box {
	flex-basis: 64.2%;
	margin: 0 0 0 24px;
	border-top: 1px solid #d9d9d9;
}
.news_content {
	padding: 32px 0 32px 8px;
}
.news_content:not(:first-child) {
	border-top: 1px solid #d9d9d9;
}
.news_content:nth-child(2) {
	transition-delay: 0.2s !important;
}
.news_content:last-child {
	border-bottom: 1px solid #d9d9d9;
	transition-delay: 0.4s !important;
}
.news_date {
	font-size: 14px;
}
.news_titlelink {
	margin-left: 64px;
	font-size: 14px;
	font-feature-settings: "palt";
	letter-spacing: 0.03em;
}
@media (max-width: 600px) {
	.news_wrap.flex_row {
		flex-direction: column;
	}
	.news_wrap .flex_column {
		flex-direction: row;
		align-items: flex-end;
	}
	.news_box {
		flex-basis: 100%;
		margin: 20px 0 0;
	}
	.news_content {
		flex-direction: column;
		padding: 16px 0 16px 4px;
	}
	.news_date {
		font-size: 12px;
	}
	.news_titlelink {
		margin: 4px 0 0;
		font-size: 13px;
	}
}



/*moreボタン*/
.btn_more {
	position: relative;
	width: 70%;
}
.btn_more_box {
	position: relative;
	display: block;
	margin-bottom: 16px;
	line-height: 1;
	font-size: min(0.972vw, 14px);
	letter-spacing: 1px;
}
.btn_more_box::before,
.btn_more_box::after {
	content: '';
	position: absolute;
	right: 8px;
	top: 50%;
	width: 1px;
	height: 12px;
	background-color: #4c444d;
	transform: translateY(-50%);
}
.btn_more_box::after {
	transform: translateY(-50%) rotate(90deg);
}
.btn_more_txt {
	display: block;
	transition: transform 0.4s;
}
.btn_more:hover .btn_more_txt {
	transform: translateX(10px);
}
.btn_more_line {
	display: block;
	height: 1px;
	background-color: #4c444d;
	transform-origin: right top;
	transform: scale(1, 1);
	transition: transform 0.4s;
}
.btn_more:hover .btn_more_line {
	transform: scale(0, 1);
}
@media (max-width: 600px) {
	.btn_more {
		width: 35%;
	}
	.btn_more_box {
		font-size: 12px;
	}
	.btn_more_box::before,
	.btn_more_box::after {
		height: 8px;
	}
}





/************HOMEここまで*********************/





/***********HOME受講生紹介パート(admireのもの)*********/
/*
#sct_student{
  padding: 100px;
  margin-bottom: 0;

  width:1000px !important;
  max-width:100%;
}

.student_box {
  flex-wrap: wrap;
}

.student_content {
  flex: 0 0 48%;
  margin-bottom: 40px;
}

.student_content img {
  width: 30%;
}

.student_content_txt {
  flex: 0 0 65%;
}

.student_content_txt h3 {
    background-image: linear-gradient(-30deg, #E7B7B7 0%, #e0d0be 100%);
  padding: 5px 10px;
  color: #fff;
  margin-bottom: 10px;
  display: inline-block;
}

.student_content_txt p {
  font-size: 0.8rem;
  font-weight: bold;
}


@media screen and (max-width:1000px) {
  #sct_student {
    padding: 0 4%;
  }

  .student_content {
    position: relative;
  flex: 0 0 28%;
    margin-bottom: 50px;
  }



  .student_content_txt h3 {
    padding: 5px 10px;
    position: absolute;
    top: -15px;
  }

  .student_content img {
    width: 100%;
    margin-bottom: 10px;
  }

  .student_content_txt p {
    font-size: 0.9rem;
    font-weight: normal;
    width: 100%;
    margin: 0 auto;
  }

}

@media screen and (max-width: 800px) {
  #sct_student {
    padding: 0 10%;
  }

  .student_content {
  flex: 0 0 45%;
  }

}


@media screen and (max-width: 600px) {
  .student_content_txt h3 {
    padding: 5px 5px;
    top: -2.5em;
  }

  .student_content_txt p {
    font-size: 0.8rem;
	margin-bottom:2em;
  }

   #student_box {
	position:relative;
	margin-bottom:-4em;
  }

}



@media (max-width: 481px) {
  #sct_student {
    padding: 0 4%;
  }

  .student_content {
  flex: 0 0 48%;
  }

  .student_content_txt h3 {
    top: -4em;
  }

  .student_content_txt p {
    font-size: 0.8rem;
  }
}
*/


/* @media screen and (max-width: 481px) { */
  /* #student_box { */
    /* flex-direction: column; */
	/* width:80%; */
	/* margin:0 auto; */
  /* } */
/* } */



/*************HOMEで使用するCSS******************/









/*アイキャッチを表示したくないLINEプレゼントの記事*/
/* .postid-991 .single_eyecatch{ */
	/* display:none; */
/* } */

/*ボタンの拡大縮小アニメーション*/
.cv_btn img {
  animation:cv_btn 1.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes cv_btn {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}










/*******************************
プレミアム個別相談会のLPページ
*******************************/


.kobetu_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-image: url(https://rirange.com/wp-content/themes/relife-original/img/kobetu_bg.png);
	background-size: cover;
	background-position: center;
	z-index: -1;
}
.bg_img_cont {
	background: #FFF;
}



.wrap_premium{
	position:relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background:white;

}
@media (max-width: 1000px) {
.wrap_premium{
  max-width: 100%;
}
}

.wrap_premium .accent{
	color:#e87e48;
}



.wrap_premium h2{
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";

background-image: linear-gradient(-225deg, #7DE2FC 0%, #B9B6E5 100%);

color:#fff;
padding:0 0.5rem;
font-weight:bold;
margin-bottom:15px;
margin-top:30px;
line-height: 1.35;
}
@media (max-width: 481px) {
.wrap_premium h2{
  text-align:left;
   font-size:1.35rem;
}
}


.wrap_premium h2.orange{
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";

background-image: linear-gradient(-225deg, #e89b74 0%, #e87e48 100%);

color:#fff;
padding:0.5rem 1rem;
font-weight:bold;
margin-bottom:15px;

  border-radius:10px;
  text-align:center;

  font-size:2.5rem;
}
@media (max-width: 481px) {
.wrap_premium h2.orange{
  text-align:left;
   font-size:1.35rem;
}
}


/*ファーストビュー*/
#kobetu_fv{
	position:relative;
	margin-bottom:0px;
}


/*お悩み*/
#kobetu_worry{
	position:relative;

	text-align:center;
	width:100%;
	margin:0 auto;

	margin-bottom:0px;
	margin-top:100px;
}

@media (max-width: 481px){
#kobetu_worry{
	margin-bottom:0px;
	margin-top:70px;
}
}

.worries-text{
	position:relative;
	margin-bottom:10px;
}

@media (max-width: 481px) {
.worries-text{
	position:relative;
	margin-bottom:10px;
}
}

/*オファー*/
#kobetu_offer{
	position:relative;
	margin-bottom:30px;
}


/*サービス*/
#kobetu_service{
	position:relative;
	margin-bottom:30px;
}
#kobetu_service img.max400{
	position:relative;
	display:block;
	margin:0 auto;
	width:100%;
	max-width:400px;
}
#kobetu_service img.max600{
	position:relative;
	display:block;
	margin:0 auto;
	width:100%;
	max-width:600px;
}




/*受講者の声*/
#kobetu_voice{
	position:relative;
	margin-bottom:50px;
}

/*実績・プロフィール*/
#kobetu_profile{
	position:relative;

	margin-bottom:50px;
}

/*願望の代弁*/
#kobetu_desir{
	position:relative;
	margin-bottom:50px;
}

#kobetu_desir ul.list-osusume {
  border: solid 2px #E7B7B7;
  padding: 0.5em;
  position: relative;

  margin: 30px 0 30px;

  text-align:left;

  font-weight:bold !important;
  color:#555;
  font-size:1.2em;

}
@media (max-width: 481px) {
	#kobetu_desir ul.list-osusume {
		font-weight: normal;
	}
}
#kobetu_desir ul.list-osusume li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f4fc";/*アイコン種類*/
  position: absolute;
  font-weight:900;
  left : 1em; /*左端からのアイコンまで*/
  color: #e89b74; /*アイコン色*/
}
#kobetu_desir ul.list-osusume li:after {
  /*タイトルタブ*/
  background: #e89b74;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content:"こんなあなたにオススメ！";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/

  font-size:1.1em;
}



/*よくある質問*/
#kobetu_faq{
	position:relative;
	margin-bottom:25px;

	font-size:16px;
	line-height:1.35;

}



.clip-memobox {
	display:table;
	background:#e0f0fc;
	border-radius:5px;
	margin-bottom:0px;
	padding: 5px;
}
.clip-fonticon,
.clip-memotext{
	display:table-cell;
	vertical-align:middle;
}

.clip-fonticon{
	padding: 0 15px 0 10px;
	text-align:center;
}

.clip-memotext p:last-child{
	margin-bottom:0;
}

.clip-memotext p{
	margin-bottom:10px;
}

.clip-memotext {
	padding-left:10px;
	border-left:1px solid #E0E0E0;
	width:100%;
	box-sizing:border-box;
}

.clip-memotext > * {
	font-size:95%;
	line-height:1.7;
}

.clip-memobox.st-text-guide .clip-fonticon {
	display: flex;
	justify-content: center;
	align-items: center;
}

.clip-memobox.st-text-guide .fa::before {
	display: block;
	padding-top:10px;
}

.clip-memobox.st-text-guide .fa::after {
	font-size: 11px;
	white-space: nowrap;
}

.clip-memobox.st-text-guide .fa::before,
.clip-memobox.st-text-guide .fa::after {
	line-height: 0.8;
}





/*********お申し込みボタン***********/

.kobetu_cv{
	display:block;
	width:100%;
	background:#e6f2ff;
	padding:25px 0;
	margin:25px 0;
	font-weight:bold;
	font-size:1.2em;
}
/* ==========================
光るボタン
========================== */
.bright_btn {
	display: block;
	position: relative;
	width: 100%;
	padding: 10px;

	background: linear-gradient(to bottom, #ed839e 0%,#f39e92 100%);
 /*	インスタのグラデーションbackground: linear-gradient(to right, #feb340 0%,#c20ab8 100%);*/
	color: #fff;
	font-weight: bold;
	border-radius:  100vh!important;
	box-shadow: 0 3px 0 #c62828;
	overflow: hidden;
}
.bright_btn:hover {
	opacity: 0.6;
}
 .bright_btn:after {
	content:'';
	 height:100%;
	 width:30px;
	 position:absolute;
	 top:-180px;
	 left:0;
	 background-color: #fff;
	 opacity:0;
	 -webkit-transform: rotate(45deg);
	 -webkit-animation: reflection 5s ease-in-out infinite;
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}



.counseling_btn {
	display: block;
	position: relative;
	width: 100%;
	padding: 10px;

	background: linear-gradient(to bottom, #ed839e 0%,#f39e92 100%);
 /*	インスタのグラデーションbackground: linear-gradient(to right, #feb340 0%,#c20ab8 100%);*/
	color: #fff;
	font-weight: bold;
	/* border-radius:50vh　!important; */
	box-shadow: 0 3px 0 #c62828;
	overflow: hidden;
	
	font-size:1.2em;
}
.counseling_btn:hover {
	opacity: 0.6;
}
 .counseling_btn:after {
	content:'';
	 height:100%;
	 width:30px;
	 position:absolute;
	 top:-180px;
	 left:0;
	 background-color: #fff;
	 opacity:0;
	 -webkit-transform: rotate(45deg);
	 -webkit-animation: reflection 5s ease-in-out infinite;
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}








/* ==========================
背景画像ループ
========================== */
.img-loop-box {
		position: relative;
		background:#000;
		overflow:hidden;
}


.img-loop-box::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
}
.img-loop-box.cta::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}
.img-loop-box.kobetu::after {
	background:none;
}

.img-loop-1 {
		background: url(https://rirange.com/wp-content/themes/relife-original/img/first-slider-1.png);
		background-size: cover;
		background-position: 0px 0px;
		height: 500px;
		width: 3500px;
		animation: leftSlide2 45s linear infinite;
		position: absolute;
		top: 0;
		left: 0;
}
.img-loop-2 {
			background: url(https://rirange.com/wp-content/themes/relife-original/img/first-slider-2.png);
		background-size: cover;
		background-position: 0px 0px;
		height: 500px;
		width: 3500px;
		animation: leftSlide 80s linear infinite;
		position: relative;
}
@media (max-width: 481px) {
.img-loop-1 {
		height: 300px;
		animation: leftSlide2 45s linear infinite;

}
.img-loop-2 {
		height: 300px;
		animation: leftSlide 80s linear infinite;
}
}
.img-loop-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

	width:100%;
	max-width:600px;
}
@keyframes leftSlide {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: -5000px 0px;
		}
}
@keyframes leftSlide2 {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: -5000px 0px;
		}
}





/*******************************
セミナーのLPページ
*******************************/

/*画像の隙間を無くす*/
.seminar img{
	vertical-align: bottom;
}

.seminar #page_h1 {
	position:relative;
  width: 100%;
  height: 280px;
  text-align:left;
  margin-bottom: 0px;
   z-index:1;

  background-image: url(https://rirange.com/wp-content/themes/relife-original/img/head_back.jpg);

  /* background-size: cover; */
  background-position:50% 50%;
  background-size: contain;
  background-size: auto 280px;
background-repeat:repeat-x;

}
@media screen and (max-width:1000px) {
.seminar #page_h1 {
	text-align:center;
 }
}
@media (max-width: 481px) {
.seminar #page_h1 {
  margin-bottom: 25px;
}
}






.wrap_seminar{
	position:relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background:#eee;
  padding-top:50px;

}
@media (max-width: 1000px) {
.wrap_seminar{
  max-width: 100%;
}
}
@media (max-width: 481px) {
.wrap_seminar{
  padding-top:30px;
}
}


/*吹き出しの背景を白に*/
.wrap_seminar .balloon-left .balloon-text {
    position: relative;
    float: left;
    margin: 0 0 50px 100px;
    padding: 0;

	background:#FFF;
	/* font-weight:bold; */
	color:#111111;
	/* border:1px solid #b8773e; */

	border-radius: 10px;
	transition:all 0.5s ease-in-out;

}
@media (max-width: 481px){
.wrap_seminar .balloon-left .balloon-text {
    margin: 0 0px 30px 75px;
}
}
.wrap_seminar .balloon-left .balloon-text:after {
    content: "";
    position: absolute;
    top: 15px;
      left: -19px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    z-index: 3;

 border-width:1px;
border: 10px solid transparent;
     border-right: 10px solid #FFF;/*三角の背景色になる部分*/
}


.wrap_seminar .icon-name {
    position: absolute;
    text-align: center;
    letter-spacing: 0;
    line-height: 1rem !important;
    color: #111;
    width: 70px;
    top: 87px;
    font-size: 14px;
    transition: all 0.5s ease-in-out;
}



.seminar_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-image: url(https://rirange.com/wp-content/themes/relife-original/img/line2_bg-2.png);
	background-size: cover;
	background-position: center;
	z-index: -1;
}




/*この記事を書いた人*/

.single .authorbox .h_ttl{
	border-radius:0;
	padding-top:0;
	padding-bottom:0;
	background:#ED89A1;
}

.single .authorbox,.single .related-box {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 2.5em;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: 0 3px 10px #ddd;
    -moz-box-shadow: 0 3px 10px #ddd;
    box-shadow: 0 3px 10px #ddd;
    -webkit-box-shadow: 0 2px 5px rgba(128,128,128,.15);
    -moz-box-shadow: 0 2px 5px rgba(128,128,128,.15);
    box-shadow: 0 2px 5px rgba(138,138,138,.15)
}

.single .authorbox a,.single .related-box a {
    color: #444
}

.single .authorbox a:hover,.single .related-box a:hover {
    color: #999
}

.single .authorbox .h_ttl,.single .related-box .h_ttl {
    font-size: 16px;
    margin:0;
    font-weight: 400;
	color:#fff;
	background:#ED89A1;
	padding:0 0.5em;

}

.single .authorbox .h_ttl span,.single .related-box .h_ttl span {
    font-size: 1.25em;
    margin-right: 5px;
    position: relative;
}

.single .authorbox .inbox,.single .related-box .inbox {
    padding: 1.5em 2em;
}

.single .authorbox .profile {
    /* border-bottom: 1px dotted #ccc; */
    padding-bottom: .8em;
    margin-bottom: .0;
}

.single .authorbox .profile img {
    width: 16%;
    float: left;
    margin: 0 2% 1.5% 0;
}
@media (max-width: 481px) {
	.single .authorbox .profile img {
    width: 25%;
    float: left;
    margin: 0 2% 1.5% 0
}
}


.single .authorbox .profile .name {
    font-size: 1.1em;
    margin: 0.5em 0 .25em;
}

.single .authorbox .profile a {
    text-decoration: none;
    color: #444
}

.single .authorbox .profile .profile_description {
    font-size: .8em;
    padding-left: 18%;
	padding-right:1em;
}
@media (max-width: 481px) {
.single .authorbox .profile .profile_description {
    font-size: .8em;
    padding-left: 27%;
}
}

.single .authorbox .profile .author_sns {
    text-align: center;
    margin: 2em 0 0
}

.single .authorbox .profile .author_sns li {
    display: inline-block;
    font-size: .8em;
    margin-right: 1.2em
}

.single .authorbox .profile .author_sns li .oc_sns__svgicon {
    width: 13px;
    height: 13px;
    margin-right: .3em;
    position: relative;
    top: 2px
}

.single .authorbox .profile .author_sns li i {
    font-size: 1.1em;
    margin-right: .3em
}

.single .authorbox .author-newpost li,.related-box li {
    width: 24%;
    min-height: 200px;
    margin: 0 1% 1% 0;
    float: left;
    position: relative
}

.single .authorbox .author-newpost li .eyecatch,.related-box li .eyecatch {
    height: 100px;
    overflow: hidden;
    text-align: center
}

.single .authorbox .author-newpost li a,.related-box li a {
    display: block;
    text-decoration: none
}

.single .authorbox .author-newpost li .cat-name,.related-box li .cat-name {
    position: absolute;
    top: 0;
    right: 0;
    padding: .1em .5em;
    font-size: 10px;
    background: #4b99b5;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    opacity: .9
}

.single .authorbox .author-newpost li .date,.related-box li .date {
    font-size: 10px
}

.single .authorbox .author-newpost li .ttl,.related-box li .ttl {
    font-size: 12px;
    margin: 0
}

.authorbox .np-post {
    padding: 0
}

.authorbox .np-post a {
    display: block;
    font-size: .85em;
    padding: 1em 2em;
    position: relative;
    text-decoration: none;
    border-top: 1px dotted #ccc
}


/*Single記事の目次の上に配置するプレゼントパート*/
.single_present{
	display:none;
}
@media (max-width: 768px) {
.single_present{
		display:block;
	z-index:100;
}	
}



/***********single用のお問い合わせ用の固定ボタン*********/

  .btn-fixed{
    bottom: 0;
 display: block;
  width: 380px;
  max-width: 100%;

  text-align: center;

  position: fixed;
  left:50%;
  bottom: 0;
  transform: translateX(-50%);
  opacity:0;
  filter: blur(38px);

  background: none;
  border: none;

  transition: all 1s ease-out;

  z-index:11;
	
  }



/********************Rirangeオリジナルスタイル********************/



/*
お悩みパート
*/
.worries_dot img {
  width: 10px;
}

.worries_lead {
	display:inline-block;
	width:auto;
  padding: 5px 10px;
  font-size: 1.5em;
  font-weight: bold;
  color:#fff;
  background:#E7B7B7;
  margin:15px auto;
}
@media (max-width: 481px) {
.worries_lead {
  font-size: 1.25em;

}	
}

/*
コンセプトパート
*/
.intro1{
	margin-top:50px;
	margin-bottom:25px;
	
}






/*
3つの特徴パート
*/

#sct_feature {
  	position: relative;
  overflow: visible;
}
/*　英語タイトル＋日本語サブタイトルのh2*/
#sct_feature h2{
font-size:2.5rem;
font-weight: normal;
margin-bottom:15px;	  
}
#sct_feature h2 p{
    font-size: 1.5rem;
}
@media (max-width: 481px) {
#sct_feature h2 p{
		font-size: 1.2rem;
	}
}

.feature01{
	overflow:hidden;
}

.feature01.flex_row_r {
  position: relative;
  justify-content: space-between;
}

@media (min-width: 482px) {
.feature01:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -170px;
  right: -300px;
  width: 690px;

  height: 300px;
  z-index: 1;
  background-image: linear-gradient(transparent, transparent 2px, #fff 2px),
    linear-gradient(to right, #88d5dd 2px, #fff 2px);
  background-size: 16px 16px, 16px 16px;
}
}

.feature01_head {
  display: flex;
  flex-direction: row-reverse;
  width: 520px;
  justify-content: flex-end;
  padding: 100px 23px 30px;
  position: relative;
  z-index: 10;
}
.feature01_title {
  width: 120px;
  margin: 0;
}
.feature01_catch {
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-size: 1.7em;
  letter-spacing: 0.18em;
  margin-right: 24px;
  line-height: 2.1;
}
.feature01_body {
  flex: 1 1 0%;
  position: relative;
  z-index: 10;
}
.feature01_txt {
  margin-top: 30px;
  letter-spacing: 0.05em;
}
.feature01_img02 {
  position: absolute;
  right: 0;
  bottom: -25px;
  z-index: 10;
  max-width:350px;
}


/* feature02 */
.feature_itemid {
  margin-top: 130px;
  display: flex;
  justify-content: space-between;
}
.feature_itemid .feature_item {
  width: calc(50% - 40px);
}
.feature02 {
  position: relative;
}
.feature02_head {
  position: relative;
  z-index: 1;
}
.feature02_title {
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.feature02_img {
  max-width: 510px;
}
@media (max-width: 481px) {
.feature02_img {
margin-top:100px;
}
}

.feature02_catch {
  font-size: 1.4em;
  /* letter-spacing: 0.18em; */
  text-align: center;
  line-height: 1.6;
  margin-top: 6px;
  padding-right: 30px;
}
.top_feature02_img {
  width: 91.5%;
  max-width: 510px;
}
.feature02_txt {
  margin-top: 12px;
  letter-spacing: 0.05em;
}
/* feature03 */
.feature03 {
  position: relative;
  z-index: 10;
  margin-top: -60px;
}
.feature03_title {
  width: 120px;
  margin: 0 auto 23px;
}
.feature03_catch {
  font-size: 1.4em;
  /* letter-spacing: 0.18em; */
  text-align: center;
  line-height: 1.6;
  margin-top: 10px;
}
.feature03_img {
  max-width: 526px;
  margin-top: 30px;
}
.feature03_txt {
  margin-top: 10px;
  letter-spacing: 0.05em;
}

@media (max-width: 1000px) {
  .feature01:after {
    bottom: -170px;
    right: -360px;
    width: 690px;
    height: 240px;
  }
  .feature01_img02 {
    width: 240px;
  }
  .feature01_head {
    padding: 70px 23px 30px;
    width: 380px;
  }
  .feature01_catch {
  }
  .feature02_catch,
  .feature03_catch {
    padding-right: 0;
  }
  .feature01_txt,
  .feature02_txt,
  .feature03_txt {
    font-size: 0.8rem;
  }
}
@media (max-width: 768px) {
  .feature01 {
    display: block;
    /* padding-bottom: 34vw; */
  }
  .feature01:after {
    bottom: -14vw;
    right: -14vw;
    width: 80vw;
    height: 30vw;
  }
  .feature01_head {
    display: block;
    width: 100%;
    padding: 0;
  }
  .feature01_title {
    width: 20vw;
    margin: 0 auto 3vw;
  }
  .feature01_catch {
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    font-size: 1.5em;
    margin-right: 0;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 3vw;
  }
  .feature01_txt {
    margin-top: 5vw;
    font-size: 0.875rem;
  }
  .feature01_img02 {
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 80%;
	max-width:300px;
  }
  /* feature02 */
  .feature_itemid {
    margin-top: 18vw;
    display: block;
    position: relative;
    z-index: 10;
  }
  .feature_itemid .feature_item {
    width: 100%;
  }
  .feature02_title {
    width: 20vw;
    margin: 0 auto 3vw;
  }
  .feature02_catch {
  font-size: 1.4em;
    margin-right: 0;
    line-height: 1.5;
    margin-top: 15px;
    padding-right: 0;
  }
  .top_feature02_img {
    width: 91.5%;
    max-width: none;
  }
  .feature02_txt {
    margin-top: 3vw;
    font-size: 0.875rem;
  }
  /* feature03 */
  .feature03 {
    margin-top: 15vw;
  }
  .feature03_title {
    width: 20vw;
    margin: 0 auto 1vw;
  }
  .feature03_catch {
  font-size: 1.4em;
    margin-right: 0;
    line-height: 1.5;
    margin-top: 0;
    padding-right: 0;
  }
  .feature03_img {
    max-width: none;
    margin-top: 5vw;
  }
  .feature03_txt {
    margin-top: 3vw;
    font-size: 0.875rem;
  }
}

@media (max-width: 700px) {
.feature01_txt{
	margin-bottom:50px;
	
}
}
@media (max-width: 520px) {
.feature01_txt{
	margin-bottom:0px;
	
}
}

.feature01_catch, .feature02_catch, .feature03_catch {
  font-family:serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP",
	"Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体";	
	    line-height: 1.6;
  }
 
@media (max-width: 481px) {
.feature01_catch, .feature02_catch, .feature03_catch {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP";
}
}
  
  
  .feature01_catch{
	    line-height: 1.9;
  }
@media (max-width: 768px) {
.feature01_catch, .feature02_catch, .feature03_catch {
    font-size: 1.25em;
	    line-height: 1.6;
  }
}
@media (max-width: 481px) {
.feature01_catch, .feature02_catch, .feature03_catch {
    font-size: 1.2em;
  }
}

@media (max-width: 768px) {
.feature01_txt, .feature02_txt, .feature03_txt {
	line-height:1.5;
  letter-spacing: 0;
}
}

@media (max-width: 481px) {
.feature01_catch,.feature02_catch,.feature03_catch {
  letter-spacing: 0;

}
}




/*　英語タイトル＋日本語サブタイトルのh2*/
#sct_profile h2{
font-size:2.5rem;
font-weight: normal;
margin-bottom:15px;
}
@media (max-width: 481px) {
#sct_profile h2{
font-size:2.5rem;
font-weight: normal;
margin-bottom:25px;
}
	
}

#sct_profile h2 p{
    font-size: 1.5rem;
}
@media (max-width: 481px) {
#sct_profile {
  	padding-top: 10px;
}

#sct_profile h2 p{
		font-size: 1.2rem;
	}
}






/*----------------------------------------------------
  サイドバー
----------------------------------------------------*/



aside .widget {
  margin: 0 0 2.5em;
  font-size: 0.98em;
}
aside .widget_text {
  margin-bottom: 72px;
}


/*HOMEへのバナー*/
.banner-list-home {
  position: relative;
  display:inline-block;
  width: 100%;
  height: 100%;

  margin-bottom: 30px;
  overflow: hidden;

  text-align:center;
  vertical-align:center;
}
@media screen and (min-width: 481px) and (max-width: 1000px){
  .banner-list-home {
    width: 380px;
  }
}

.banner-list-home-text {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events:none;
  z-index:1000;
  
  width:100%;
}
.banner-list-home-text h3,
.banner-list-home-text span {
  color: #FFF;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
  white-space: nowrap;
}
.banner-list-home-text h3 {
  padding: 0 20px;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 32px;
  border-bottom: 1px solid #fff3c3;
}
.banner-list-home-text span {
  display: block;
  padding-left: 20px;
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 0.03em;
}
.hover-effect-home {
  overflow: hidden;
}
.hover-effect-home a img {
  transform:scale(1.1);
  transition: 0.5s ease-out;
}
.hover-effect-home a:hover img{
  transform:scale(1.25);
  opacity:1 !important;
}
@media screen and (min-width: 1001px) and (max-width: 1210px){
  .banner-list-home-text h3 {
    font-size: 2.7vw;
  }
  .banner-list-home-text span {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 481px){
  .banner-list-home-text h3 {
    font-size: 7.3vw;
  }
  .banner-list-home-text span {
    font-size: 4.8vw;
  }
}


/*メニューバナーの領域設定*/
ul.banner-list {
  margin-bottom: 0;
  line-height: 1;
}


@media screen and (min-width: 481px) and (max-width: 1000px){
  .banner-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .banner-list.aside {
    display: block;
  }
}

.banner-list__item {
  position: relative;
  width: 100%;
  height: 140px;
  margin: 0 auto 30px;
  overflow: hidden;
}
.banner-list__item a {
  position: relative;
  display: block;
  height: 100%;
  padding: 7px 7px 0;
}
.banner-list__item a:hover {
  background: #efefef;
}

.banner-list__item {
  margin: 0 auto 30px;
}
@media screen and (min-width: 481px) and (max-width: 1000px){
  .banner-list__item {
    width: calc(50% - 10px);
    margin: 0 0 20px;
  }
  .banner-list__item.aside {
    width: 100%;
  }
}
@media (max-width: 481px) {
  .banner-list__item {
    width: 100%;
  }
}


.banner-list__item img {
  width: 100%;
  height: auto;
}


/*バナーのホバーエフェクト*/
.hover-effect--type2 {
  overflow: hidden;
}
.hover-effect--type2 img  {
  margin-left: 15px;
  transform: scale(1.2) translate3d(-15px, 0, 0);
  transition: 0.5s;
  transition-property: opacity, transform;
}
@media screen and  (min-width: 481px){
  @media screen and  (max-width: 1000px){
    .hover-effect--type2 img{
      margin-right: 0 !important;
      margin-left: 0 !important;
      transform: none !important;
      transition: none !important;
    }
  }
}
.hover-effect--type2 h3{
  pointer-events:none; /*テキスト領域にマウスオーバーした時に、画像が動かないのを避ける*/
}


.hover-effect--type2 img:hover {
  transform: scale(1.2) translate3d(0, 0, 0);
}
.hover-effect--type2 img:hover + h3{
  left:43px;
}
.hover-effect--type2 h3:hover{
  left:43px;
}

.hover-effect--type2 h3:hover + img{
  transform: scale(1.2) translate3d(0, 0, 0);
}



/*英語タイトル*/
.hover-effect--type2 .banner-list__item-catch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 28px;
  margin: auto;
  font-size: 28px;
  font-weight:normal;
  color: #fff;
  transition-duration: 0.5s;
  transition-property: left;
  z-index: 1;
  
  line-height:normal;
}


/*日本語サブタイ*/
.hover-effect--type2 .banner-list__item-catch .banner-list__item-sub {
  display: block;
  margin-top: -5px;
  font-size: 19px;
}

.single_eyecatch{
	margin-bottom:20px;
}




/* ==========================
症例・患者の声
========================== */


.testimonial {
  position: relative;
  border: 3px solid #E7B7B7;
  padding:15px;
  background: url(../relife-original/img/testimonial_bg.png) no-repeat 98% 10px #fff;
  border-radius: 10px;
  margin-top:25px;
}
@media (max-width: 481px) {
  .testimonial {
    margin: 1.5em 0 0;
    padding: 1em;
    border: 2px solid #eee3d7;
    border-radius: 10px
  }
}

.testimonial h3 {
  padding: 0 0 10px;
  border: none;
  border-bottom: 2px dotted #ccc;
  margin: 0 0 20px;
  color: #ED6486;
  font-weight:bold;
  font-size:1.2em;
}
@media (max-width: 481px) {
.testimonial h3 {
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";
font-size:1.1em;
}
}




.testimonial .worry{
	font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans JP", serif,"Hiragino Mincho Pro","Yu Mincho", "YuMincho", "游明朝体","Noto Serif JP";

	font-size:19px;
	line-height: 1.4;

	position: relative;

	color:white;
	font-weight:normal;

  margin: 0 0 1em;
  padding:0.5em;

background:#7CAEBF;

	border-radius:0.5rem;



}
@media (max-width: 481px) {
.testimonial .worry{
	font-weight:normal;
	font-size:17px;
	line-height: 1.6;
}
}



.testimonial img{
display:block;
width:100%;
margin-bottom:1em;
}



.testimonial dl dt {
  font-size: 12px;
  color: #a08a72;
  padding-bottom: 2px;
  border-bottom: 1px dotted #ccc;
}
.testimonial dl dd {
  margin: 5px 0 20px;
}

.feedbacks {
  margin-bottom: 1em;
  clear: both;
}
.feedbacks .feedback_txt {
  padding: 1em;
}
.feedbacks .feedback_txt:nth-child(odd) {
  background: #F4EAEA;
}

.feedbacks .feedback_txt h5 {
  background: url(../relife-original/img/icon_q.png) left 2px no-repeat;
  padding: 0 0 .5em 2em;
  margin: 0 0 1em;
  font-weight: 400;
  border-bottom: 1px dotted #978b7f;
  line-height: 1.5;
  font-size: .9em;
  text-align: left;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", serif, "Yu Mincho", "YuMincho", "游明朝体", "Noto Serif JP";
}

.feedbacks .feedback_txt p {
  background: url(../relife-original/img/icon_a.png) left 2px no-repeat;
  padding-left: 2em;
  margin: 0;
}

.testimonial-video {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
@media (min-width: 482px) {
  .testimonial-video {
    width: 80%;
    padding-bottom: 45%;
  }
}
.testimonial-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}