/* general */
body {
	font-size: 18px;
	font-family:  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: normal;
	margin: 0 auto ;
	padding: 0 ;
	line-height: 1.6;
	max-width: 100% ;
	scroll-behavior: smooth;
}

/* リンク */
a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

/* エリア構成 */
#toparea01 {
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%;
}
#toparea02 {
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%;
}
#toparea03 {
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%;
}
#toparea04 {
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%;
}


/* 画像基本 */
body,img {
	width: 100%;
	height: auto;
}

/* リンク画像 */
div a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* 実線 */
.hr_01 {
	border-top: 1px solid #2E2E2E;
	margin: -1% 0 2% 0 ;
}

/* ヘッダーイメージ */
#header_aftc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 ;
	background-color:#ffffff ;
}
#header_aftc .header_logo{
	padding: 0 0 2% 10% ;
	width: 15%;
	text-align: left;
}

/* PC SP 差し替え */
.pre_pc {
	display: block !important; 
}
.pre_sp {
	display: none !important; 
}
.pc_br {
	display: block !important;
}	
.sp_br {
	display: none !important; 
}	
	
/* 文字 */
.style_top_point {
	font-size: 2.2em;
	color: #ea8733;	
	line-height: 130%;
	margin: 5% 0 ;
	font-weight: bold;
	text-align: center;
}
.style_point_num {
	font-size: 3.0em;
	color: #ea8733;	
	font-weight: bold;
	text-align: center;
	margin:0;
    line-height:1;
}
.style_text01 {
	font-size: 1.2em;
	color: #000000;	
	line-height: 160%;
	margin: 2% 0 ;
	font-weight: normal;
	text-align: left ;
}
.style_cap {
	font-size: 0.8em;
	color: #000000;	
	line-height: 140%;
	margin: 2% 0 5% 0 ;
	font-weight: normal;
	text-align: left ;
}

/* 2カラム トップ 4ポイント */
.flex_point{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 2% 0 ;
	gap:2%;
}
.flex_point .point_item01{
	flex:0 0 100px;
	display:flex;
    align-items:center;
    justify-content:center;
}
.flex_point .point_item02{
	flex:1;
	margin: 0% ;
}
/* 4ポイント 中身 */
.point_box {
    position:relative;
    background:#FDD0A7;
    border-radius:20px;
    padding:50px 30px 50px 340px;
}
.point_box__image {
	position: absolute;	
    flex-shrink: 0;
	top: -30px;
	left: 30px;
}
.point_box__image img {
    display: block;
    width:280px;
    height:auto;
}
.point_box__text {
    font-size: 1.0em;
    line-height: 1.6;
    font-weight: 700;
    color: #000000;
}

/* 動画 */
.c-movie {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin-top: 110px;
  background: #000;
}
.c-movie video,
.c-movie .btn {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.c-movie video {
  display: block;
  width: 100%;
  height: 100%;
}
.c-movie .btn {
  cursor: pointer;
}
.c-movie .btn img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ポイントリングボタン */
.point_btn-section {
    display: flex;
    justify-content: center;
    gap: 60px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px;
}
.point_btn-item {
    width: 480px;
    text-align: center;
}
.point_btn-title {
    font-size: 2.2em;
    font-weight: bold;
    color: #ea8733;
    margin-bottom: 30px;
    line-height: 1;
}
.point_btn-image {
    margin-bottom: 10px;
}
.point_btn-image img {
    max-width: 260px;
    width: 100%;
    height: auto;
}
.point_btn-box {
    position: relative;
    border: 6px solid #ea8733;
    border-radius: 20px;
    padding: 15px 40px;
    background: #fff;
}
.point_btn-box p {
    font-size: 1.3em;
    line-height: 1.6;
    font-weight: bold;
    color: #000000;
    text-align: left;
}
.point_btn-arrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 30px solid #ea8733;
}

/* 各章境 */
.chapter_top {
    display: block;
    background-color: #ea8733;
	padding: 10px 0;
}
.style_chapter_top_point {
	font-size: 1.2em;
	color: #ffffff;	
	margin: 10px 0 ;
	font-weight: bold;
	text-align: center;
}
.style_chapter_top_lead {
	font-size: 2.2em;
	color: #ffffff;	
	margin: 10px 0 ;
	font-weight: bold;
	text-align: center;
}
.chapter_top02 {
    display: block;
    background-color: #ea8733;
	margin: 40px 0 0 0 ;
	padding: 10px 0;
}

