@charset "utf-8";
/*
Theme Name: テーマ名
Theme URI: http://
Description: 説明文
Author: 作成者名
Version: 1.0
*/

<!-- ▼▼▼▼▼▼▼▼▼CSSコード記述（ここから）▼▼▼▼▼▼▼▼▼ -->

/* -------------------- */
/* 全体調整 */
/* -------------------- */
/*横スクロールバー禁止&フォント変更*/
.topLP{
  overflow-x:hidden;
}

.topLP{
  overflow-x:hidden;
}

/*--------------------*/
/*ツール*/
/*--------------------*/
/* ﾂｰﾙ｜非表示 */
.tool_none{
  display:none;
}

/* ﾂｰﾙ｜非表示（ｽﾏﾎのみ） */
@media screen and (max-width: 768px) {
.tool_none_MB{
  display:none;
}
}

/* ﾂｰﾙ｜非表示（PCのみ） */
@media screen and (min-width: 768px) {
.tool_none_PC{
  display:none;
}
}

/* 基本コンテンツ幅 */
.tool_cont_in{
  max-width:1200px;
  margin:auto;
}

/*--------------------*/
/*ツール｜ロゴ*/
/*--------------------*/
/* ロゴ画像（テキスト） */
.tool_logo_text_img{
  display:flex;
  justify-content:center;
}

.tool_logo_text_img img{
  width:50%;
  margin:2em auto 0;
  padding:2em 1em 1em;
}

/* ロゴ画像（テキスト-HTML分） */
img.tool_logo_text{
  width:60%;
  margin:2em auto 0;
  padding:2em 1em 1em;
  display:flex;
}

/* ロゴ画像（テキスト-ikik分） */
img.tool_logo_ikik{
  max-width:250px;
  display:flex;
  margin:2em auto 4em;
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.tool_logo_text_img img,
img.tool_logo_text{
  width:90%;
}
  
img.tool_logo_ikik{
  width:50%;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.tool_logo_text_img img,
img.tool_logo_text{
  width:100%;
}
}

/* -------------------- */
/*キャッチコピー（吹き出し）*/
/* -------------------- */
h2.tool_midashi_decoA,
h3.tool_midashi_decoA{
background:#FD8B19;
  color:#fff;
  text-align:center;
  font-size:2.5em;
  border-radius:100vw;
  width:70%;
  padding:25px;
  position:relative;
  margin:auto;
  margin-bottom:2.5em;
  font-weight: 800;
  padding: 0.6em;
}

/*▼マーク*/
h2.tool_midashi_decoA:after,
h3.tool_midashi_decoA:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FD8B19 transparent transparent transparent;
  border-width: 30px 40px 0 40px;
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
  
h2.tool_midashi_decoA,
h3.tool_midashi_decoA{
  font-size:1.8em;
  padding:15px;
  margin-bottom:2em;
  width:93%;
}

h2.tool_midashi_decoA:after,
h3.tool_midashi_decoA:after{
  bottom: -23px;
  border-width: 25px 35px 0 35px;
}
}

/* タブレット調整 */
@media screen and (max-width: 600px) {
h2.tool_midashi_decoA,
h3.tool_midashi_decoA{
  font-size:4vw;
  padding:15px 8px;
}
  
h2.tool_midashi_decoA:after,
h3.tool_midashi_decoA:after{
  bottom: -14px;
  border-width: 15px 25px 0 25px;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
h2.tool_midashi_decoA,
h3.tool_midashi_decoA{
/*   font-size:1.3em; */
/*   width:100%; */
}
}

/* -------------------- */
/*キャッチコピー（あしらい）*/
/* -------------------- */
h2.tool_midashi_decoB{
  font-size:3em;
  text-align:center;
  padding:15px;
  margin-bottom:2em;
  color:#FD8B19;;
  background:none;
  position:relative;
  display:inline-block;
  height:100%;
  left:50%;
  transform: translateX(-50%);
  font-weight: 800;
}

h2.tool_midashi_decoB span{
  display:inline-block;
}

/* にぎやかし｜左側「＼」 */
h2.tool_midashi_decoB:before{
  content:"＼";
  position:absolute;
  top:15%;
  left:-0.8em;
  font-size:1.3em;
}

/* にぎやかし｜右側「＼」 */
h2.tool_midashi_decoB:after{
  content:"／";
  position:absolute;
  right:-0.8em;
  font-size:1.3em;
  top:15%;
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
  
h2.tool_midashi_decoB{
  font-size:1.8em;
  padding:15px;
  margin-bottom:2em;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
h2.tool_midashi_decoB{
  font-size:1.3em;
  padding:5px;
}
}

/* -------------------- */
/* キャッチコピー（装飾 ドット） */
/* -------------------- */
h2 span.tool_deco_dot{
  position:relative;
}

h2 span.tool_deco_dot::before{
  position:absolute;
  content:"・・・・";
  top:-0.8em;
}

/* -------------------- */
/* キャッチコピー（装飾 下線） */
/* -------------------- */
.tool_deco_underbar{
background:linear-gradient(transparent 60%, #ff6 60%);
margin:0 0.3em;
}

/* -------------------- */
/* 背景色 */
/* -------------------- */
.bg_cont{
  
}

.bg_Orange{
  background:#FD8B19;
  padding:2em 10px;
  margin-top:2em;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-bottom:0px;
}

.bg_LightOrange{
  background:#FFF3E8;
  padding:2em 10px 2em 5px;
  margin-right: calc(50% - 50vw);
  /*margin-left: calc(50% - 50vw);*/
  margin-bottom:0px;
}

.bg_lightYellow{
  background:#FFFFEC;
  padding:2em 10px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-bottom:0px;
}

/* レスポンシブ調整 */
@media screen and (max-width: 768px) {
.bg_LightOrange,
.bg_Orange,
.bg_lightYellow{
  padding:7vw 6vw 7vw 4vw;
}
}

/* -------------------- */
/* フローティングボタン */
/* -------------------- */
/*ボタン全体*/
.floating_btn{
  position:fixed;
  bottom:5em;
  right:0;
  gap:10px;
  display:flex;
  flex-direction:column;
  z-index:999;
}

/*ボタン１つ分*/
.floating_btn_item{
  background:#FD8B19;
  color:#fff;
  border:solid 2px #fff;
  padding:5px 20px;
  border-radius:7px 0 0 7px;
  font-weight: 400;
  font-size:1.3em;
}


/*既存CSS 上書き*/
#fixed_link .floating_btn a{
  width: 11.5em !important;
  padding: 0 !important;
  border:initial !important;
}

/* -------------------- */
/*タブレット調整*/
@media screen and (max-width: 840px) {
  #fixed_link .floating_btn a{
  }

  .floating_btn{
  }
}

/*スマホ調整*/
@media screen and (max-width: 600px) {
  .floating_btn{
    gap: 5px;
    bottom: 2em;
  }
/* 
  body.home .floating_btn{
    bottom: auto;
    top: 60px;
  } */

  .floating_btn_item{
    padding:3px 10px;
    border-radius:6px 0 0 6px;
    font-size:1.1em;
  }

  #fixed_link .floating_btn a{
    width: 9em !important;
  }
}

/*--------------------*/
/*ヘッダー*/
/*--------------------*/
/*全体エリア*/
.head_area{
  position: relative;
  padding:1em 2em 1em 3em;
  margin-bottom: 2em;
}

.alt_sytle{
  font-weight:700;
}

/* ロゴBOX */
.head_logo_box{
  position:absolute;
  z-index:1;
  display:flex;
  max-width:400px;
  justify-content:center;
  align-items: flex-end;
  /*top:2.5vh;*/
  /*left:2em;*/
  top:3vh;
  left:15vw;
}

/*キャッチコピー全体*/
.head_area h2{
  background:none;
  position:absolute;
  /*top:11vh;*/
  /*left:0;*/
  top:12vh;
  left:12vw;
  line-height:1.8em;
  color:#000;
  font-size:3.5vw;
  background-color: rgba(255,255,255,0.7);
  padding:0.7em 0.7em 0.2em;
  border-radius:20px;
  text-indent: -0.2em;
  padding-left: 1em;
}

/*交互装飾｜１*/
.alt_sytle span:nth-child(odd) {
  background:#FD8B19;
  color:#fff;
  text-align:center;
/*   padding:0.4vw 1.5vw 0; */
  padding:0 1.5vw 0.3vw;
  margin:5px;
  border:solid 4px #E47D17;
  font-size:1.3em;
}

/*交互装飾｜2*/
.alt_sytle span:nth-child(even) {
  background:#E47D17;
  border:solid 4px #FD8B19;
  color:#fff;
  text-align:center;
/*   padding:0.4vw 1.5vw 0; */
  padding:0 1.5vw 0.3vw;
  font-size:1.3em;
}

/* スライダー仕様 */
.head_slider {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 8;
  overflow: hidden;
/*   margin: 0 auto; */
}

.head_slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

@keyframes fadeFirst {
  0%   { opacity: 0; }
  5%   { opacity: 1; }
  50%  { opacity: 1; }
  55%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes fadeShort {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 0; }
  100% { opacity: 0; }
}

/* 1枚目だけ長めに表示 */
.head_slider img:nth-child(1) {
  animation: fadeFirst 30s infinite;
  animation-delay: 0s;
}

/* 2枚目以降は短めに表示 */
.head_slider img:nth-child(2) {
  animation: fadeShort 30s infinite;
  animation-delay: 8s;
}
.head_slider img:nth-child(3) {
  animation: fadeShort 30s infinite;
  animation-delay: 13s;
}
.head_slider img:nth-child(4) {
  animation: fadeShort 30s infinite;
  animation-delay: 18s;
}
.head_slider img:nth-child(5) {
  animation: fadeShort 30s infinite;
  animation-delay: 23s;
}
.head_slider img:nth-child(6) {
  animation: fadeShort 30s infinite;
  animation-delay: 28s;
}

/* -------------------- */
/* PC調整（横幅1400px以上） */
@media screen and (min-width: 1400px) {
.head_area h2{
  font-size:3.8em;
}
  
.alt_sytle span:nth-child(odd), .alt_sytle span:nth-child(even){
  padding:0 1.2vw 0.3vw;
}
}

/*--------------------*/
/*3つのポイント*/
/*--------------------*/
/*3つのポイントBOX*/
.head_area ul{
  display:flex;
  font-weight:600;
  list-style:none;
  max-width:600px;
  width:600px;
  position: absolute;
  z-index:10;
  padding-left:30px;
  left: 12vw;
  bottom: 3em;
  gap:1em;
}

/*ポイント1つ分*/
.head_area li{
  position:relative;
  background:#FD8B19;
  border:solid 3px #fff;
  border-radius:100vw;
  padding:14px 10px 10px;
  aspect-ratio: 1 / 1;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  align-items:center;
  color:#fff;
  font-size:1.6vw;
}

/*ポイント注釈（※のみ）*/
.head_area li strong{
  position: absolute;
  right:15%;
  top:50%;
  font-size:13px;
  font-weight:400;
  background:none;
  color:#fff;
  font-family: 'Noto Sans', sans-serif;
}

/*ポイント注釈*/
.head_area li .marker{
  position: absolute;
  bottom:-25px;
  font-size:13px;
  font-weight:400;
  background:none;
  color:#000;
  background-color: rgba(255,255,255,0.7);
  width:105%;
}

/* -------------------- */
/* PC調整（横幅1400px以上） */
@media screen and (min-width: 1400px) {
.head_area ul{
  max-width:650px;
  width:650px;
  bottom:11vw;
}

}

/* PC調整（横幅1700px以上） */
@media screen and (min-width: 1700px) {
.head_area ul{
  max-width:700px;
  width:700px;
  font-size:1.8em;
  bottom:13vw;
}

.head_area li{
  padding:14px 10px 10px;
  font-size:1.3em;
}
}

/* パソコン調整・小｜1100px以下 */
@media screen and (max-width: 1100px) {
.head_area{
  padding:0.5em;
}

.head_area ul{
  width:50vw;
  padding-left:25px;
}

.head_logo_box{
  left:10vw;
  top:-0.5vh;
}

}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.head_area li{
  padding:14px 10px 10px;
  font-size:1.2em;
}

.head_area ul{
  left: 3em;
}

.head_area li strong{
  right:12%;
}

.head_area ul{
  gap: 0em;
  font-size:1.1em;
  bottom:4vw;
  padding-left:0px;
}
  
.head_area li .marker{
  bottom:-20px;
  width:150%;
  font-size:12px;
}
  
.head_logo_box{
  /*top:12vh;*/
  top:0vh;
  left:3em;
  max-width:300px;
  align-items:center;
}
  
.head_area h2{
  left:1em;
  top:5vh;
 }
  
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.head_area ul{
  width:100%;
  max-width:initial !important;
  font-size:1em;
  font-weight:600;
  bottom:initial !important;
  position:relative;
  margin-bottom:6em;
  z-index:1;
}

.head_area ul{
  left: 0em;
}
  
.head_area li .marker{
  width:180%;
}
  
.alt_sytle span:nth-child(odd), .alt_sytle span:nth-child(even){
  border-width:3px;
}
  
.head_area{
  margin-top:2em;
  margin-bottom: 1em;
}

.head_logo_box{
  max-width:200px;
  left:2em;
  top:-1vh;
}
  
.head_area h2{
  border-radius:7px;
  top:6vh;
 }
}

/*--------------------*/
/*ヘッダー下のバナー*/
/*--------------------*/
/*全体エリア*/
.head_banner_area{
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background:#FDA246;
  position:relative;
  top:-30px;
}

/* タイトル｜BOX */
.banner_title{
  position:relative;
}

/*タイトル｜文字*/
.head_banner_area h2{
  background:none;
  color:#fff;
  font-size:3.8em;
  text-align:center;
  margin-bottom:0px;
  padding: 0.2em 0.1em 0.1em;
  font-weight: 900 !important;
}

/*タイトル｜色変更の装飾*/
.head_banner_area h2 strong{
  color:#FFFB40;
  font-size:1.4em;
  padding-right:10px;
  font-weight: 900 !important;
}

/*吹き出し｜ペア割｜BOX*/
.banner_pair_box{
  top:-40px;
  right:10%;
  position:absolute;
  background:#fff;
  border:solid 5px #FDA246;
  padding:10px 15px;
  color:#FD8B19;
  font-weight:600;
  font-size:1.1em;
  border-radius:10px;
  z-index:2;
}

/*吹き出し｜ペア割｜値段*/
.banner_pair_price{
font-size:1.5em;
  padding-left:5px;
}

/*吹き出し｜ペア割｜円のみ*/
.banner_pair_price span{
  font-size:0.9em;
  padding-right:5px;
}