/* 会話エリア */
.lp-middle{
    background:#ffd0a8;
    padding:80px 20px 0;
	margin:80px 0 0 0;
}
.lp-middle__box{
    position:relative;
    max-width:860px;
    margin:0 auto;
    background:#fff;
}
.lp-middle__inner{
    max-width:820px;
    margin:0 auto;
	padding:0 60px;
}
.scene{
    display:block;	
    width:100%;
    height:auto;	
}
.scene + .talk{
    margin-top:35px;
}
.talk{
    margin-bottom:60px;
}
.talk-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
}
.talk-item + .talk-item{
    margin-top:28px;
}
.icon{
    width:58px;
    height:58px;
    border-radius:50%;
    flex-shrink:0;
}
.talk p{
    margin:10px 0 0 0;
    font-size:1.2em;
    line-height:1.6;
    color:#000000;
}
/* 会話下まとめエリア */
.lp-bottom{
    background:#ffd0a8;
    padding:0 20px 60px 20px;
}
.lp-bottom__box{
    position:relative;
    max-width:860px;
    margin:0 auto;
    background:#fff;
}
.lp-bottom__inner{
    max-width:820px;
    margin:0 auto;
	padding:5px 60px;
}
.style_matome01 {
	font-size: 1.0em;
	color: #000000;	
	line-height: 160%;
	margin: 3% 0 ;
	font-weight: normal;
	text-align: center;
}
.style_matome02 {
	font-size: 1.1em;
	color: #000000;	
	line-height: 160%;
	margin: 3% 0 ;
	font-weight: bold;
	text-align: center;
}
.style_matome03 {
	font-size: 1.0em;
	color: #ea8733;	
	line-height: 160%;
	margin: 3% 0 ;
	font-weight: bold;
	text-align: center;
	text-decoration:underline;
    text-decoration-color: #ea8733;
}
.style_matomecap {
	font-size: 0.8em;
	color: #000000;	
	line-height: 140%;
	margin: 3% 0 5% 0 ;
	font-weight: normal;
	text-align: center;
}
.style_matome01 span {
  display: inline;
  font-weight: bold;
  background: linear-gradient(
    transparent 45%,
    #ffff00 45%,
    #ffff00 100%,
    transparent 100%
  );
  padding: 5px;
}
.orange_arrow00{
    display:block;
    width:100%;
    height:auto;
    margin:0;
}
/* まとめエンディング */
.matome_end__inner {
  position: relative;
  overflow: hidden;
  /* ーー高さーー */
  min-height: 500px;
  /* ーー背景色ーー */
  background-color: #ef8a24;
  /* ーー斜線ーー */
background:
repeating-linear-gradient(
  -45deg,
  rgba(255,255,255,.08) 0 40px,
  rgba(255,255,255,0) 40px 80px
),
#ef8a24;
  text-align: center;
}
.matome_end__title {
  padding-top: 20px;
  color: #fff;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 1.45;
  position: relative;
  z-index: 2;
}
/* ーー人物ーー */
.matome_end__person {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 420px;
  max-width: 80%;
  z-index: 1;
}


/* フッター関係 */
footer {
	width: 100%;
	margin: 0 ;
	padding: 2% 0 4% 0 ;
	background-color: #ffffff;	
	color: #303030;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
}


@media (max-width: 1024px) {
body {
	font-size: 15px;	
	font-family:  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: normal;
	margin: 0 auto ;
	padding: 0 ;
	line-height: 1.6;
	max-width: 1025px ;
}
	
/* エリア構成 */
#toparea01 {
	max-width: 760px;
}
#toparea02 {
	max-width: 760px;
}
#toparea03 {
	max-width: 760px;
}
#toparea04 {
	max-width: 760px;
}
	