/*吹き出し｜▼部分*/
.banner_pair_box:after{
  content: "";
  position: absolute;
  bottom: -18px;
  left: 40px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 20px 30px 0 30px;
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.head_banner_area h2{
  padding: 0.6em 0.1em 0.1em;
  font-size:2em;
}

.banner_pair_box{
  top:-45px;
  font-size:1.3em;
  padding:5px 10px;
  border:solid 3px #FDA246;
  right:2%;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.head_banner_area h2{
  font-size:1.4em;
  padding:20px 10px;
}
  
.banner_pair_box{
  top:-25px;
  font-size:10px;
  padding:5px 7px;
}
  
.banner_pair_box:after{
  bottom: -9px;
  border-width: 10px 20px 0 20px;
}
}

/*--------------------*/
/*コース バナー*/
/*--------------------*/
/*全体BOX｜OUT*/
.banner_cont_out{
  width:100%;
  background:#FFF3E8;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding:5em 1em 15em;
}

/*全体BOX｜IN*/
.banner_cont_in{
  max-width:1150px;
  margin:auto;
  padding:2em;
  display:flex;
  gap:1.5em;
  position: relative;
  right: 1.2%;
}

/*コース１つ分*/
.course_box_item{
  background:#fff;
  padding:20px 20px 0;
  border-radius:15px;
  width:100%;
  border:solid 3px #000;
  position:relative;
  justify-content:center;
  display:flex;
  flex-direction:column;
  font-size:1.2em;
  font-weight: 800 !important;
}


/*コースタイトル*/
.course_box_item h3{
  border:none;
  background: #000;
  color:#fff;
  text-align:center;
  font-size:2em;
  padding:12px;
  border-radius:100vw;
}

/*コースタイトル｜装飾*/
.course_box_item h3 span{
  font-size:0.7em;
  padding-right:7px;
}

/*料金*/
.course_box_price{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:3em;
  padding:1.1em 15px 0.3em;
  font-weight:600;
  position:relative;
}


/*料金｜装飾*/
.course_box_price span{
  font-size:0.6em;
  font-weight:400;
  padding-left:10px;
}

/* 料金｜注釈 */
span.course_box_price_note{
  position:absolute;
  font-size:15px;
  color:#333;
  top:2em;
  right:0px;
}

/* 料金｜初任者研修 */
.type_shonin .course_box_price{
  padding-left:2.5em;
}

/* 給付金対象バナー */
.course_subsidy{
  position:absolute;
  left:0;
  top:10.5vh;
  max-width:180px;
}

/*学習方法｜BOX*/
.course_box_study{
  display:flex;
  gap:1em;
  font-size:1.3em;
  justify-content:center;
  align-items:center;
  padding-bottom:1.5em;
  border-bottom:dashed 3px;
}

/*学習方法｜１つ分*/
.course_box_study p{
  background:#000;
  color:#fff;
  padding:10px 20px;
  margin:0px;
  font-weight:800;
}

/*コース種類*/
.course_box_item ul{
  padding:20px 20px 15px;
  display:inline-block;
  margin:auto;
  font-size:1em;
  font-weight: 500 !important;
}

/*コース種類*/
.course_box_item li strong{
  font-size:1.5em;
  color: #333;
  font-weight: 900 !important;
}

/* -------------------- */
/* PC調整・小｜1100px以下 */
@media screen and (max-width: 1100px) {
.course_subsidy{
  max-width:150px;
  top:6.5em;
}
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.banner_cont_in{
  flex-direction: column;
  padding:1.8em 2em 1px;
}
  
.course_box_item{
  margin:auto;
  margin-bottom:15em;
  padding:15px 10px 0;
  width:95%;
}
  
.banner_cont_out{
  padding-bottom:0;
  padding:4em 1em 1em;
}
  
.type_shonin .course_box_price{
  padding:1.5em 15px 0.5em 1.5em;
}
  
.course_subsidy{
/*  left:1em; */
  max-width:210px;
  top:6.5em;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.banner_cont_out{
  padding:3em 0px 0;
}
  
.course_box_item h3{
  font-size:1.7em;
}
  
span.course_box_price_note{
  font-size:13px;
}
  
.course_box_item ul{
  font-size:0.8em;
}

/*改行対策*/  
.course_box_item ul span{
  display:inline-block;
}
  
.course_box_study{
  gap:0.5em;
  font-size:1.2em;
}
  
.course_box_study p{
  background:#000;
  color:#fff;
  padding:7px 15px;
  margin:0px;
}

.course_box_price{
  padding:1.4em 15px 0.3em 15px;
  font-size:2.5em;
}

.type_shonin .course_box_price{
  padding:2.1em 15px 0.3em 15px;
}
  
.course_subsidy{
  top:5.5em;
  left:0.1em;
  max-width:190px;
}
}

/*--------------------*/
/*上部のポイント*/
.course_rec{
  position:absolute;
  font-size:1.7em;
  bottom:103%;
  width:100%;
  text-align:center;
  font-weight:700;
  left: -1px;
}

/* にぎやかし｜左側「＼」 */
.course_rec:before{
  content:"＼";
  padding-right:5px;
}

/* にぎやかし｜右側「＼」 */
.course_rec:after{
  content:"／";
  padding-left:5px;
}

/* -------------------- */
/* PC調整・小｜1110px以下 */
@media screen and (max-width: 1110px) {
.course_rec{
  font-size:2.3vw;
}
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.course_rec{
  padding-right:0;
  left:-3px;
  font-size:4vw;
}
  
.course_subsidy{
  bottom:13%;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.course_rec{
  font-size:5vw;
  width:110%;
  left:-15px;
}
}

/* -------------------- */
/* ボタンデザイン */
/* -------------------- */
.course_box_item a,
.course_spec_item a{
  position:absolute;
  top:105%;
  background:#000;
  color:#fff;
  text-decoration:none;
  padding:10px;
  width:75%;
  text-align:center;
  font-size:1.5em;
  left:50%;
  transform: translateX(-50%);
  margin-top:0.3em;
  transition: opacity 0.3s ease;
  line-height:1.8em;
  font-weight: 800 !important;
}

/* ボタンあしらい */
.course_box_item a.deco:before,
.course_spec_item a.deco:before{
  content:"";
  background-image:url('https://school-ikik.com/wp/wp-content/uploads/2025/07/deco_yellow.png');
  background-size: contain;
  background-repeat:no-repeat;
  width:70px;
  height:70px;
  position:absolute;
  right:0px;
  top:20px;
}

/* ボタンホバー */
.course_box_item a:hover,
.course_spec_item a:hover{
  opacity: 0.6;
}

/* ボタンの内側 */
.course_box_item a p,
.course_spec_item a p{
  border:solid 3px;
  margin:0px;
  padding:10px;
  font-weight:500;
  
}

/* ボタンアイコン */
.course_box_item a p:before,
.course_spec_item a p:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f4d8";
  font-size:1.2em;
  padding-right:0.3em;
  position:relative;
  top:1px;
}

/* ﾃｷｽﾄ「お申込みはコチラ」 */
.course_box_item a p span,
.course_spec_item a p span{
  font-size:1.5em;
  font-weight:900;
}

/* -------------------- */
/* スマホ調整 */
@media screen and (max-width: 600px) {
.course_box_item a,
.course_spec_item a{
  width:100%;
  margin-top:0em;
  font-size:1.4em;
}
  
.course_spec_item a{
  top:104%;
}
  
  .course_box_item a p span,
.course_spec_item a p span{
  font-size:1.5em;
}
  
/* ボタンあしらい */
.course_box_item a:before,
.course_spec_item a:before{
  width:60px;
  height:60px;
  right:-10px;
  top:15px;
}
  
.course_box_item a.deco:before,
.course_spec_item a.deco:before{
  width:45px;
  height:45px;
  top:20px;
}
}

/* -------------------- */
/* おすすめポイントエリア */
/* -------------------- */
/*エリア*/
.point_area{
  margin-top: 8em;
  padding: 1em;
}

/*キャッチココピー*/
.point_area h2{
  background:none;
  text-align:center;
  color:#FD8B19;
  font-size:2.5em;
  line-height:1.7em;
  margin-bottom:1.5em;
  font-weight:800;
}

/*キャッチココピー｜強調*/
.point_area h2 .marker{
  background:linear-gradient(transparent 60%, #ff6 60%);
  margin:0 0.3em;
  padding:0 10px;
  display:inline-block;
}

/*カラム全体*/
.point_box{
  display:flex;
  gap:1em;
  max-width: 1200px;
  margin: auto;
}

/* カラム１つ分 */
.point_area .point_item{
  border:solid 5px #FD8B19;
  border-radius:12px;
  padding:10px 15px;
  margin-bottom:1.5em;
  width: 90%;
}


/* カラム１つ分｜色変更 */
.point_area .point_item .marker{
  background:none;
  color:#FFFB40;
}

/*各 見出し*/
.point_area h3{
  border:none;
  background:#FD8B19;
  color:#fff;
  position:relative;
  border-radius:5px;
  top:-40px;
  font-size:1.6em;
  line-height:1.5em;
  font-weight: 800;
  text-align: center;
  padding: 0.5em 10px;
}



/*画像*/
.point_item  img{
  position:relative;
  top:-20px;
}

/*テキスト*/
.point_item p{
  padding:0 10px 10px;
  font-size:1.2em;
  font-family: "m-plus-rounded-2m", sans-serif;
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.point_area h2{
  font-size:1.6em;
  padding-bottom: 1em;
}

.point_area h3{
  font-size:1.3em; 
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.point_area h2{
  font-size:1.4em;
  margin-bottom:2em;
}

.point_area h3{
  font-size:1.3em; 
}

.point_box{
  flex-direction: column;
  gap:2em;
}
}

/*--------------------*/
/*こんな方におすすめ*/
/*--------------------*/
/*エリア*/
.target_area{
/* display:none; */

}

/* コンテンツBOX */
.target_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0em;
  align-items: flex-end;
  padding-top:1em;
  max-width: 1100px;
  margin:0 auto 4em;
}

.target_item{
  background:#FD8B19;
  border-radius:100vw;
  height:300px;
  width:300px;
  display:flex;
  flex-direction:column;
  align-self: flex-end;
  margin:1em auto 1.5em;
}

/* 見出し */
.target_item h3{
  border:none;
  color:#fff;
  border-radius:20px;
  text-align:center;
  margin-bottom:0px;
  position:relative;
  top:-50px;
  font-size:1.5em;
  font-weight: 800;
}

.target_item img{
  max-height:200px;
  max-width:200px;
  position:relative;
  top:-50px;
  margin:auto;
  display:flex;
}

/* スクールの画像 */
.target_item.img_school img{
  max-width:250px;
}


/* -------------------- */
/* PC調整（横幅1400px以上） */
@media screen and (min-width: 1400px) {
.target_item img{
  max-width:200px;
}
  
.target_item.img_school img{
  max-width:230px;
}
}

/* PC調整・小｜1100px以下 */
@media screen and (max-width: 1200px) {
  .target_item h3{
  top:-50px;
  font-size:2.1vw;
}
  
.target_item{
  height:28vw;
  width:28vw;
}
  
.target_item img{
  max-height:18vw;
  max-width:20vw;
  top:-50px;
}

.target_item.img_school img{
  max-width:24vw;
}
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.target_item{
  margin-bottom:3em;
}
  
}

/* スマホ調整 */
@media screen and (max-width: 600px) {

.target_item_box{
  display:initial !important;
  align-items:initial !important;
  gap:3em;
}
  
.target_box {
  grid-template-columns: repeat(2, 1fr);
  gap: 0em;
}
  
.target_item h3{
  font-size:3.5vw;
  top:initial !important;
  bottom:40px;
}
  
.target_item{
  height:43vw;
  width:43vw;
}
  
.target_item img{
  max-height:25vw;
  max-width:initial !important;
  top:-40px;
}

.target_item.img_school img{
  width:35vw;
} 
}

/*--------------------*/
/*ペア割り バナー*/
/*--------------------*/
/*エリア*/
.pair_PRarea{
  padding:0 1em;
  display: flex;
  flex-wrap: wrap;
  gap:1em;
}

/*カラム１つ分*/
.pair_box{
  width: :100%;
  margin:auto;
}

/* キャッチコピー */
.pair_PRarea h2{
  background:none;
  color:#fff;
  font-size:3em;
  margin:0px;
  padding:0 0 20px 20px;
  font-weight: 800;
}


/*テキストBOX*/
.pair_text_box{
  background:#fff;
  border-radius:20px;
  padding:15px 20px;
  font-size:1.3em;
  font-weight:600;
}

/*金額全体*/
.pair_price{
  font-size:3em;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  margin: 1.2em 10px 1em;
}

/*「ペア割」部分*/
span.pair_price_tag{
  font-size:0.5em;
  margin-right:1em;
  background:#333;
  color:#fff;
  padding:0.3em 1em;
  border-radius:100vw;
  font-weight:400;
  position:relative;
  top:8px;
}

span.pair_price_tag:before{
  content:"＼それぞれに／";
  width:100%;
  position:absolute;
  bottom:100%;
  color:#F53C30;
  font-weight:900;
  left:50%;
  transform: translateX(-50%);
  font-size:0.7em;
  padding-bottom:7px;
  text-align:center;
}

/* 「3,000円」部分 */
span.pair_price_num{
  background:linear-gradient(transparent 60%, #ff6 60%);
  padding:0 10px 0 20px;
}

/* 「割引」部分 */
.pair_price_num span{
  padding-left:15px;
  font-size:0.7em;
}

/*注釈｜リスト全体*/
.pair_text_box ul{
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
  margin-left:1em;
  font-size:15px;
  font-weight: 400;
}

/*注釈｜リスト１つ分*/
.pair_text_box ul li:before{
  content: "※";
}

/*画像BOX*/
.pair_img_box{
  max-width:500px;
  height:100%;
  margin:auto;
  padding:20px;
}

/* -------------------- */
/* PC調整・小｜1110px以下 */
@media screen and (max-width: 1200px) {
.pair_PRarea h2{
  font-size:4vw;
}

.pair_text_box{
  font-size:1.7vw;
}
}

@media screen and (max-width: 1000px) {
.pair_text_box{
  font-size:1.5vw;
}
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.pair_text_box{
  font-size:1.5em;
  width: 89vw;
}


}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.pair_PRarea{
  padding:0px;
}
  
.pair_PRarea h2{
  font-size:2em;
  padding:0 0 15px 10px;
}

.pair_text_box{
  border-radius:15px;
  padding:10px 15px;
  font-size:1.2em;
  width:auto;
}
  
.pair_text_box p span{
  display:inline-block;
}

.pair_price{
  font-size:1.9em;
}
  
span.pair_price_num{
  padding:0 5px 0 10px;
}
  
span.pair_price_tag{
  margin-right:0.5em;
  padding:0.3em 1.1em;
}
  
.pair_text_box ul{
  margin-left:0em;
  font-size:14px;
}
  
.pair_price_num span{
  padding-left:10px;
  font-size:0.7em;
}
  
.pair_img_box img{
  max-width:250px;
}
}

/*--------------------*/
/*コース仕様*/
/*--------------------*/
/*エリア*/
.course_spec_area{
  margin-top:1em;
  margin-bottom:15em;
  padding:0 10px 0;
}

/* キャッチコピー（H2） */
.course_spec_area h2.tool_midashi_decoB{
  margin-bottom:0.5em;
}


/* 文章(p） */
p.course_spec_info{
  font-size:1.3em;
  text-align:center;
  padding-bottom:1em;
}

/* 改行対策（p span） */
.course_spec_area p span,
.course_spec_item td span{
  display:inline-block;
}

/*カラム全体*/
.course_spec_box{
  display:flex;
  gap:1.5em;
  padding-top:2em;
}

/*カラム１つ分*/
.course_spec_item{
  position:relative;
  width:100%;
  background:#fff;
  padding:1.5em;
  border-radius:20px;
  border:solid 3px;
  margin-bottom:1.5em;
  font-size:1.2em;
}

/*コースタイトル*/
.course_spec_item h3{
  margin:initial !important;
  border:none;
  background: #000;
  color:#fff;
  text-align:center;
  font-size:2em;
  padding:12px;
  border-radius:100vw;
  font-weight: 800;
}

/* コース見出し */
.course_spec_midashi{
  font-size:1.3em;
  text-align:center;
  padding:1em 15px;
  font-weight:600;
}

/*コースタイトル｜装飾*/
.course_spec_item h3 span{
  font-size:0.7em;
  padding-right:7px;
}



/*----------*/
/*テーブル全体*/
.course_spec_item table{

}

/*線の太さを変更*/
.course_spec_item th,
.course_spec_item td {
  border:solid #fff 2px;
}

/*１列分*/
.course_spec_item tr{
  width:100%;
  border-collapse: collapse;
}

/*項目（左側）*/
.course_spec_item th{
  width:30%;
  padding:15px;
  text-align:left;
  color:#FD8B19;
  background:#FDA246;
  color:#fff;
}

/*内容（右側）*/
.course_spec_item td{
  width:auto;
  background:#FFF3E8;
  padding:7px;
}

/* リンク解除 */
/*内容（右側）*/
.course_spec_item td a{
  position:initial !important;
  color:#000;
  background:none;
  font-size:1em;
  padding-left:0.3em;
  color:#FD8B19;
  text-decoration: underline;
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.course_spec_box{
  display:flex;
  flex-direction:column;
  gap:5em;
}

.course_spec_item.type_shonin{
  margin-bottom:12em;
}

.course_spec_item{
  width: 92%;
}

}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.course_spec_area{
  margin-bottom:14em;
}

.course_spec_box{
  gap:3em;
}

.course_spec_area h2.tool_midashi_decoB{
  padding:5px;
}
  
.course_spec_midashi{
  font-size:1.1em;
  padding:15px 10px;
}
  
.course_spec_item h3{
  font-size:1.7em;
}
  
.course_spec_item{
  padding:10px;
  width: 95%;
}
  
.course_spec_item th{
  width:30%;
  padding:10px;
  }
  
p.course_spec_info{
  font-size:1.1em;
}
}

/*--------------------*/
/*スクール PRエリア*/
/*--------------------*/
/*エリア全体*/
.PR_area{
  padding:0 10px 0;
  margin-bottom:4em;
  max-width: 1200px;
  margin:auto;
}

/* キャッチコピーBOX */
.PR_title_box{
  position:relative;
}

/* キャッチコピー｜ロゴ */
.PR_title_box img{
  position:absolute;
  max-width:230px;
  bottom:0px;
  right:20px;
  z-index:2;
}

/*キャッチコピー*/
.PR_area h2{
  font-size:3em;
  background:none;
  line-height:1.6em;
  margin:2.5em 1.5em 1em;
  font-weight: 800;
}

.PR_title_box .tool_deco_dot{
  padding-left:0.3em;
}

.PR_area h2 span{
  color:#F53C30;
}

.PR_area h2 span.tool_deco_dot::before{
  content:"・・・・・";
  top:-1.1em;
}

/*タグ（全体）*/
.PR_tag_box{
  display:flex;
  justify-content:center;
  margin:2em 10px 0.6em;
  gap:0.2em;
  font-size:3em;
  font-weight:600;
}

/*タグ（１つ分）*/
.PR_tag_box p{
  background:#FD8B19;
  color: #fff;
  padding:7px 1em;
  border-radius:100vw;
  font-weight: 600;
}

/*「×」の部分*/
.PR_tag_box span{
  color:#FD8B19;
  display:flex;
  position:relative;
  top:4px;
}

/*----------*/
/* カラム 1行分*/
.PR_box{
  display:flex;
  gap:2em;
}

/*カラム 1枠分*/
.PR_box_item{
  width:100%;
  border:solid 5px #FD8B19;
  margin-bottom:2em;
  position:relative;
  overflow:hidden;
}

/* PR｜見出し*/
.PR_box_item h3{
  border:none;
  font-size:1.7vw;
  text-align:center;
  margin-bottom:0px;
  background:#FD8B19;
  color:#fff;
  padding:10px 1em;
  min-height:3.5em;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  font-weight: 800;
}

/* PC調整（横幅1400px以上） */
@media screen and (min-width: 1300px) {
.PR_box_item h3{
  font-size:1.6em;
  }
}

/* PR｜見出し*/
.PR_box_item h3 strong{
  color:#FFFB40;
  padding-top:3px;
  font-weight: 600;
}

/*PR｜数字*/
.PR_box_item h3 span{
  color:#FEDCBA;
  position:absolute;
  left:0;
  top:1em;
  font-size:6em;
}

.PR_box_item h3 span.text_num{
  color:#FEDCBA;
  position:absolute;
  left:0;
  font-size:6em;
}

/*PR｜画像*/
.PR_box_item img{
  margin-bottom:10px;
  padding-left: 4em;
}

/*PR｜テキスト*/
.PR_box_item p{
  padding:10px 1em 20px;
  font-size:1.2em;
}

/*--------------------*/
/* PC調整・小｜1100px以下 */
@media screen and (max-width: 1100px) {
.PR_tag_box{
  font-size:2.5em;
  }
  
.PR_area h2{
  font-size:2em;
}
  
.PR_box_item h3{
  font-size:1.7vw;
  }
  
.PR_title_box img{
  max-width: 180px;
}
}

/* タブレット調整 */
@media screen and (max-width: 840px) {

  
.PR_tag_box p{
  padding:7px 0.6em;
  }
  
.PR_title_box img{
  max-width:150px;
  top:-40px;
  right:50px;
}

.PR_box{
  flex-direction:column;
}
  
.PR_box_item {
  max-width:500px;
  margin:auto;
}

.PR_tag_box{
  margin:1em 0px 0.6em;
  padding:7px 0;
}

.PR_area h2{
  font-size:2.2em;
}
  
.PR_box_item h3{
  font-size:1.6em;
  padding: 5px 5px 9px;
  line-height: 1.3em;
}
  
.PR_box_item img{
  padding-left:5em;
}

.PR_box_item p{
  padding:10px 0.8em 20px 1em;
  font-size:1.4em;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.PR_area{
  margin-bottom:2em;
}

.PR_box_item {
  max-width:350px;
}
  
.PR_tag_box{
  font-size:1.3em;
}
  
.PR_area h2{
  font-size:1.3em;
  padding:0;
}
  
.PR_title_box{
  left:-10px;
}

.PR_box_item p{
  font-size:1.2em;
}
  
.PR_title_box img{
  max-width:80px;
  top:-30px;
  right:-15px;
}

.PR_box{
  flex-direction:column;
  gap:0em;
}
  
.PR_box_item{
  margin-bottom:1.5em;
}
  
.PR_box_item h3{
  font-size:1.4em;
}

.PR_box_item img{
  padding-left:4em;
}
}

/*--------------------*/
/*キャリアプラン 具体例*/
/*--------------------*/
/*エリア*/
.result_area{
  max-width:1000px;
  margin:auto;
  padding:0 1em 2em;
}

.result_area h2.tool_midashi_decoB{
  color:#fff;
  font-size:2.5em;
  margin-bottom:1em;
}

/* 文章 */
.result_area p{
  font-size:1.4em;
  text-align:center;
  color:#fff;
  font-weight:600;
  border:solid 3px;
  padding:10px;
  display:inline-block;
  position:relative;
  left:50%;
  transform: translateX(-50%);
  margin-bottom:1.2em;
}

/* 改行対策 */
.result_area p span{
  display:inline-block;
}

/*カラム（一列）*/
.result_box{
  display:flex;
  gap:3em;
}

/*カラム（１つ分）*/
.result_box_item{

}

/*見出し｜全体*/
.result_box_item h3{
  border:none;
  text-align:center;
  font-size:1.4em;
  background:#FFFB40;
  position:relative;
  border-radius:15px;
  padding:12px 10px 15px;
  top:10px;
  font-weight: 800;
}

/*見出し｜▼矢印*/
.result_box_item h3:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -40px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FFFB40 transparent transparent transparent;
  border-width: 40px 50px 0 50px;
}

/*見出し｜2行目*/
.result_box_item span{
 color:#F53C30;
}

/*画像*/
.result_box_item img{
  border:solid 6px #FFFB40;
  border-radius:100vw;
}

.bg_Orange .tool_midashi_decoB{
  color:#fff;
}

/* -------------------- */
/* PC調整・小｜1100px以下 */
@media screen and (max-width: 1100px) {
.result_area h2.tool_midashi_decoB{
  color:#fff;
  font-size:3.5vw;
}
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.result_area h2.tool_midashi_decoB{
  color:#fff;
  font-size:4vw;
}
  
.result_box_item h3{
  font-size:2.1vw;
}
  
.result_box_item h3:after{
  bottom: -24px;
  border-width: 25px 30px 0 30px;
}


}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.result_box{
  flex-direction:column;  
}
  
.result_area .tool_midashi_decoB{
  width:100%;
  position:relative;
}
  
.result_box_item h3{
  font-size:1.4em;
}

.result_box_item h3:after{
  bottom: -34px;
  border-width: 35px 40px 0 40px;
}

.result_box{
  gap:2em;
}

.result_box_item img{
  max-width: 70%;
  display: flex;
  margin: auto;
}
}

/*--------------------*/
/*研修プランの説明*/
/*--------------------*/
/* エリア */
.course_type_area{
  max-width:1000px;
  margin:1em auto;
  padding-top:1em;
}

/*キャッチコピー*/
.course_type_area h2{
  margin-bottom:3em;
}

/*見出し*/
.course_type_box h3{
  border:none;
  margin:0px 2em;
  background:#000;
  position:relative;
  top:-30px;
  text-align:center;
  color:#fff;
  border-radius:10px;
  font-size:1.6em;
  font-weight: 800;
  padding:0.5em;
}

/*カラム（１行分）*/
.course_type_box{
  display:flex;
  gap:1.5em;
}

/*カラム（１つ分）*/
.course_type_box_item{
  width:100%;
  margin-bottom:1em;
  border:solid 5px;
  border-radius:15px;
  background:#fff;
  padding-bottom:4.5em;
  position:relative;
}

/*リスト全体*/
.course_type_box_item ul{
  font-size:1.4em;
  padding:10px;
  width:85%;
  margin:auto;
  margin-bottom:10px;
  position:relative;
  top:-15px;
  font-weight:500;
}

/*リスト１つ分*/
.course_type_box_item li{
  border-bottom:dashed 3px #dfdfdf;
  list-style:none;
  padding:8px 0 0 0;
  text-indent: -2.25em;
  padding-left:2.25em;
  line-height:2em;
}

.course_type_box_item li:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content:"\f00c";
  color:#F19820;
  padding-right:15px;
  font-size:1.5em;
  position:relative;
  top:2px;
}

/*ボタン*/
.course_type_btn a{
  text-decoration:none;
  font-size:1.4em;
  text-align:center;
  padding:10px 15px;
  display:flex;
  width:70%;
  margin:auto;
  position:absolute;
  bottom:20px;
  left:50%;
  transform: translateX(-50%);
  display:flex;
  justify-content:center;
  background:red;
  color:#fff;
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.course_type_area{
  max-width:750px;
}

.course_type_box h3{
  font-size:1.3em;
  margin:0px 1.5em;
}
  
.course_type_box_item ul{
  font-size:1.2em;
  width:98%;
}
  
.course_type_box_item li{
  text-indent: -1.7em;
  /*padding-left:1.7em;*/
  width: 85%;
}
  
.course_type_box_item li:before{
  font-size:1.3em;
  padding-right:7px;
}
  
.course_type_btn a{
  font-size:1.2em;
}
  
.course_type_btn span{
  font-size:0.9em;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.course_type_box_item{
  margin-bottom:2.2em;
  }
  
.course_type_box{
  flex-direction:column;
}
  
.course_type_box_item ul{
  margin-bottom:2em;
}
}

/* ****************************** */
/*説明エリア（背景色）*/
.course_info_area {
  background:#FEDCBA;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

  /* タイトルBOX */
.course_info_title_box{
  font-family: "m-plus-rounded-2m", sans-serif;
  font-size:1.2em;
  padding:2em 10px;
  background:#FD8B19;
  color:#fff;
}

/* キャッチコピー */
.course_info_title_box p{
  font-size:1.4em;
  text-align:center;
  margin-bottom:0px;
  font-weight:600;
}

/* にぎやかし｜左側「＼」 */
.course_info_title_box p:before{
  content:"＼";
  padding-right:5px;
}

/* にぎやかし｜右側「＼」 */
.course_info_title_box p:after{
  content:"／";
  padding-left:5px;
}

/* 研修名｜前半 */
.course_info_title_box h2{
  background:none;
  margin-top:20px;
  font-size:1.9em;
  margin-bottom:0px;
  padding:0px;
  text-align:center;
  color:#FFFB40;
  font-weight: 700;
}

/* 研修名｜後半 */
.course_info_title_box h2 span{
  font-size:2em;
  padding-left:10px;
  position:relative;
  bottom:2px;
}

/*--------------------*/
/*コンテンツ内側*/
.course_info_cont_box{
  max-width:900px;
  margin:auto;
  background:#fff;
  padding:0.1em 2em 3em;
  border-left:solid 15px #FD8B19;
  border-right:solid 15px #FD8B19;
}

/* PC調整・小｜1100px以下 */
@media screen and (max-width: 1100px) {
.course_info_cont_box{
  max-width:800px;
}
}

/*各項目の見出し*/
.course_info_cont_box h3{
  border:none;
  margin:2em 0 0.7em;
  padding:10px;
  padding-left:2.2em;
  border-left:solid 15px #FD8B19;
  border-bottom:solid 4px #FD8B19;
  position:relative;
  font-size:1.6em;
  font-weight: 700;
}

/* 改行対策 */
.course_info_cont_box h3 span{
  display:inline-block;
}

.course_info_cont_box h3:before{
font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f4d8";
  font-size:1.5em;
  left:7px;
  top:6px;
  padding-right:0.3em;
  color:#FD8B19;
  position:absolute;
}

/*基本カラム｜1行分*/
.course_info_cont_col{
  display:flex;
  padding:10px 1em 1em;
  gap:1.5em;
  font-size:1.2em;
  line-height: 1.7em;
}

.course_info_cont_col div{
  width:100%;
}

/*カラム 見出し（H4）*/
.course_info_cont_col h4{
  border:none;
  text-align:center;
  background:#FD8B19;
  color:#fff;
  border-radius:10px;
  margin:0 2em 0.5em;
  padding:12px;
  font-size:1.2em;
  font-weight: 700;
}

/*カラム テキスト*/
.course_info_cont_col p{
  padding:10px 10px 0;
  font-weight: 300;
}

/* カラム 見出し（H5） */
.course_info_cont_col h5{
  font-size:1em;
  margin:0px;
  padding:5px 0px;
  border:none;
}
.course_info_cont_col p.course_note{
  font-size:0.9em;
  padding:0px 10px 10px;
  margin:0px;
}

/* カラム｜画像 */
.course_info_cont_col img{
  position: relative;
  right: 8px;
}

/* 資格のテキスト */
.course_info_qual{
  font-size:1.4em;
  padding:0 15px 0.5em;
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.course_info_cont_box{
  max-width:650px;
  padding:1.2em 1em;
  border-left:solid 15px #FD8B19;
  border-right:solid 15px #FD8B19;
}

.course_info_cont_col{
  flex-direction:column;
  gap:1.5em;
}
  
.course_info_cont_col.case_box {
  padding-bottom:0px;
} 

.course_info_cont_col p{
  padding:0px 5px 0;
  font-size:1.2em;
}

.course_info_cont_col h4{
  margin:0 0 0.5em;
  font-size:1.4em;
}

.course_info_cont_box h3{
  margin-top:1em;
  font-size:1.5em;
} 

.course_info_title_box p{
  font-weight:700;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.course_info_cont_box{
  max-width:auto;
  width:87%;
  padding:10px;
}

.course_info_cont_col{
  padding:7px;
}

.course_info_cont_col p{
  font-size:1em;
}

.course_info_qual{
  font-size:1.1em;
  padding:0 10px 0.5em;
}

.course_info_cont_box h3{
  font-size:1.3em;
  border-left:solid 11px #FD8B19;
  padding-top:8px;
  padding-right:0px;
  padding-left:2.4em;
}

.course_info_cont_col h4{
  font-size:1.1em;
}

.course_info_title_box p{
  font-size:1em;
  font-weight:700;
}

.course_info_title_box h2{
  font-size:1.7em;
}

.course_info_title_box h2 span{
  font-size:1.5em;
}
}


/*--------------------*/
/*ケースBOX*/
.course_case_item{
  border:solid 4px #FD8B19;
  width:50%;
}

/*ケース｜カラム（１行分）*/
.course_case_box{
  display:flex;
  width:100%;
}

/*ケース｜項目*/
.course_case_item h4{
  border-radius:0px;
  margin:0;
  padding:7px 10px 12px;
}

/*ケース｜カラム（左側）*/
.course_case_box > div:nth-child(1) {
  width: 72%;
  line-height:1.6em;
  padding:10px 0;
}

/*ケース｜カラム（右側）*/
.course_case_box > div:nth-child(2) {
  width: 30%;
  padding:10px 0;
}

/*ケース｜テキスト*/
.course_case_box p{
padding:5px 10px;
  
}

/*ケース｜画像*/
.course_case_box img{

}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.course_case_item{
  max-width:500px;
  margin:0 auto 0.5em;
}

.course_case_box > div:nth-child(2) {
  order:1;
  width: 40%;
}

.course_case_box{
  gap:1em;
}

.course_case_box img{
  max-width:100%;
  position:relative;
  left:45%;
  transform: translateX(-50%);
  right: 7px;
}

.course_case_box p{
  padding:12px;
}
 
}

/* スマホ調整 */
@media screen and (max-width: 600px) {  
.course_case_box > div:nth-child(1){
  width: 100%;
  order:2;
}

.course_case_box > div:nth-child(2) {
  order:1;
  width: 100%;
}

.course_case_box {
  flex-direction: column;
  padding-bottom:0px;
  gap:0em;
}

.course_case_box p{
  padding:5px 15px;
}

.course_case_box img{
  right:initial !important;
  left:initial !important;
  transform:initial !important;
  max-width: 60%;
  display:flex;
  margin:auto;
}

.course_case_item h4{
  padding:7px 5px 10px;
}
}

/* ****************************** */
/*研修フロー｜BOX*/
.course_flow_box_item{
  display:flex;
  background:#FFF3E8;
  padding:5px 10px 15px;
  border:solid 3px;
  border-left:solid 61px #FD8B19;
  border-radius:20px;
  position:relative;
  margin-bottom:1em;
  font-size:1.2em;
}

/* 研修フロー｜数字 */
.course_flow_box_item span.flow_num{
  position:absolute;
  left:-52px;
  top:10px;
  font-size:1.5em;
  width:1.8em;
  height:1.8em;
  text-align:center;
  background:#fff;
  color:#FD8B19;
  border-radius:100vw;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:900;
}

/* 研修ふろー｜番号 */
.course_flow_num span.flow_num{
  color:#fff;
}

/*研修フロー｜文章列*/
.course_flow_cont{
  width:auto;
}

/*研修フロー｜見出し（H4）*/
.course_flow_cont h4{
  border:none;
  margin:5px 10px 10px;
  color:#FD8B19;
  font-size:1.5em;
  font-weight: 800;
}

/*研修フロー｜文章*/
.course_flow_cont p{
  margin:0px;
  padding:0 10px;
  font-weight: 300;
  line-height: 1.5em;
}

/*研修フロー｜改行対策*/
.course_flow_cont p span,
.course_flow_cont h4 span{
  display:inline-block;
}

/*研修フロー｜リンク*/
.course_flow_cont a{
  color:#FD8B19;
}


/*研修フロー｜ボタン*/
.course_flow_btn a{
  text-decoration:none;
  color:#fff;
  background:#333;
  background:#FD8B19;
  padding:10px;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  max-width:250px;
  margin:1em 0.5em 0.5em;
  transition: all 0.3s ease;
  font-size:1.1em;
}

/*研修フロー｜ボタン｜ホバー*/
.course_flow_btn a:hover{
  opacity:0.6;
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {

}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.course_flow_box_item{
  border-left:solid 40px #FD8B19;
  padding:5px 7px 15px;
}

.course_flow_box_item span.flow_num{
  font-size:1.2em;
  left:-37px;
}

.course_flow_cont h4{
  font-size:1.2em;
}
}

/*--------------------*/
/*お客様のお声*/
/*--------------------*/
/*全体エリア*/
.voice_area{
  padding:10px;
  max-width:1100px;
  margin:auto;
  font-size:1.2em;
}

/* 上部のボーダー */
.bg_LightOrange.voice_area_out{
  border-top:solid 4em #FD8B19;
  padding-top:1em;
}


/*冒頭の見出し｜BOX*/
.voice_title_box{

}

/*.冒頭の見出し｜テキスト*/
.voice_title_box h2{
  margin-bottom:1em;
  font-weight: 800;
}

/*.冒頭の見出し｜吹き出し位置調整*/
.voice_type_box_in h3.tool_midashi_decoA:after{
  bottom: -40px;
  border-width: 50px 60px 0 60px;
}

/*コンテンツBOX（外側）*/
.voice_type_box_out{
  margin-bottom:4em;
}

/*コンテンツBOX（内側）*/
.voice_type_box_in{

}

/*コンテンツ見出し*/
.voice_type_box_in h3{
  border:none;
  margin-bottom:2em;
  color:#FFFB40;
  font-size:2em;
  padding:15px 10px 25px;
  font-weight: 800;
}

/*コンテンツ見出し｜研修名*/
.voice_type_box_in h3 span{
  display:inline-block;
  font-size:1.5em;
  padding:0 7px;
}

/*「研修生のお声」部分*/
.tool_midashi_decoA span.voice_midashi{
  display:inline-block;
  color:#fff;
  font-size:0.9em;
  padding-top:10px;
}

/*----------*/
/*お客様の声｜１枠分*/
.voice_box_item{
  position: relative;
}

/*お客様の声｜研修種類タグ*/
.voice_type_tag{
  position: absolute;
  top:10px;
  right:0;
  background:#FD8B19;
  color:#fff;
  padding:3px 20px;
  border-radius:100vw 0 0 100vw;
}

/* お客様の声｜コメント */
.voice_slide_item p{
  padding:15px 15px 5px;
}

/*お客様の声｜キャッチBOX*/
.voice_item_catch_box{
  display:flex;
  padding:5px;
}

/*お客様の声｜属性*/
.voice_item_catch_box p{
  display: flex;
  font-weight:600;
  font-size:1.2em;
  gap: 0.5em;
  margin:0px;
  padding:10px 10px 0;
}

/*お客様の声｜キャッチコピー*/
.voice_item_catch_box h4{
  font-size:1.6em;
  text-align:left;
  border:none;
  padding:10px;
  margin:0px;
  color:#FD8B19;
  font-weight: 800;
}

/*改行対策*/
.voice_item_catch_box h4 span{
  display:inline-block;
}

/*お客様の声｜属性（1つ分）*/
.voice_attribute{
  gap:0.5em;
}

/*お客様の声｜男性イラスト*/
.voice_item_IMG_Male:before{
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background-image: url('https://school-ikik.com/wp/wp-content/uploads/2025/07/Illust-Person-Male.png');
  background-size: cover;
  background-repeat: no-repeat;
  border-radius:100vw;
  border:solid 3px #FD8B19;
}

/*お客様の声｜女性イラスト*/
.voice_item_IMG_Female:before{
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background-image: url('https://school-ikik.com/wp/wp-content/uploads/2025/07/Illust-Person-Female.png');
  background-size: cover;
  background-repeat: no-repeat;
  border-radius:100vw;
  border:solid 3px #FD8B19;
}

/********************************/
/* スライダー｜BOX */
.voice_slider_wrapper {
  position: relative;
  width: 100%;
}

/* スライダー｜仕様 */
.voice_slider_container{
  display: flex;
  width: 100%;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  scrollbar-width: none;
  gap: 1.2em;
  padding: 0 0.5em;
}

/* スライダー｜仕様 */
.voice_slider_container::-webkit-scrollbar {
  display: none;
}

/* スライダー｜1枚分 */
.voice_slide_item {
  flex: 0 0 calc(50% - 0.5em);
  box-sizing: border-box;
  border:solid 4px #FD8B19;
  border-radius:10px;
  background:#fff;
  scroll-snap-align: start;
}

.voice_slide_item.msg_box_item{
  flex: 0 0 calc(33.3% - 0.5em);
}

/* スライダー｜1枚分-調整 */
.voice_slide_item:last-child {
  margin-right: 0;
}

/* ---------- */
/* 左右ボタン｜基本仕様 */
.voice_slide_btn {
  position: absolute;
  transform: translateY(-50%);
  border:none;
  border-radius:100vw;
  font-weight:900;
  font-size: 1.5em;
  cursor: pointer;
  z-index: 10;
  background:none;
}

/* 左右ボタン｜ホバー */
.voice_slide_btn:hover{
  opacity:0.6;
  }

/* 左右ボタン｜アイコン */
.voice_slide_btn:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f095";
  font-size:2em;
  padding-right:0.3em;
}

/* 左右ボタン｜左側｜位置 */
.voice_slide_btn.voice_prev {
  top:-35px;
  left:20px;
}

/* 左右ボタン｜左側｜アイコン */
.voice_slide_btn.voice_prev:before{
  content:"\f0a8";
  color:#FD8B19;
  bottom:0px;
  left:50%;
}

/* 左右ボタン｜右側｜位置 */
.voice_slide_btn.voice_next {
  top:-35px;
  right:20px;
}

/* 左右ボタン｜右側｜アイコン */
.voice_slide_btn.voice_next:before {
  content:"\f0a9";
  color:#FD8B19;
}

/* ---------- */
/* ドット｜BOX */
.voice_dots {
  text-align: center;
  margin-top: 10px;
}

/* ドット｜1つ分 */
.voice_dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 50%;
  background-color: #FEC58C;
  cursor: pointer;
}