/* ヘッダーイメージ */
#header_aftc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 ;
	background-color:#ffffff ;
}
#header_aftc .header_logo{
	padding: 0% 0 3% 5% ;
	width: 20%;
	text-align: left;
}	
/* 文字 */
.style_top_point {
	font-size: 1.6em;
	color: #ea8733;	
	line-height: 130%;
	margin: 3% 0 6% 0 ;
	font-weight: bold;
	text-align: center;
}	
.style_point_num {
	font-size: 2.0em;
	color: #ea8733;	
	font-weight: bold;
	text-align: center;
	margin:0;
    line-height:1;
}	
/* 2カラム トップ 4ポイント */
.flex_point{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 2% 0 ;
	gap:2%;
}
.flex_point .point_item01{
	flex:0 0 50px;
	display:flex;
    align-items:center;
    justify-content:center;
}
.flex_point .point_item02{
	flex:1;
	margin: 0% ;
}	
/* 4ポイント 中身 */
.point_box {
    position:relative;
    background:#FDD0A7;
    border-radius:12px;
    padding:20px 30px 20px 220px;
}
.point_box__image {
	position: absolute;	
    flex-shrink: 0;
	top: -10px;
	left: 30px;
}
.point_box__image img {
    display: block;
    width:160px;
    height:auto;
}
.point_box__text {
    font-size: 1.0em;
    line-height: 1.6;
    font-weight: 700;
    color: #000000;
}	
/* ポイントリングボタン */
.point_btn-section {
    display: flex;
    justify-content: center;
    gap: 40px;
    max-width: 560px;
    margin: -5% auto -2% auto;
    padding: 60px 20px;
}
.point_btn-item {
    width: 260px;
    text-align: center;
}
.point_btn-title {
    font-size: 2.0em;
    font-weight: bold;
    color: #ea8733;
    margin-bottom: 30px;
    line-height: 1;
}
.point_btn-image {
    margin-bottom: 4px;
}
.point_btn-image img {
    max-width: 200px;
    width: 100%;
    height: auto;
}
.point_btn-box {
    position: relative;
    border: 6px solid #ea8733;
    border-radius: 20px;
    padding: 10px 26px;
    background: #fff;
}
.point_btn-box p {
    font-size: 1.0em;
    line-height: 1.6;
    font-weight: bold;
    color: #000000;
    text-align: left;
}
/* 各章境 */
.style_chapter_top_point {
	font-size: 1.4em;
	color: #ffffff;	
	margin: 8px 0 ;
	font-weight: bold;
	text-align: center;
}
.style_chapter_top_lead {
	font-size: 1.8em;
	color: #ffffff;	
	margin: 8px 0 20px 0 ;
	font-weight: bold;
	text-align: center;
}
/* まとめエンディング */
.matome_end__inner {
  position: relative;
  overflow: hidden;
  /* ーー高さーー */
  min-height: 400px;
  /* ーー背景色ーー */
  background-color: #ef8a24;
  /* ーー斜線ーー */
background:
repeating-linear-gradient(
  -45deg,
  rgba(255,255,255,.08) 0 40px,
  rgba(255,255,255,0) 40px 80px
),
#ef8a24;
  text-align: center;
}
.matome_end__title {
  padding-top: 10px;
  color: #fff;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 1.45;
  position: relative;
  z-index: 2;
}
/* ーー人物ーー */
.matome_end__person {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 300px;
  max-width: 80%;
  z-index: 1;
}

}
	

@media (max-width: 599px) {
body {
	font-size: 15px;		
	font-family:  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: normal;
	margin: 0 auto ;
	padding: 0 ;
	line-height: 1.6;
	max-width: 600px ;
}
	
/* PC SP 差し替え */
.pre_pc {
	display: none !important; 
}
.pre_sp {
	display: block !important; 
}	
.pc_br {
	display: none !important; 
}	
.sp_br {
	display: block !important; 
}	

/* エリア構成 */
#toparea01 {
	max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}
#toparea02 {
	max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}
#toparea03 {
	max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}
#toparea04 {
	max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}	
	
/* ヘッダーイメージ */
#header_aftc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 ;
	background-color:#ffffff ;
}
#header_aftc .header_logo{
	padding: 0 0 4% 5% ;
	width: 40%;
	text-align: left;
}	
	
/* 文字 */
.style_top_point {
	font-size: 1.2em;
	color: #ea8733;	
	line-height: 130%;
	margin: 5% 0 ;
	font-weight: bold;
	text-align: center;
}
.style_point_num {
	font-size: 1.8em;
	color: #ea8733;	
	font-weight: bold;
	text-align: center;
	margin: 10px 0 0 0;
    line-height:1;
}	
	
/* 2カラム トップ 4ポイント */
.flex_point {
    display: block;
    margin-bottom: 10px;
}
.flex_point .point_item01 {
    width: 100%;
    margin-bottom: 10px;
}
.flex_point .point_item02 {
    width: 100%;
}

/* 4ポイント 中身 */
.point_box {
    position: relative;
    background: #FDD0A7;
    border-radius: 10px;
    padding: 20px;
}
.point_box__image {
    position: static;
    top: auto;
    left: auto;

    display: flex;
    justify-content: center;

    width: 100%;
    margin-bottom: 15px;
}
.point_box__image img {
    display: block;
    width: 140px;
    height: auto;
}
.point_box__text {
    width: 100%;
    font-size: 0.8em;
    line-height: 1.6;
    font-weight: 700;
    color: #000000;
}