/* ドット｜アクティブ時の色 */
.voice_dot.active {
  background-color: #FD8B19; */
}

/* -------------------- */
/* PC調整・小｜1100px以下 */
@media screen and (max-width: 1100px) {
.voice_slide_item.msg_box_item{
  flex: 0 0 calc(50% - 0.5em);
}
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.voice_slide_item {
  flex: 0 0 100%;
  margin-right: 0;
}

.voice_slider_container{
  gap:1em;
}

.voice_type_box_in{
  max-width: 600px;
  margin: auto;
}

.voice_title_box h2{
  padding-left:20px;
  padding-left:17px;
}
  
.voice_type_box_in h3.tool_midashi_decoA:after{
  bottom: -35px;
  border-width: 50px 60px 0 60px;
}
  
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.voice_item_catch_box{
  display:initial !important;
  padding:0px;
}
  
.voice_attribute{
  position:absolute;
  left:40%;
  top:40px;
}
  
.voice_item_IMG_Male:before,
.voice_item_IMG_Female:before{
  width: 80px;
  height: 80px;
  position:relative;
  left:5px;
  top:5px;
}
  
.voice_type_box_in h3{
  font-size:1.4em;
  margin-bottom:2.5em;
  padding:15px;
}
  
.voice_item_catch_box h4{
  font-size:1.2em;
  padding-bottom:0px;
}
  
.voice_slide_btn.voice_prev,
.voice_slide_btn.voice_next{
  top:-30px;
}
  
.voice_slide_item p{
  padding:15px 10px;
}
  
.voice_slide_item.msg_box_item{
  flex: 0 0 calc(100% - 0.5em);
}
}

/*--------------------*/
/*「介護福祉士」取得の流れ*/
/*--------------------*/
/*エリア*/
.careworker_step_area{
  max-width:900px;
  margin:auto;
  padding:10px 10px 3em;
  z-index:1;
}

/* コンテンツBOX */
.cw_step_cont_box{
  background:#FFF3E8;
  padding:3em 20px;
  border-radius:20px;
  font-size:1.2em;
}

/* 次 STEPへのライン線 */
.cw_step_boder{
  position:absolute;
  width:20px;
  left:35px;
  top:0;
  z-index:2;
  height:100%;
  border-left:dashed 7px #FEC58C;
}

/* キャッチコピー */
.cw_step_title_box{
  display:none;
}

/* 見出し（H2） */
.careworker_step_area h2.tool_midashi_decoA{
  background:#fff;
  color:#333;
  margin-bottom:2em;
}

/* 見出し（H2）下線 */
.careworker_step_area h2.tool_midashi_decoA span{
  background:linear-gradient(transparent 60%, #ff6 60%);
  margin:0 0.3em;
  color:#F53C30;
}

/* 見出し（H2）▼矢印 */
.careworker_step_area  h2.tool_midashi_decoA:after{
  border-color: #fff transparent transparent transparent;
}

/* ---------- */
/*ステップ１つ分*/
.cw_step_item{
  display: flex;
  width:100%;
  position:relative;
  align-items:flex-start;
  margin-bottom:1em;
}

/*数字｜BOX*/
.cw_step_num{
  flex-shrink: 0;
  z-index:5;
  font-size:3em;
  background:#FD8B19;
  height:80px;
  width:80px;
  position:relative;
  border-radius:15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding:5px 0 0 0;
  font-weight:900;
  color:#fff;
}

/*数字｜テキスト*/
.cw_step_num p {
  display: flex;
  justify-content: center;
  font-weight: 800;
}

/*数字｜BOX（STEP）*/
.cw_step_num span{
  position:absolute;
  font-size:0.4em;
  top:1px;
}

/*ステップ見出し*/
.cw_step_item h3{
  background:none;
  border:none;
  font-size:1.6em;
  margin:10px 5px 5px;
  border-top:solid 3px #FEC58C;
  border-bottom:solid 3px #FEC58C;
  font-weight: 800;
  padding:7px 10px;
}

/* ステップ見出し｜改行対策 */
.cw_step_item h3 span{
  display:inline-block;
}

/*ステップ見出し（）の文字*/
.cw_step_item h3 span{
  font-weight:500;
  font-size:0.8em;
}

/*コンテンツ｜内容BOX*/
.cw_step_cont{
  display: flex;
}

/*コンテンツ｜文章*/
.cw_step_cont p{
  padding:10px 0.7em 0 1.2em;
  font-size:1.2em;
}

/*コンテンツ｜文章（小文字）*/
.cw_step_cont p span{
  font-size:0.8em;
  display:inline-block;
}


/*コンテンツ｜画像*/
.cw_step_cont img{
  max-width:200px;
  position:relative;
  bottom:20px;
}

/* ラストメッセージ */
.cw_step_last{
  background:#FD8B19;
  font-size:2em;
  padding:10px 10px 12px;
  font-weight:700;
  text-align:center;
  color:#fff;
  border-radius:12px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(85, 85, 85, 1));
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
  
.careworker_step_area h2{
  font-size:1.8em;
  padding:15px;
  margin-bottom:2em;
  width:90%;
}

.careworker_step_area h2:after{
  bottom: -23px;
  border-width: 25px 35px 0 35px;
}
  
.cw_step_item h3{
  font-size:1.3em;
}
  
.cw_step_cont p{
  font-size:1em;
  margin-bottom:10px;
  padding:15px 1.5em 0;
}
  
.cw_step_cont p span{
  font-size:0.9em;
}
  
.cw_step_cont img{
  max-width:180px;
  position:relative;
  bottom:15px;
}
  
.cw_step_last{
  font-size:1.8em;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.cw_step_title_box{
  font-size:1.1em;
  margin-bottom:1em;
}
  
.careworker_step_area h2{
  font-size:1.3em;
  width:100%;
}

.careworker_step_area h2:after{
  bottom: -15px;
  border-width: 15px 25px 0 25px;
}
  
.cw_step_num{
  height:50px;
  width:50px;
  font-size:1.8em;
  padding-top:9px;
}
  
.cw_step_num span{
  top:3px;
}
  
.cw_step_cont{
  flex-direction:column;
}

.cw_step_cont p{
  padding:10px 5px;
  margin:0px;
}
  
.cw_step_cont_box{
  padding:1.5em 10px;
}
  
.cw_step_boder{
  position:absolute;
  left:22px;
  border-left:dashed 5px #FEC58C;
}
  
.cw_step_item h3{
  background:none;
  font-size:1.1em;
  margin:0;
}
  
.cw_step_cont img{
  max-width:150px;
  display:flex;
  margin:auto;
  bottom:0;
  left:-10px;
}

.cw_step_last{
  font-size:1.3em;
  padding:10px;
}
}

/*--------------------*/
/*講師陣のメッセージ*/
/*--------------------*/
/*エリア*/
.msg_area{
  padding:0em 10px 2em;
}

/* ロゴ */
.msg_area .tool_logo_text{
  max-width:500px;
  margin-bottom:1em;
}

/* キャッチコピー */
.msg_area h2.tool_midashi_decoB{
  margin-bottom:1em;
}

/*カラム｜3列全体*/
.msg_box_col{
  gap:1em;
  padding:3em;
  max-width: 1100px;
  margin: auto;
}

/*カラム｜1つ分*/
.msg_box_item{
  border:solid 4px #FD8B19;
  border-radius:0 0 15px 15px;;
}

/*名前*/
.msg_box_item h3{
  margin:0px;
  border:none;
  background:#FD8B19;
  color:#fff;
  text-align:center;
  font-size:1.4em;
  padding:5px 5px 7px;
  font-weight: 700;
}

/*----------*/
/*BOX上段（写真・名前・担当）*/
.msg_TR_box{
  display: flex;
  padding:10px;
  gap:1.5em;
}

/*BOX上段｜カラム左側（画像）*/
.msg_TR_box > div:nth-child(1) img{
  border-radius:100vw;
  border:solid 4px #FD8B19;
  width:100%;
}

/*BOX上段｜カラム左側（担当研修）*/
.msg_TR_box > div:nth-child(2){
  width:100%;
  display:flex;
  flex-direction:column;
}

/*見出し 「担当研修」*/
.msg_TR_box h4{
  border:none;
  font-size:1.4em;
  margin-bottom: 0.2em;
  font-weight: 700;
}

/* 「担当研修」 BOX */
.msg_TR_box ul{
  list-style:none;
  margin:0px;
  padding:0;
  color:#fff;
  min-height:4.6em;
}

/* 「担当研修」1つ分 */
.msg_TR_box li{
  background:#FD8B19;
  display:inline-block;
  text-align:center;
  padding:4px 20px;
  border-radius:10px;
  font-size:1.2vw;
  margin: 3px;
}

/* 「研修担当」（）内 */
.msg_TR_box span{
  font-size:0.8em;
  font-weight:400;
  display: block;
}

/* PC調整（横幅1400px以上） */
@media screen and (min-width: 1400px) {
.msg_TR_box li{
  font-size:1em;
}
}

/*----------*/
/*BOX下段（資格・コメント）*/
.msg_Prof_box{
  padding:10px;
}

/*見出し「資格」*/
.msg_Prof_box h4{
  text-align:center;
  border-top:solid 2px #ddd;
  border-bottom:solid 2px #ddd;
  font-weight: 700;
  font-size:1.3em;
  padding: 7px;
}

/*資格リスト｜全体*/
.msg_Prof_box ul{
  min-height:5.5em;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.1em;
  line-height:1.2em;
  padding: 5px 10px 5px 20px;
  margin: 0.7em 0 1.5em 0.7em;
}

/*資格リスト｜１つ*/
.msg_Prof_box li{
  padding-right:15px;
  list-style: initial !important;
  margin-bottom: 0.3em;
  font-weight: 300;
}

/*コメント*/
.msg_Prof_box p{
  background:#FFF3E8;
  padding:10px 15px;;
  min-height:12.5em;
  font-size:1.2em;
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.msg_TR_box{
  flex-direction:column;
}
  
.msg_TR_box li{
  font-size:2vw;
}

.msg_TR_box ul{
  min-height:2.8em;
}
  
.msg_box_col{
  gap:1em;
  padding:4em 0.5em;
}
  
.msg_TR_box > div:nth-child(1) img{
  width:50%;
}
  
.msg_area h2.tool_midashi_decoB{
  font-size:2.5em;
}

.msg_Prof_box p{
  font-size:1.3em;
}

}

/* スマホ調整 */
@media screen and (max-width: 600px) {
/* ロゴ */
.msg_area .tool_logo_text{
  max-width:300px;
  margin-bottom:0.5em;
}

/* キャッチコピー */
.msg_area h2.tool_midashi_decoB{
  font-size:1.8em;
}
  
.msg_TR_box{
  flex-direction:initial !important;
}
  
.msg_TR_box{
  gap:1em;
}
  
.msg_TR_box > div:nth-child(1){
  width:90%;
}
  
.msg_TR_box > div:nth-child(1) img{
  width:100%;
}
  
.msg_Prof_box ul{
  min-height:initial !important;
}
  
.msg_TR_box li{
  font-size:3.7vw;
  padding:5px 15px;
}
  
.msg_box_col{
  flex-direction:column;
}

.msg_Prof_box p{
  font-size:1.1em;
}
}

/*--------------------*/
/*よくあるご質問*/
/*--------------------*/
/*エリア*/
.LP_FAQ_area{
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background:#FFF3E8;
  padding:0 0 2em;
}

/*コンテンツ*/
.LP_FAQ_box{
  max-width:900px;
  margin:auto;
  padding:2em 1em 1em;
}

/*コンテンツ（リスト）*/
.LP_FAQ_box ul{
  margin:0px;
  padding:0 1.5em;
  background:#fff;
  border:solid #fff;
  color:#000;
}

/*見出し*/
.LP_FAQ_area h2{
  background:#FD8B19;
  font-size:2.3em;
  text-align:center;
  color:#fff;
  padding: 10px;
  font-weight: 700;
}


/*FAQ｜アイテム*/
.LP_FAQ_item {
  margin:1.5em 0.5em;
  border-radius: 5px;
  border:solid #FD8B19 3px;
  background:#fff;
}

/*FAQ｜質問 BOX*/
.LP_FAQ_item summary {
  display: flex;
  align-items: center;
  position: relative;
  padding:0.2em 2.1em 0.5em 0.5em;
  color:#fff;
  background-color: #FD8B19;
  font-weight: 600;
  cursor: pointer;
  font-size:1.4em;
}

/*FAQ｜質問「Q」の文字 */
.LP_FAQ_item summary:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\51";
  font-size:1.5em;
  padding-right:0.3em;
}