/* 動画 */
.c-movie {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: -40px;	
  background: #000;
}
.c-movie video,
.c-movie .btn {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.c-movie video {
  display: block;
  width: 100%;
  height: 100%;
}
.c-movie .btn {
  cursor: pointer;
}
.c-movie .btn img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}	
	
/* ポイントリングボタン */
.point_btn-section {
    display: flex;
    justify-content: center;
    gap: 10px;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 10px 60px 10px;
}
.point_btn-item {
    width: 340px;
    text-align: center;
}
.point_btn-title {
    font-size: 1.4em;
    font-weight: bold;
    color: #ea8733;
    margin-bottom: 10px;
    line-height: 1;
}
.point_btn-image {
    margin-bottom: 6px;
}
.point_btn-image img {
    max-width: 140px;
    width: 100%;
    height: auto;
}
.point_btn-box {
    position: relative;
    border: 4px solid #ea8733;
    border-radius: 10px;
    padding: 8px 12px;
    background: #fff;
}
.point_btn-box p {
    font-size: 0.8em;
    line-height: 1.6;
    font-weight: bold;
    color: #000000;
    text-align: left;
}
.point_btn-arrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #ea8733;
}	
	
/* 各章境 */
.chapter_top {
    display: block;
    background-color: #ea8733;
	margin: -40px 0 0 0 ;
	padding: 10px 0;
}
.style_chapter_top_point {
	font-size: 1.0em;
	color: #ffffff;	
	margin: 10px 0 ;
	font-weight: bold;
	text-align: center;
}
.style_chapter_top_lead {
	font-size: 1.4em;
	color: #ffffff;	
	margin: 10px 0 ;
	font-weight: bold;
	text-align: center;
	padding: 0 20px ;
}

/* 会話エリア */
.lp-middle{
    background:#ffd0a8;
    padding:20px 20px 0;
	margin:60px 0 0 0;
}
.lp-middle__box{
    position:relative;
    max-width:700px;
    margin:0 auto;
    background:#fff;
}
.lp-middle__inner{
    max-width:100%;
    margin:0 auto;
	padding:0 20px;
}
.scene{
    display:block;	
    width:100%;
    height:auto;	
}
.scene + .talk{
    margin-top:15px;
}
.talk{
    margin-bottom:20px;
}
.talk-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
}
.talk-item + .talk-item{
    margin-top:16px;
}
.icon{
    width:58px;
    height:58px;
    border-radius:50%;
    flex-shrink:0;
}
.talk p{
    margin:8px 0 0 0;
    font-size:1.0em;
    line-height:1.4;
    color:#000000;
}
/* 会話下まとめエリア */
.lp-bottom{
    background:#ffd0a8;
    padding:0 20px 60px 20px;
}
.lp-bottom__box{
    position:relative;
    max-width:700px;
    margin:0 auto;
    background:#fff;
}
.lp-bottom__inner{
    max-width:100%;
    margin:0 auto;
	padding:5px 30px;
}
.style_matome01 {
	font-size: 1.0em;
	color: #000000;	
	line-height: 160%;
	margin: 6% 0 ;
	font-weight: normal;
	text-align: left;
}
.style_matome02 {
	font-size: 1.1em;
	color: #000000;	
	line-height: 160%;
	margin: 6% 0 ;
	font-weight: bold;
	text-align: left;
}
.style_matome03 {
	font-size: 1.0em;
	color: #ea8733;	
	line-height: 160%;
	margin: 6% 0 ;
	font-weight: bold;
	text-align: left;
	text-decoration:underline;
    text-decoration-color: #ea8733;
}
.style_matomecap {
	font-size: 0.8em;
	color: #000000;	
	line-height: 140%;
	margin: 6% 0 ;
	font-weight: normal;
	text-align: left;
}

/* まとめエンディング */
.matome_end__inner {
  position: relative;
  overflow: hidden;
  /* ーー高さーー */
  min-height: 260px;
  /* ーー背景色ーー */
  background-color: #ef8a24;
  /* ーー斜線ーー */
background:
repeating-linear-gradient(
  -45deg,
  rgba(255,255,255,.08) 0 40px,
  rgba(255,255,255,0) 40px 80px
),
#ef8a24;
  text-align: left;
}
.matome_end__title {
  padding: 5px 30px 20px;
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.45;
  position: relative;
  z-index: 2;
}
/* ーー人物ーー */
.matome_end__person {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 200px;
  max-width: 80%;
  z-index: 1;
}	
	
	
	
	

}