/*FAQ｜質問-仕様*/
.LP_FAQ_item summary::-webkit-details-marker {
  display: none;
}

/* 右側の矢印 */
.LP_FAQ_item summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 15px;
  height: 15px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  position:absolute;
  top:25px;
  right:20px;
}

/* 展開時に回転 */
.LP_FAQ_item[open] summary::after {
  transform: rotate(225deg);
}

/*FAQ｜回答｜テキスト*/
.LP_FAQ_item p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding:0.5em 1em;
  color: #000;
  opacity .5s;
  font-size:1.2em;
}

.LP_FAQ_item ul {
  font-size:1.2em;
}

/*FAQ｜回答-仕様*/
.LP_FAQ_item[open] p {
  transform: none;
  opacity: 1;
}

/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.LP_FAQ_box{
  max-width:700px;
  margin: auto;
}

.LP_FAQ_item summary {
  font-size:1.2em;
}

.LP_FAQ_item summary::after {
  top:22px;
  right:15px;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.LP_FAQ_item summary {
  padding:0.4em 2.1em 0.5em 0.5em;
  font-size:1.1em;
}
  
.LP_FAQ_item summary::after {
  top:17px;
}
}

/*--------------------*/
/*マップ*/
/*--------------------*/
/*エリア*/
.LP_access_area{
  max-width:1000px;
  margin:auto;
  padding:4em 10px 3em;
}

/*見出し*/
.LP_access_area h2.tool_midashi_decoA{
  margin-bottom:1em;
  padding:0.5em;
}

/* ロゴ画像 */
.LP_access_area img.tool_logo_text{
  margin:0px;
  width:100%;
  padding:0px;
  padding-bottom:1.5em;
}

/*カラム全体*/
.LP_access_box{
  display:flex;
  padding:1em;
  gap:1.5em;
}

/*カラム１つ分*/
.LP_access_area div{
  padding:0.5em;
  width:100%;
}

/* 項目見出し */
.LP_access_area h3{
  border:none;
  margin:0px;
  border-top:dashed 3px #FEC58C;
  border-left:dashed 3px #FEC58C;
  border-right:dashed 3px #FEC58C;
  color:#FD8B19;
  padding:0 10px 0;
  font-weight: 700;
  font-size:1.3em;
}

/* アイコン */
.LP_access_area h3:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f015";
  font-size:1.5em;
  padding-right:0.3em;
  position:relative;
  top:2px;
  color:#FD8B19;
}

/*所在地*/
.LP_access_area p{
  padding:5px 1em 1em;
  font-size:1.2em;
  border-bottom:dashed 3px #FEC58C;
  border-left:dashed 3px #FEC58C;
  border-right:dashed 3px #FEC58C;
}

/* ルビ */
.LP_access_area ruby rt{
  font-size:12px;
}

/*改行対策*/
.LP_access_area p span{
  display:inline-block;
  padding:0 10px;
}

/*Googleマップ*/
.LP_access_map iframe{
  height: 400px;
  width: 97%;
  margin: auto;
  display: flex;
  padding: 0.8em 0 1.5em;
}


/* -------------------- */
/* タブレット調整 */
@media screen and (max-width: 840px) {
.LP_access_box{
  flex-direction:column;
}
  
.LP_access_map iframe{
  height: 300px;
  position: relative;
  left: 5px;
}

.LP_access_area{
  max-width: 93%;
  position: relative;
  right: 13px;
  font-size:1.1em;
}

.LP_access_area h2.tool_midashi_decoA{
  position: relative;
  left: 10px;
}
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.LP_access_area h2.tool_midashi_decoA{
  font-size:1.5em;
  left: 8px;
}

  
.LP_access_area{
  padding:3em 0;
}
  
.LP_access_area p{
  font-size:1.1em;
}
}

/* -------------------- */
/* ラストCTAボタン */
/* -------------------- */
/* エリア */
.LP_CTA_box{
  display:flex;
  gap:5em;
  width:50%;
  margin:auto;
  padding:2.5em 0 0;
}

/* カラム１つ分 */
.LP_CTA_box div{
  width:100%;
  padding:10px;
  background:#000;
  margin:0 auto 3em;
}

/* ボタン */
.LP_CTA_box a{
  width:100%;
  font-size:1.5em;
  text-align:center;
  text-decoration:none;
  line-height:1.3em;
  color:#fff;
  position:relative;
  line-height:1.8em;
}

/* ボタンあしらい */
.LP_CTA_box a:before{
  content:"";
  background-image:url('https://school-ikik.com/wp/wp-content/uploads/2025/07/deco_yellow.png');
  background-size: contain;
  background-repeat:no-repeat;
  width:70px;
  height:70px;
  position:absolute;
  right:-10px;
  top:6px;
}

/* ボタンホバー */
.LP_CTA_box a:hover{
  opacity: 0.6;
}

/* ボタンの内側 */
.LP_CTA_box a p{
  border:solid 3px;
  margin:0px;
  padding:10px;
  font-weight:500;
}

/* ボタンアイコン */
.LP_CTA_box a p:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f4d8";
  font-size:1.2em;
  padding-right:0.3em;
  position:relative;
  top:1px;
}

/* ﾃｷｽﾄ「お申込みはコチラ」 */
.LP_CTA_box a p span{
  font-size:1.5em;
  font-weight:500;
}

/* -------------------- */
/* PC調整・小｜1100px以下 */
@media screen and (max-width: 1100px) {
.LP_CTA_box{
  width:95%;
  gap:2em;
}
}

/* タブレット調整 */
@media screen and (max-width: 840px) {
.LP_CTA_box{
  gap:1em;
}

.LP_CTA_box a:before{
  width:55px;
  height:55px;
  top:10px;
} 
}


/* スマホ調整 */
@media screen and (max-width: 600px) {
.LP_CTA_box{
  flex-direction:column;
  gap:0em;
}
  
.LP_CTA_box a{
  width:95%;
}
  
.LP_CTA_box a:before{
  width:50px;
  height:50px;
  right:-10px;
  top:10px;
} 
}


/* ****************************** */
/* コース色分け */
/* ****************************** */
/* 初任者研修｜フォント */
.type_shonin .course_box_study,
.type_shonin .course_box_price,
.type_shonin .course_rec,
.type_shonin .course_spec_midashi,
.type_shonin .course_info_cont_box h3:before,
.type_shonin .course_flow_box_item span,
.type_shonin .course_flow_cont h4,
.type_shonin .voice_item_catch_box h4,
.type_shonin .voice_slide_btn.voice_prev:before,
.type_shonin .voice_slide_btn.voice_next:before{
  color:#7AB53F;
}

/* 初任者研修｜背景色 */
.course_box_item.type_shonin h3,
.type_shonin .course_box_study p,
.type_shonin.course_box_item a,
.course_spec_item.type_shonin h3,
.type_shonin.course_spec_item a,
.type_shonin th,
.course_type_box .type_shonin h3,
.type_shonin .course_type_btn a,
.type_shonin .course_info_title_box,
.type_shonin .course_info_cont_col h4,
.type_shonin .course_flow_btn a,
.type_shonin .voice_type_tag,
.type_shonin .voice_dot.active,
.voice_type_box_out.type_shonin .tool_midashi_decoA,
li.type_shonin,
.LP_CTA_box div.type_shonin,
.floating_btn_item.type_shonin
{
  background:#7AB53F;
}

/* 初任者研修｜背景色（少し薄い） */
.type_shonin.course_info_area,
.type_shonin .voice_dot{
  background:#D7E9C5;
}

/* 初任者研修｜背景色（薄い） */
.type_shonin td,
.type_shonin .course_flow_box_item{
  background:#F2F8EC;
}

/* 初任者研修｜ボーダー */
.course_box_item.type_shonin,
.type_shonin.course_spec_item,
.type_shonin.course_type_box_item,
.type_shonin .course_info_cont_box,
.type_shonin .course_info_cont_box h3,
.type_shonin .course_case_item,
.type_shonin .course_flow_box_item,
.type_shonin .voice_item_IMG_Male:before,
.type_shonin .voice_item_IMG_Female:before,
.type_shonin .voice_slide_item{
  border-color:#7AB53F;
}

/* 初任者研修｜ボーター（薄） */
.type_shonin .course_box_study,
.type_shonin.course_box_item a p,
.type_shonin.course_spec_item a p,
.type_shonin.course_type_box_item li,
.LP_CTA_box .type_shonin a p {
  border-color:#BDDA9F;
}

/* 初任者研修｜マーク */
.type_shonin.course_box_item a p:before,
.type_shonin.course_spec_item a p:before,
.LP_CTA_box .type_shonin a p:before{
  content: "\f518";
}

/* 初任者研修｜マークの色 */
.type_shonin.course_type_box_item li:before{
  color:#7AB53F;
}

/* 初任者研修｜吹き出し ▼部分 */
.type_shonin h3.tool_midashi_decoA:after{
  border-color: #7AB53F transparent transparent transparent;
}

/* -------------------- */
/* 実務者研修｜フォント */
.type_jitsumu .course_box_study,
.type_jitsumu .course_box_price,
.type_jitsumu .course_rec,
.type_jitsumu .course_spec_midashi,
.type_jitsumu .course_info_cont_box h3:before,
.type_jitsumu .course_flow_box_item span,
.type_jitsumu .course_flow_cont h4,
.type_jitsumu .voice_item_catch_box h4,
.type_jitsumu .voice_slide_btn.voice_prev:before,
.type_jitsumu .voice_slide_btn.voice_next:before
{
  color:#26A7E1;
}

/* 実務者研修｜背景色 */
.course_box_item.type_jitsumu h3,
.type_jitsumu .course_box_study p,
.type_jitsumu.course_box_item a,
.course_spec_item.type_jitsumu h3,
.type_jitsumu.course_spec_item a,
.type_jitsumu th,
.course_type_box .type_jitsumu h3,
.type_jitsumu .course_type_btn a,
.type_jitsumu .course_info_title_box,
.type_jitsumu .course_info_cont_col h4,
.type_jitsumu .course_flow_btn a,
.type_jitsumu .voice_type_tag,
.type_jitsumu .voice_dot.active,
.voice_type_box_out.type_jitsumu .tool_midashi_decoA,
li.type_jitsumu,
.LP_CTA_box div.type_jitsumu,
.floating_btn_item.type_jitsumu
{
  background:#26A7E1;
}


/* 初任者研修｜背景色（少し薄い） */
.type_jitsumu.course_info_area,
.type_jitsumu .voice_dot{
  background:#BEE5F6;
}

/* 実務者研修｜背景色（薄い） */
.type_jitsumu td,
.type_jitsumu .course_flow_box_item{
  background:#E9F6FC;
}

/* 実務者研修｜ボーダー */
.course_box_item.type_jitsumu,
.type_jitsumu.course_spec_item,
.type_jitsumu.course_type_box_item,
.type_jitsumu .course_info_cont_box,
.type_jitsumu .course_info_cont_box h3,
.type_jitsumu .course_case_item,
.type_jitsumu .course_flow_box_item,
.type_jitsumu .voice_item_IMG_Male:before,
.type_jitsumu .voice_item_IMG_Female:before,
.type_jitsumu .voice_slide_item
{
  border-color:#26A7E1;
}

/* 実務者研修｜ボーター（薄） */
.type_jitsumu .course_box_study,
.type_jitsumu.course_box_item a p,
.type_jitsumu.course_spec_item a p,
.type_jitsumu.course_type_box_item li,
.LP_CTA_box .type_jitsumu a p{
  border-color:#93D3F0;
}

/* 実務者研修｜マーク */
.type_jitsumu.course_box_item a p:before,
.type_jitsumu.course_spec_item a p:before,
.LP_CTA_box .type_jitsumu a p:before{
  content: "\f193";
}

/* 実務者研修｜マークの色 */
.type_jitsumu.course_type_box_item li:before{
  color:#26A7E1;
}

/* 実務者研修｜吹き出し ▼部分 */
.type_jitsumu h3.tool_midashi_decoA:after{
  border-color: #26A7E1 transparent transparent transparent;
}

/* -------------------- */
/* 両研修｜背景色-無効 */
.type_jitsumu.course_spec_item td a,
.type_shonin.course_spec_item td a{
  background:none;
}

/********************************/
/*TOP ブログ表示の調整*/
body.home .sec_blog.topLP_area li .newpost_bg{
  min-height: 170px;
  padding: 20px 30px 15px 30px;
  margin-top:1.5em;
}

/*記事タイトル*/
body.home .sec_blog.topLP_area li.is-pickup p.title{
  padding-top: 1em;
}

/*タブレット調整*/
@media screen and (max-width: 840px) {
/*全体エリア*/
.topLP_area{
  padding: 1em;
}

.sec_blog.topLP_area{
  padding:0 20px 0 60px;
}

}