@charset "utf-8";
/* 投稿本文の装飾等 */

/* 下線 */
.yellow {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0,#f8e81c));
  background: linear-gradient(transparent 70%,#f8e81c 0);
  font-weight: 700;
  font-size: 1.5rem;
}
/* *** 赤色 *** */
.red{
  color:#D62222!important;
  font-weight: 700;
}
/* *** 青色 *** */
.blue{
  color:#007FAD!important;
}
/* *** 緑色 *** */
.green{
  color:#009160!important;
}
/* *** オレンジ色 *** */
.orange{
  color:#FF9524!important;
}
/* *** オレンジ色 *** */s
.center{
  text-align: center;
}
.left{
  text-align: left;
}
.right{
  text-align: right;
}
.b{
  font-weight:700!important;
}
.f15rem{
  font-size:1.5rem;
}
.f16rem{
  font-size:1.6rem;
}
.f17rem{
  font-size:1.7rem;
}
.f18rem{
  font-size:1.8rem;
}
.f20rem{
  font-size:2.0rem;
}
/* .marker{
  background: -webkit-linear-gradient( transparent 80%, #ffaf4f 30% ) ;
  background: linear-gradient( transparent 70%, #ffaf4f 30% ) ;
} */
.marker_yellow{
  background: -webkit-linear-gradient( transparent 80%, #f8e81c 30% ) ;
  background: linear-gradient( transparent 70%, #f8e81c 30% ) ;
}
/* *** 引用 *** */
blockquote {
  position: relative;
  padding: 35px 15px 10px 15px;
  box-sizing: border-box;
  font-style: italic;
  background: #f7f7f7!important;
  color: #777777;
  border-left: 4px solid #5bd586;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
  -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  border-radius: 0px!important;
}
blockquote:before{
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 15px;
  content: "\f10d";
  font-family: FontAwesome;
  color: #4a8eff;
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}
blockquote p {
  padding: 0;
  margin: 7px 0;
  line-height: 1.7;
}
blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}
.pc { display: block !important; }
.sp { display: none !important; }
@media screen and (max-width: 1023px){
  .pc { display: none !important; }
  .sp { display: block !important; }
}
/* =======
 デザインBOX
======================================== */
/*
 * 全ボックス共通CSS
 * 1つでもコピーすれば他のボックスではコピーする必要なし。
 */
.title-box {
    font-size: 20px;
}
.box-inside {
    font-size: 16px;
}
@media screen and (max-width: 480px){
    .title-box {
    font-size: 16px;
    }
    .box-inside {
    font-size: 14px;
    }
}
/*
 * 個別ボックスCSS
 */
.s_memo {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fff9e5; /* 背景色を変える場合はここを変更 */
    color: #545454;
}
.s_memo_ttl {
    margin-bottom: 5px;
    color: #ffb36b; /* タイトルの色を変える場合はここを変更 */
    font-weight: bold;
}
.s_memo_ttl:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 6px 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: FontAwesome;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.s_memo .s_memo_ttl:before {
    background-color: #ffb36b; /* アイコンの色を変える場合はここを変更 */
    content: "\f040"; /* アイコンを変える場合はここを変更 */
}
.s-box {
    border: solid 3px #ed8583;
    margin: 2em 0;
    border-radius: 8px;
}
.s-box .s-box-content {
    padding: 0 1.5em 24px;
}
.s-box .s-box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    margin: 0 7px;
    background: #fff;
    color: #ed8583;
    line-height: 1.4;
}
.s-box .s-box-title:before {
    content: "\f071"; /* アイコンを変える場合はここを変更 */
    padding-right: 4px;
    font-family: FontAwesome;
}
/*
 * ボックス4でCSSをコピーしている場合は上記のコードをコピーする必要は無く
 * 以下のコードのみコピーしてください
 */
.s-yellow {
    border: solid 3px #ffcb8a; /* 囲んでいる枠線の色を変える場合はここを変更 */
}
.s-yellow .s-box-title:before {
    content: "\f02e";
}
.s-yellow .s-box-title {
    color:#ffcb8a; /* タイトルの文字色を変える場合はここを変更 */
}
.s_memo.s_alert {
    background: #ffebeb;
}
.s_memo.s_alert .s_memo_ttl {
    color: #ff8376;
}
.s_memo.s_alert .s_memo_ttl:before {
    background: #ff8376;
    content: "\f12a";
}
.s-box {
    border: solid 3px #ed8583;
    margin: 2em 0;
    border-radius: 8px;
}
.s-box .s-box-content {
    padding: 0 1.5em 24px;
}
.s-box .s-box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    margin: 0 7px;
    background: #fff;
    color: #ffcb8a;
    line-height: 1.4;
}
.s-box .s-box-title:before {
    content: "\f071";
    padding-right: 4px;
    font-family: FontAwesome;
}
/* =======
 Q&A
======================================== */
.article dd {
    margin-left: 0;
}
.faq_block .faq_q::before,
.faq_block .faq_a::before {
    color: #fff;
    box-shadow: none;
    border-radius: 50%;
    position: absolute;
    top: .75em;
    left: 0;
    display: block;
    width: 2em;
    line-height: 2;
    text-align: center;
    font-family: Arial,sans-serif;
}
.faq_block .faq_q::before {
    font-weight: 400;
    content: "Q";
    background-color: #d55656;
}
.faq_block .faq_a::before {
    content: "A";
    background-color: #6599b7;
}
.faq_block .faq_q,
.faq_block .faq_a {
    position: relative;
    padding: 0.75em 1em 1em 3em;
    line-height: 1.8;
}
.faq_block .faq_q {
    font-weight: 700;
}
.faq_block .faq_a:not(:last-child) {
    margin-bottom: 1em;
    padding-bottom: 2em;
    border-bottom: solid 1px rgba(200,200,200,.5);
}
.faq_block .faq_q {
    font-weight: 700;
}
.flow {
	padding: 1em;
	background: #fef9ed; /* 背景色カラーコード */
	margin: 0 0 24px;
}
.flow ol{
	margin: 1em 0;
	padding-left: 0em;
	line-height: 1.8;
  margin-bottom: 0px!important;
}
.flow li {
	opacity: 0.5;
	margin: 0 0 .5em 5em !important;
}
.flow .now {
	opacity: 1;
	font-weight: bold;
	position: relative;
}
.flow .now:before {
    content: "今ココ"; /* 今ココ */
    position: absolute;
    left: -6.5em;
    top: 0.2em;
    padding: 0 7px;
    background: #f6a068; /* 今ココ背景色カラーコード */
    color: #fff;
    font-size: 0.8em;
    border-radius: 5px;
}
.flow img{
	margin:0.5em 0;
	vertical-align:top;
}
@media screen and (max-width: 480px){
  .flow ol{
    margin-left: 0px!important;
  }
}
/* =======
 黒板
======================================== */
.kokuban {
 position: relative;
 margin: 30px auto;
 padding: 20px 15px 0;
 width: 100%; /* ボックス幅 */
 background: #006633; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 8px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
}
.kokuban::before,
.kokuban::after {
 position: absolute;
 content: '';
 bottom: 0;
}
.kokuban::before {
 width: 20px;
 right: 10px;
 border: solid 3px #ffff00; /*チョーク（黄色）*/
 border-radius: 3px 2px 0 2px;
}
.kokuban::after {
 width: 15px;
 right: 45px;
 border: solid 3px #fff; /*チョーク（白） */
 border-radius: 8px 5px 2px 5px;
}
.kokuban p,
.kokuban ol,
.kokuban ul{
  margin-bottom: 20px!important;
}
/* =======
 ホワイトボード
======================================== */
.wboard {
 position: relative;
 margin: 30px auto;
 padding: 20px 15px 0;
 width: 100%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #000000; /* 文章色 */
 border: 5px solid #C0C0C0; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
}
.wboard::before,
.wboard::after {
 position: absolute;
 content: '';
 bottom: 3px;
 width: 25px;
 border-radius: 2px;
 box-shadow: 1px 1px 3px #666;
}
.wboard::before {
 right: 55px;
 border: solid 3px #ff0000; /*飾ペン赤 */
}
.wboard::after {
 right: 20px;
 border: solid 3px #333; /*飾ペン黒 */
 transform: rotate(8deg); /*飾ペン角度 */
}
.wboard p,
.wboard ol,
.wboard ul{
  margin-bottom: 20px!important;
}
/* =======
 黒板
======================================== */
.ex-title{
  color:#ffff00;
  text-align: center;
}
/* =======
 クリップ
======================================== */
.clip-red,
.clip-blue,
.clip-green,
.clip-orange {
 position: relative;
 margin: 30px auto;
 padding: 25px 25px 0px;
 width: 100%; /* ボックス幅 */
}
.clip-red{
  box-shadow: 4px 4px 1px #FFB6C1; /*クリップ色 */
  background-color:#FFE4E1;
}
.clip-blue{
  box-shadow: 4px 4px 1px #b6bcff; /*クリップ色 */
  background-color:#e1e8ff;
}
.clip-green{
  box-shadow: 4px 4px 1px #b6ffbb; /*クリップ色 */
  background-color:#e3ffe1;
}
.clip-orange{
  box-shadow: 4px 4px 1px #ffe0ad; /*クリップ色 */
  background-color:#fff1e1;
}
.clip-red::before,
.clip-blue::before,
.clip-green::before,
.clip-orange::before{
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.clip-red::before{
  border: 3px solid #ff4a4a; /*クリップ色 */
}
.clip-blue::before{
  border: 3px solid #4a8eff; /*クリップ色 */
}
.clip-green::before{
  border: 3px solid #56c297; /*クリップ色 */
}
.clip-orange::before{
  border: 3px solid #FF9524; /*クリップ色 */
}
.clip-red::after,
.clip-blue::after,
.clip-green::after,
.clip-orange::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px;
 right: 20px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}
.clip-red::after{
  border: 5px solid #FFE4E1;
}
.clip-blue::after{
  border: 5px solid #e1e8ff;
}
.clip-green::after{
  border: 5px solid #e3ffe1;
}
.clip-orange::after{
  border: 5px solid #fff1e1;
}
.clip-red p,
.clip-blue p,
.clip-green p,
.clip-orange p,
.clip-red ol,
.clip-blue ol,
.clip-green ol,
.clip-orange ol,
.clip-red ul,
.clip-blue ul,
.clip-green ul,
.clip-orange ul{
  margin-bottom: 0px!important;
  padding-bottom: 20px!important;
}

/* =======
 関連記事ボツ
======================================== */
/* .Relation_container {
  width: 100%;
  margin:20px 0px;
}
.Relation_container span{
  display: block;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.widgettitle {
  color: #767676;
  margin-bottom: 1em;
  font-weight: bold;
  clear: both;
  display: block;
  font-size: 13px;
  margin-left: 3px;
}
.widgettitle a{
  color:#333333!important;
}
.Relation_box {
  position: relative;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.Relation_box img {
  margin: auto 0!important;
}
.Relation_box_link:link {
  text-decoration: none;
  font-size: 13px;
  /* color: #333333;
}
.Relation_box_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 5px;
  padding: 10px 0;
}
.Relation_box_thumbnail {
  display: block;
  width: 144px;
  min-width: 144px;
  height: 92px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
}
.Relation_box_thumbnailImage {
  width: 140px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.Relation_box_body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
}
.Relation_box_title p{
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
}
.Relation_box_sub p{
  margin: 0 0 2px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
}
.Relation_box_subText {
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
  color: #999999;
}
.Relation_box_wrapper_border_top {
  border-top: 1px solid #d4d4d4;
}
._clear p{
  margin-bottom:initial !important;
}
._clear img{
  margin-bottom:initial !important;
}
.spark-event .Relation_box {
  border-top: 0px;
}
.spark-event .Relation_box_link::before{
   border-top-color: #b78a10;
   border-left-color: #b78a10;
}
.relation-text{
  margin-bottom: -20px!important;
  font-size: 13px;
  margin-left: 3px;
  color: #767676;
} */
/* =======
 関連記事
======================================== */
.Relation_container {
  width: 100%;
  margin:20px 0px;
}
.Relation_container span{
  display: block;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.widgettitle {
  color: #767676;
  margin-bottom: 1em;
  font-weight: bold;
  clear: both;
  display: block;
  font-size: 13px;
  margin-left: 3px;
}
.widgettitle a{
  color:#333333!important;
}
.Relation_box {
  position: relative;
  border: 2px solid #eef1f2;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.Relation_box img {
  margin: auto 0!important;
}
.Relation_box_link:link {
  text-decoration: none;
  font-size: 13px;
  /* color: #333333; */
}
.Relation_box_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 5px;
  padding: 18px 10px;
}
.Relation_box_thumbnail {
  display: block;
  width: 150px;
  min-width: 150px;
  height: 100px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
}
.Relation_box_thumbnailImage {
  width: 150px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.Relation_box_body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  line-height: 1!important;
  vertical-align:top;
}
.Relation_box_title a{
  color:#333333!important;
  font-weight: 700;
  font-size:1.8rem;
}
.Relation_box_title p{
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
}
.Relation_box_sub p{
  margin: 0 0 2px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
}
.Relation_box_subText {
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
  color: #999999;
}
.Relation_box_wrapper_border_top {
  border-top: 1px solid #d4d4d4;
}
._clear p{
  margin-bottom:initial !important;
}
._clear img{
  margin-bottom:initial !important;
}
.spark-event .Relation_box {
  border-top: 0px;
}
.spark-event .Relation_box_link::before{
   border-top-color: #b78a10;
   border-left-color: #b78a10;
}
.relation-text{
  margin-bottom: -20px!important;
  font-size: 13px;
  margin-left: 3px;
  color: #767676;
}
@media screen and (max-width: 768px) {
  .Relation_box_title a::after{
    font-size: 10px;
    line-height: 1;
    position: absolute;
    z-index: 2;
    right: 35%;
    bottom: 10px;
    width: 100px;
    margin-right: -50px;
    padding: 5px 0;
    content: 'この記事を見る';
    text-align: center;
    color: #fff;
    border-radius: 30px;
    background: #f26f80;
  }
  .Relation_box_title a{
    font-size:1.4rem!important;
  }
  .Relation_box_thumbnail {
    width: 110px;
    min-width: 110px;
    height: 75px;
  }
  .Relation_box_thumbnailImage {
    width: 110px;
  }
  .Relation_box_body {
    -webkit-flex-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    line-height: 1!important;
  }
}
/* =======
 プロフィール
======================================== */
.profile {
    margin: 48px 0;
    padding: 16px 24px 24px;
    border: 4px solid #3a5671;
    position: relative;
    background: #fdfdff;
    border-radius: 5px 5px 5px 5px;
}
.profile_header {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #3a5671;
}
.profile_icon {
    float: left;
    height: auto;
    width: 70px;
    margin-right: 16px;
}
.profile_icon img {
    width: 100%;
    /*border-radius: 30px;
    border: 2px solid #3a5671;*/
}
.profile_title {
    margin-top: 8px;
    height: 20px;
    color: #3a5671;
    font-weight: bolder;
}
.profile_name {
    display: inline-block;
    margin-right: 20px;
    font-size: 20px;
    font-weight: bolder;
}
.profile_name p{
  margin-bottom: -20px!important;
}
.profile_detail {
    font-size: 13px;
    color: #3a5671;
    line-height: 1.5;
}
.profile_detail p:last-child {
    margin: 0 !important;
}
.profile_social {
    display: inline-block;
    position: absolute;
    top: -10px;
    right: -10px;
}
/*プロフィール2*/
.profile_1 {
    margin: 48px 0;
    padding: 16px 24px 24px;
    border: 4px solid #f22b3a;
    position: relative;
    background: #fdfdff;
    border-radius: 5px 5px 5px 5px;
}
.profile_1_header {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f22b3a;
}
.profile_1_icon {
    float: left;
    height: 60px;
    width: 60px;
    margin-right: 16px;
}
.profile_1_icon img {
    width: 100%;
    /*border-radius: 30px;
    border: 2px solid #3a5671;*/
}
.profile_1_title {
    margin-top: 8px;
    height: 20px;
    color: #f22b3a;
    font-weight: bolder;
}
.profile_1_name {
    display: inline-block;
    margin-right: 20px;
    font-size: 20px;
    font-weight: bolder;
}
.profile_1_detail {
    font-size: 13px;
    color: #f22b3a;
    line-height: 1.5;
}
.profile_1_detail p {
    margin: 0;
}
.profile_1_social {
    display: inline-block;
    position: absolute;
    top: -10px;
    right: -10px;
}
/* =======
 新プロフィール用
======================================== */
.profile-box{
  padding:20px;
  border: 4px solid #f89174;
  border-radius: 5px 5px 5px 5px;
  color:#333333;
  margin-bottom: 2em;
  background: #fffbf4;
}
.profile-box-up{
  border-bottom: 1px solid #f89174;
  display: table;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.profile-box-pic,
.profile-box-txt{
  display: table-cell;
  vertical-align: middle;
}
.profile-box-pic p,
.profile-box-txt p{
  margin-bottom: 0!important;
  font-size: 18px;
  line-height: 1.5;
}
.profile-box-down p:last-child{
  margin-bottom: 0!important;
}
.profile-box-txt .name  {
  font-weight: 700;
  font-size: 25px;
}
.profile-box-pic img{
  width: 100%;
  margin-bottom: 0!important;
}
.profile-box-pic{
  width:15%;
}
.profile-box-txt{
  width:85%;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .profile-box-pic{
    width:25%;
  }
  .profile-box-txt{
    width:75%;
  }
  .profile-box-txt p{
    font-size: 12px;
  }
  .profile-box-txt .name  {
    font-size: 20px;
  }
}
/* =======
 アフィリエイト
======================================== */
/*boxの枠線のデザイン、幅など*/

#affili-box{
	border: 3px solid #f8f8f8;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

/*1.イメージ画像の余白、、サイズ指定、上下中心など*/

.afi-image {
  padding: 30px 20px 20px;
  margin: auto 0;
  max-width: 130px;
  height: auto;
}

/*アフィリリンクのイメージ画像の最大サイズ指定*/

.afi-image a img{
	max-width: 200px;
	height: auto;
	padding-right: 20px;
}

/*右側（説明、ボタン）の余白、幅*/

#afi-info{
	padding: 30px 20px 20px;
	width: 80%;
}

/*本タイトルリンク(2)と説明(3)の間の余白*/

.afi-detail{
	margin-top: 5px;
}

/*ボタン、上の余白*/

#link-button{
	display: flex;
	margin-top: 20px;
}

/*ボタンの文字の装飾*/

#link-button a{
	font-size: 15px;
	color: white;
	font-weight: bold;
	font-family: arial;
	text-decoration: none;
	display: block;
}

/*それぞれのボタンの装飾*/

.acite-btn{
	background-color: #ffd700;
	border-radius: 5px;
	text-align: center;
	margin-right: 5px;
	width: 30%;
	padding: 10px 0;
}

.bcite-btn{
	background-color: #ff4500;
	border-radius: 5px;
	text-align: center;
	margin-right: 5px;
	width: 30%;
	padding: 10px 0;
}

.ccite-btn{
	background-color: #1e90ff;
	border-radius: 5px;
	text-align: center;
	margin-right: 5px;
	width: 30%;
	padding: 10px 0;
}

/*１つボタンの時の装飾*/

.acite-onebtn{
	background-color: #1e90ff;
	border-radius: 5px;
	text-align: center;
	width: 100%;
	padding: 10px 0;
}

/*2つボタンの時の装飾*/

.acite-twobtn{
	background-color: #ffd700;
	border-radius: 5px;
	text-align: center;
	margin-right: 5px;
	width: 50%;
	padding: 10px 0;
}

.bcite-twobtn{
	background-color: #ff4500;
	border-radius: 5px;
	text-align: center;
	margin-right: 5px;
	width: 50%;
	padding: 10px 0;
}

/*768pxになったら、ボタンが縦並びになる。ボタンの幅や余白など調整*/

@media screen and (max-width: 768px) {
	#link-button{
		display: block;
	}

.acite-btn,.bcite-btn,.ccite-btn,.acite-twobtn,.bcite-twobtn{
		margin: 0 auto 5px;
		width: 80%;
	}
}

/*480pxになったらすべて縦並びになる。ボタンの幅や余白、画像など調整*/

@media screen and (max-width: 480px) {
	#affili-box{
		display: block;
		text-align: center;
		width: 100%;
	}

	#afi-info{
	   margin: 0 auto;
     padding: 0px 0px 20px;
}

	.afi-image{
		max-width: 50%;
    margin: auto!important;
	}

	.acite-btn,.bcite-btn,.ccite-btnn,.acite-twobtn,.bcite-twobtn{
		margin: 0 auto 5px;
		width: 80%;
	}
}
/* =======
 ボタン
======================================== */
.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f26f80;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #e84056;
  border-radius: 5px;
  /* width: 320px; */
}
.botan p{
  text-align:center;
}
.botan a{
  color: #FFF !important;
  font-size:1.2em;
}
@media screen and (max-width: 960px) {
  .botan a{
    font-size:1.0em;
  }
  .btn-square-shadow {
    width: 100%;
  }
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
.Entry-btn button {
  background: #6c96e4;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 48px;
  position: relative;
  text-align: center;
  width: 100%;
}
.Button--radius {
    border-radius: 2px;
}
/* =======
 フローボタン
======================================== */
.fixed_btn {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 200px;
  padding: 6px 40px;
  font-size: 35px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.flow-btn-1{
	display: inline-block;
  padding: 10px 0px;
  margin:10px 1.5%;
  width:45.5%;
  text-decoration: none;
  background-color: #f26f80;
  color: #FFF;
  border-radius: 5px;
}
.flow-btn-2{
	display: inline-block;
  padding: 10px 0px;
  width:45.5%;
  margin:10px 1.5%;
  text-decoration: none;
  background-color: #00b900;
  color: #FFF;
  border-radius: 5px;
}
.arw {
  display: inline-block;
  position: relative;
  padding-right: 1em;
}
.fixed_btn a .arw{
  color: #ffffff!important;
}
.arw.white::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.arw::after {
  position: absolute;
  top: 50%;
  right: -20px;
  content: "";
  margin-top: -.4em;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  transition: all .3s;
}
@media screen and (max-width: 1023px){
  .fixed_btn {
    font-size: 12px;
    height: 100px;
    padding: 0;
    font-weight:700;
  }
  .flow-btn{
    padding: 10px 0;
  }
}








/* ×××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××

 削除予定

×××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××× */
/*
.marker_yellow{
  background: -webkit-linear-gradient( transparent 80%, #f8e81c 30% ) ;
  background: linear-gradient( transparent 70%, #f8e81c 30% ) ;
}
.interview h3{
  border-bottom: 1px solid #ffb200;
  color: #ffb200;
  line-height: 1.4;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #ffffff;
  padding: .5em 0em;
  margin: 1em 0 1em;
}
.interview h3::before{
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0);
}
.interview h3::after {
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0);
}
.interview .author{
  color:#ffb200;
  font-weight: bold;
} */
/*==============================================================================*/
.btn.primary_ {
  border: 1px solid #fff;
  background-color: #F26F80;
  color:#fff;
}
.primary_ .arw::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  margin-top: -.4em;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  transition: all .3s;
}

/*解説ボックス*/
.kaisetsu-box-blue,.kaisetsu-box4{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  /*padding-bottom: 10px;*/
}
@media (max-width: 767px) {
  .kaisetsu-box-blue,.kaisetsu-box4{
    margin-bottom: 30px;
    /*padding-bottom: 10px;*/
  }
}
/*解説ボックス*/
.kaisetsu-box-blue {
  position: relative;
  border: 1px solid #aaa;
  border-radius: 4px;
  border-color:#1E90FF!important;
}
@media (min-width: 768px) {
  .kaisetsu-box-blue {
    padding-top: 80px !important;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box-blue {
    padding-top: 70px !important;
  }
}
.kaisetsu-box-blue ol li, .kaisetsu-box-blue ul li {
  border-bottom: 2px dashed #ccc;
  padding-top: 5px;
  list-style-type: none!important;
}
.kaisetsu-box-blue ol{
  counter-reset: item;
}
.kaisetsu-box-blue ul li:before{
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #1E90FF;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}
.kaisetsu-box-blue ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  color: #1E90FF;
}
.kaisetsu-box-blue:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.15;
  border-radius: 4px;
}

.kaisetsu-box-blue-title {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  background: #1E90FF;
  letter-spacing: 0px !important;
}
@media (min-width: 768px) {
  .kaisetsu-box-blue-title {
    font-size: 21px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box-blue-title {
    font-size: 18px;
    font-weight: 700;
  }
}
.kaisetsu-box-blue{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .kaisetsu-box-blue{
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}
.kaisetsu-box-blue,.kaisetsu-box4{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  /*padding-bottom: 10px;*/
}
@media (max-width: 767px) {
  .kaisetsu-box-blue,.kaisetsu-box4{
    margin-bottom: 30px;
    /*padding-bottom: 10px;*/
  }
}
@media (min-width: 768px) {
  .kaisetsu-box-blue{
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.kaisetsu-box-blue P {
  /*padding-bottom: 20px;*/
  margin-bottom: 1.0em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.kaisetsu-box-blue ol,.kaisetsu-box-blue ul{
  padding-top: 0px;
  /*padding-bottom: 30px;*/
  padding-right: 20px;
  margin-left: 0em;
}
@media (max-width: 767px) {
  .kaisetsu-box-blue ol,.kaisetsu-box-blue ul{
    /*padding-left: 4px;*/
    padding-right: 4px;
  }
}
.kaisetsu-box-blue a{
  position: relative;
  z-index: 0;
}
.kaisetsu-box-blue ol,.kaisetsu-box-blue ul{
  padding-top: 10px;
  /*padding-bottom: 30px;*/
  padding-right: 20px;
}
@media (max-width: 767px) {
  .kaisetsu-box-blue ol,.kaisetsu-box-blue ul{
    /*padding-left: 4px;*/
    padding-right: 4px;
  }
}
/*解説ボックス4*/
.kaisetsu-blue-small {
  position: relative;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .kaisetsu-blue-small {
    /*padding-top: 30px !important;*/
    margin-top: 40px !important;
    padding: 25px 20px 15px 25px;
  }
}
@media (min-width: 768px) {
  .kaisetsu-blue-small {
    /*padding-top: 40px !important;*/
    margin-top: 40px !important;
    padding: 25px 20px 15px 25px;
  }
}

.kaisetsu-blue-small:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1E90FF;
  opacity: 0.12;
  border-radius: 4px;
  box-sizing: border-box;
}

.kaisetsu-blue-small-title {
  position: absolute;
  line-height: 0;
  font-size: 18px;
  left: 20px;
  top: -18px;
  color: #fff;
  padding: 18px 15px;
  background: #1E90FF!important;
  border-radius: 2px;
  letter-spacing: 0px !important;
}
@media (min-width: 768px) {
  .kaisetsu-blue-small-title {
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .kaisetsu-blue-small-title {
    font-weight: 700;
  }
}
.kaisetsu-blue-small ul,
.kaisetsu-blue-small ol{
  padding-bottom: 24px;
}
.kaisetsu-blue-small ol li, .kaisetsu-blue-small ul li {
  /*border-bottom: 2px dashed #ccc;*/
  padding-top: 5px;
  list-style-type: none!important;
}
.kaisetsu-blue-small ul li:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #1E90FF;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}
.kaisetsu-blue-small ol{
  counter-reset: item;
}
.kaisetsu-blue-small ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  color: #1E90FF;
}
.kaisetsu-blue-small{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  /*padding-bottom: 10px;*/
}
@media (max-width: 767px) {
 .kaisetsu-blue-small{
    margin-bottom: 30px;
    /*padding-bottom: 10px;*/
  }
}
@media (min-width: 768px) {
  .kaisetsu-blue-small{
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.kaisetsu-blue-small P{
  margin-bottom: 1.0em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.kaisetsu-blue-small ol,.kaisetsu-blue-small ul{
  padding-top: 10px;
  padding-right: 20px;
  margin-left: 0em;
}
@media (max-width: 767px) {
  .kaisetsu-blue-small ol,.kaisetsu-blue-small ul{
    padding-right: 4px;
  }
}
.kaisetsu-blue-small a{
  position: relative;
  z-index: 0;
}
/*解説ボックス*/
.kaisetsu-box-green {
  position: relative;
  border: 1px solid #aaa;
  border-radius: 4px;
  border-color:#00FF0D!important;
}
@media (min-width: 768px) {
  .kaisetsu-box-green {
    padding-top: 80px !important;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box-green {
    padding-top: 70px !important;
  }
}
.kaisetsu-box-green ol li, .kaisetsu-box-green ul li {
  border-bottom: 2px dashed #ccc;
  padding-top: 5px;
  list-style-type: none!important;
}
.kaisetsu-box-green ol{
  counter-reset: item;
}
.kaisetsu-box-green ul li:before{
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #00FF0D;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}
.kaisetsu-box-green ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  color: #00FF0D;
}
.kaisetsu-box-green:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  opacity: 0.15;
  border-radius: 4px;
}

.kaisetsu-box-green-title {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  background: #00FF0D;
  letter-spacing: 0px !important;
}
@media (min-width: 768px) {
  .kaisetsu-box-green-title {
    font-size: 21px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box-green-title {
    font-size: 18px;
    font-weight: 700;
  }
}
.kaisetsu-box-green{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .kaisetsu-box-green{
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}
.kaisetsu-box-green,.kaisetsu-box4{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  /*padding-bottom: 10px;*/
}
@media (max-width: 767px) {
  .kaisetsu-box-green,.kaisetsu-box4{
    margin-bottom: 30px;
    /*padding-bottom: 10px;*/
  }
}
@media (min-width: 768px) {
  .kaisetsu-box-green{
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.kaisetsu-box-green P {
  /*padding-bottom: 20px;*/
  margin-bottom: 1.0em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.kaisetsu-box-green ol,.kaisetsu-box-green ul{
  padding-top: 0px;
  /*padding-bottom: 30px;*/
  padding-right: 20px;
  margin-left: 0em;
}
@media (max-width: 767px) {
  .kaisetsu-box-green ol,.kaisetsu-box-green ul{
    /*padding-left: 4px;*/
    padding-right: 4px;
  }
}
.kaisetsu-box-green a{
  position: relative;
  z-index: 0;
}
.kaisetsu-box-green ol,.kaisetsu-box-green ul{
  padding-top: 10px;
  /*padding-bottom: 30px;*/
  padding-right: 20px;
}
@media (max-width: 767px) {
  .kaisetsu-box-green ol,.kaisetsu-box-green ul{
    /*padding-left: 4px;*/
    padding-right: 4px;
  }
}


.baloon_right,.baloon_left {
  position: relative;
  overflow: hidden;
  margin:20px 0px 0px 0px;
}
.baloon_left .name{
  margin: 0px 0px -10px 50px;
  font-size: 13px;
  font-weight: 700;
}
.name p{
  margin: 0px;
}
.baloon_right .name{
  text-align:right;
  margin: 0px 50px -10px 0px;
  font-size: 13px;
  font-weight: 700;
}
.balloon1{
  position: relative;
  padding: 20px 20px;
  color: #000000;
  background-color: #fff;
  margin: 10px 0px 10px 53px;
  border: solid 1px #dcdcdc;
  font-size: 1.5rem;
  /* border-radius: 0px 10px 10px 10px; */
}
/* 画像 - 絶対配置で左上に配置 */
.baloon_left .icon{
  position:absolute;
  margin: 0px 0px 0px 0px;
}
.baloon_right .icon{
  position: absolute;
  right:0;
}
.icon img{
  width:40px;
}
/* 三角アイコン */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: -1px;
  border-right: 15px solid #dcdcdc;
  border-top: 0px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon1::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 0px;
  border-right: 15px solid #ffffff;
  border-top: 0px solid transparent;
  border-bottom: 15px solid transparent;
}

/* 吹き出し本体 */
.balloon2{
  position: relative;
  padding: 20px 20px;
  color: #000000;
  background-color: #fff;
  margin: 10px 53px 10px 0px;
  border: solid 1px #dcdcdc;
  font-size: 1.5rem;
  /* border-radius: 10px 0px 10px 10px; */
}
/* 画像 - 絶対配置で右上に配置 */
.balloon2 .icon{
  position: absolute;
  right: -110px;
  top: 0;
op: 0;
}
/* 三角アイコン */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: -1px;
  border-left: 15px solid #dcdcdc;
  border-top: 0px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon2::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 0px;
  border-left: 15px solid #ffffff;
  border-top: 0px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon1 p,.balloon2 p{
  margin-bottom:0px!important;
  padding-bottom: 20px!important;
}
.balloon1 ol,.ballon1 ul,
.balloon2 ol,.ballon2 ul{
  margin: 24px 0px 24px 1.5em;
}
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #ffffff;
    font-weight: bold;
    background: #89c2f4;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: "▷";
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#3fa5ff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #eaf5ff;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: "▼";
}


/*コンセプトボックス*/
.concept-12719{
  position: relative;
  border: 1px solid #1E90FF;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .concept-12719{
    padding-top: 30px !important;
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .concept-12719{
    padding-top: 40px !important;
    margin-top: 40px !important;
  }
}
.concept-12719{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .concept-12719{
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .concept-12719{
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.concept-12719 P {
  /*padding-bottom: 20px;*/
  margin-bottom: 1.0em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.concept-12719 ol,
.concept-12719 ul {
  padding-top: 0px;
  /*padding-bottom: 30px;*/
  padding-right: 20px;
  margin-left: 0em;
}
@media (max-width: 767px) {
  .concept-12719 ol,
  .concept-12719 ul {
    /*padding-left: 4px;*/
    padding-right: 4px;
  }
}
.concept-12719 a {
  position: relative;
  z-index: 0;
}
.concept-12719 ol li, .concept-12719 ul li {
  border-bottom: 2px dashed #ccc;
  padding-top: 5px;
  list-style-type: none!important;
}
.concept-12719 ol{
  counter-reset: item;
}
.concept-12719 ul li:before{
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #1E90FF;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}
.concept-12719 ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  color: #1E90FF;
}

/*コンセプトボックス*/
.simple-example{
  position: relative;
  border: 1px solid #00FF0D;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .simple-example{
    padding-top: 30px !important;
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .simple-example{
    padding-top: 40px !important;
    margin-top: 40px !important;
  }
}
.simple-example{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .simple-example{
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .simple-example{
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.simple-example P {
  /*padding-bottom: 20px;*/
  margin-bottom: 1.0em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.simple-example ol,
.simple-example ul {
  padding-top: 0px;
  /*padding-bottom: 30px;*/
  padding-right: 20px;
  margin-left: 0em;
}
@media (max-width: 767px) {
  .simple-example ol,
  .simple-example ul {
    /*padding-left: 4px;*/
    padding-right: 4px;
  }
}
.simple-example a {
  position: relative;
  z-index: 0;
}
.simple-example ol li, .simple-example ul li {
  border-bottom: 2px dashed #ccc;
  padding-top: 5px;
  list-style-type: none!important;
}
.simple-example ol{
  counter-reset: item;
}
.simple-example ul li:before{
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #00FF0D;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}
.simple-example ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  color: #00FF0D;
}
/*コンセプトボックス*/
.simple-positive{
  position: relative;
  border: 1px solid #1E90FF;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .simple-positive{
    padding-top: 30px !important;
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .simple-positive{
    padding-top: 40px !important;
    margin-top: 40px !important;
  }
}
.simple-positive{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .simple-positive{
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .simple-positive{
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.simple-positive P {
  /*padding-bottom: 20px;*/
  /* margin-bottom: 1.0em; */
  padding-top: 5px;
  padding-bottom: 5px;
}
.simple-positive ol,
.simple-positive ul {
  padding-top: 0px;
  /*padding-bottom: 30px;*/
  padding-right: 20px;
  margin-left: 0em;
}
@media (max-width: 767px) {
  .simple-positive ol,
  .simple-positive ul {
    /*padding-left: 4px;*/
    padding-right: 4px;
  }
}
.simple-positive a {
  position: relative;
  z-index: 0;
}
.simple-positive ol li, .simple-positive ul li {
  border-bottom: 2px dashed #ccc;
  padding-top: 5px;
  list-style-type: none!important;
}
.simple-positive ol{
  counter-reset: item;
}
.simple-positive ul li:before{
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #1E90FF;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}
.simple-positive ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  color: #1E90FF;
}

/*コンセプトボックス*/
.simple-negative{
  position: relative;
  border: 1px solid #FF4D4D;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .simple-negative{
    padding-top: 30px !important;
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .simple-negative{
    padding-top: 40px !important;
    margin-top: 40px !important;
  }
}
.simple-negative{
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .simple-negative{
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .simple-negative{
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.simple-negative P {
  /*padding-bottom: 20px;*/
  /* margin-bottom: 1.0em; */
  padding-top: 5px;
  padding-bottom: 5px;
}
.simple-negative ol,
.simple-negative ul {
  padding-top: 0px;
  /*padding-bottom: 30px;*/
  padding-right: 20px;
  margin-left: 0em;
}
@media (max-width: 767px) {
  .simple-negative ol,
  .simple-negative ul {
    /*padding-left: 4px;*/
    padding-right: 4px;
  }
}
.simple-negative a {
  position: relative;
  z-index: 0;
}
.simple-negative ol li, .simple-negative ul li {
  border-bottom: 2px dashed #ccc;
  padding-top: 5px;
  list-style-type: none!important;
}
.simple-negative ol{
  counter-reset: item;
}
.simple-negative ul li:before{
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #FF4D4D;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}
.simple-negative ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  color: #FF4D4D;
}
/*==============================================================================*/
/* 吹き出し */
.balloon-box {
  position: relative;
  overflow: hidden;
}

.balloon-icon {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .balloon-icon {
    width: 60px;
    height: 60px;
  }
}

.balloon-icon.maru {
  border: 2px solid #eee;
  border-radius: 40px;
}

.icon-name {
  position: absolute;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.7rem !important;
  color: #777;
}
@media (max-width: 767px) {
  .icon-name {
    width: 60px;
    top: 62px;
    font-size: 9px;
  }
}
@media (min-width: 768px) {
  .icon-name {
    width: 80px;
    top: 83px;
    font-size: 10px;
  }
}

.balloon-icon img {
  width: 80px;
  height: auto;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .balloon-icon img {
    width: 60px;
  }
}

.balloon-serif .balloon-content img.star {
  width: 24%;
  padding-bottom: 1px;
  margin-bottom: -3px !important;
}
@media (max-width: 767px) {
  .balloon-serif .balloon-content img.star {
    width: 38%;
    padding-bottom: 2px;
  }
}

.balloon-content p:last-of-type {
  padding-bottom: 0 !important;
}

.balloon-left .balloon-icon {
  left: 0;
}
.balloon-left .icon-name {
  left: 0;
}
.balloon-left .balloon-serif {
  position: relative;
  float: left;
  margin: 0 0px 40px 105px;
  padding: 0;
}
@media (max-width: 767px) {
  .balloon-left .balloon-serif {
    margin: 0 0px 30px 78px;
  }
}
.balloon-left .balloon-serif:before {
  content: "";
  position: absolute;
  left: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  z-index: 3;
}
@media (max-width: 767px) {
  .balloon-left .balloon-serif:before {
    top: 13px;
  }
}
@media (min-width: 768px) {
  .balloon-left .balloon-serif:before {
    top: 16px;
  }
}
.balloon-left .balloon-serif:after {
  content: "";
  position: absolute;
  left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .balloon-left .balloon-serif:after {
    top: 12px;
  }
}
@media (min-width: 768px) {
  .balloon-left .balloon-serif:after {
    top: 15px;
  }
}
.balloon-left .balloon-serif .balloon-content {
  position: relative;
  line-height: 2.5rem;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2;
}
@media (max-width: 767px) {
  .balloon-left .balloon-serif .balloon-content {
    padding: 10pt;
  }
}
@media (min-width: 768px) {
  .balloon-left .balloon-serif .balloon-content {
    padding: 1.15rem;
  }
}

.balloon-right .balloon-icon {
  right: 0;
}
.balloon-right .icon-name {
  right: 0;
}
.balloon-right .balloon-serif {
  position: relative;
  float: right;
  margin: 0 105px 40px 105px;
  padding: 0;
}
@media (max-width: 767px) {
  .balloon-right .balloon-serif {
    margin: 0 78px 30px 0px;
  }
}
.balloon-right .balloon-serif:before {
  content: "";
  position: absolute;
  right: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 0px 7px 10px;
  z-index: 3;
}
@media (max-width: 767px) {
  .balloon-right .balloon-serif:before {
    top: 13px;
  }
}
@media (min-width: 768px) {
  .balloon-right .balloon-serif:before {
    top: 16px;
  }
}
.balloon-right .balloon-serif:after {
  content: "";
  position: absolute;
  right: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 0px 8px 10px;
  z-index: 2;
}
@media (max-width: 767px) {
  .balloon-right .balloon-serif:after {
    top: 12px;
  }
}
@media (min-width: 768px) {
  .balloon-right .balloon-serif:after {
    top: 15px;
  }
}
.balloon-right .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2;
}
@media (max-width: 767px) {
  .balloon-right .balloon-serif .balloon-content {
    padding: 0.8rem;
  }
}
@media (min-width: 768px) {
  .balloon-right .balloon-serif .balloon-content {
    padding: 1.15rem;
  }
}

.balloon-box ol li {
  position: relative;
  display: block;
  padding: 2px 0px 5px 25px;
  margin-bottom: 0.7em;
}

.balloon-box ol li:after {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  left: 0px;
  top: 0.25em;
  padding: 0 0 0 0px;
  background: #aaa;
  height: 20px;
  width: 20px;
  color: #fff;
  text-align: center;
  font-size: 0.65em;
  border-radius: 11px;
}

.balloon-right.balloon-gray .balloon-serif:after {
  border-color: transparent transparent transparent #ccc;
}
.balloon-right.balloon-gray .balloon-content {
  border-color: #ccc;
}

.balloon-left.balloon-gray .balloon-serif:after {
  border-color: transparent #ccc transparent transparent;
}
.balloon-left.balloon-gray .balloon-content {
  border-color: #ccc;
}

.balloon-right.balloon-bg-gray .balloon-serif:before {
  border-color: transparent transparent transparent #efefef;
}
.balloon-right.balloon-bg-gray .balloon-content {
  background: #efefef;
}

.balloon-left.balloon-bg-gray .balloon-serif:before {
  border-color: transparent #efefef transparent transparent;
}
.balloon-left.balloon-bg-gray .balloon-content {
  background: #efefef;
}

.balloon-right.balloon-blue .balloon-serif:after {
  border-color: transparent transparent transparent #93D2F0;
}
.balloon-right.balloon-blue .balloon-content {
  border-color: #93D2F0;
}

.balloon-left.balloon-blue .balloon-serif:after {
  border-color: transparent #93D2F0 transparent transparent;
}
.balloon-left.balloon-blue .balloon-content {
  border-color: #93D2F0;
}

.balloon-right.balloon-bg-blue .balloon-serif:before {
  border-color: transparent transparent transparent #E2F6FF;
}
.balloon-right.balloon-bg-blue .balloon-content {
  background: #E2F6FF;
}

.balloon-left.balloon-bg-blue .balloon-serif:before {
  border-color: transparent #E2F6FF transparent transparent;
}
.balloon-left.balloon-bg-blue .balloon-content {
  background: #E2F6FF;
}

.balloon-right.balloon-red .balloon-serif:after {
  border-color: transparent transparent transparent #F48789;
}
.balloon-right.balloon-red .balloon-content {
  border-color: #F48789;
}

.balloon-left.balloon-red .balloon-serif:after {
  border-color: transparent #F48789 transparent transparent;
}
.balloon-left.balloon-red .balloon-content {
  border-color: #F48789;
}

.balloon-right.balloon-bg-red .balloon-serif:before {
  border-color: transparent transparent transparent #FFEBEB;
}
.balloon-right.balloon-bg-red .balloon-content {
  background: #FFEBEB;
}

.balloon-left.balloon-bg-red .balloon-serif:before {
  border-color: transparent #FFEBEB transparent transparent;
}
.balloon-left.balloon-bg-red .balloon-content {
  background: #FFEBEB;
}

.balloon-right.balloon-green .balloon-serif:after {
  border-color: transparent transparent transparent #9DDD93;
}
.balloon-right.balloon-green .balloon-content {
  border-color: #9DDD93;
}

.balloon-left.balloon-green .balloon-serif:after {
  border-color: transparent #9DDD93 transparent transparent;
}
.balloon-left.balloon-green .balloon-content {
  border-color: #9DDD93;
}

.balloon-right.balloon-bg-green .balloon-serif:before {
  border-color: transparent transparent transparent #D1F8C2;
}
.balloon-right.balloon-bg-green .balloon-content {
  background: #D1F8C2;
}

.balloon-left.balloon-bg-green .balloon-serif:before {
  border-color: transparent #D1F8C2 transparent transparent;
}
.balloon-left.balloon-bg-green .balloon-content {
  background: #D1F8C2;
}

.balloon-right.balloon-yellow .balloon-serif:after {
  border-color: transparent transparent transparent #FFD75E;
}
.balloon-right.balloon-yellow .balloon-content {
  border-color: #FFD75E;
}

.balloon-left.balloon-yellow .balloon-serif:after {
  border-color: transparent #FFD75E transparent transparent;
}
.balloon-left.balloon-yellow .balloon-content {
  border-color: #FFD75E;
}

.balloon-right.balloon-bg-yellow .balloon-serif:before {
  border-color: transparent transparent transparent #CDF6FF;
}
.balloon-right.balloon-bg-yellow .balloon-content {
  background: #CDF6FF;
}

.balloon-left.balloon-bg-yellow .balloon-serif:before {
  border-color: transparent #CDF6FF transparent transparent;
}
.balloon-left.balloon-bg-yellow .balloon-content {
  background: #CDF6FF;
}

.balloon-right.balloon-bg-jinji .balloon-serif:before {
  border-color: transparent transparent transparent #97ffae;
}
.balloon-right.balloon-bg-jinji .balloon-content {
  background: #97ffae;
}

.balloon-left.balloon-bg-jinji .balloon-serif:before {
  border-color: transparent #97ffae transparent transparent;
}
.balloon-left.balloon-bg-jinji .balloon-content {
  background: #97ffae;
}

.balloon-right.balloon-bg-none .balloon-serif:before {
  border-color: transparent transparent transparent #fff;
}
.balloon-right.balloon-bg-none .balloon-content {
  background: #fff;
}

.balloon-left.balloon-bg-none .balloon-serif:before {
  border-color: transparent #fff transparent transparent;
}
.balloon-left.balloon-bg-none .balloon-content {
  background: #fff;
}

.balloon-left.balloon-none .balloon-serif:after,
.balloon-left.balloon-none .balloon-content,
.balloon-right.balloon-none .balloon-serif:after,
.balloon-right.balloon-none .balloon-content {
  border-color: #fff;
}

.p-floating__btnBadge--halfCta {
  font-size: 1.2rem;
  border: 3px solid #ff9d24;
  color: #ff9d24;
  height: 45px;
  width: 45px;
  top: -20px;
  right: -20px;
  padding-top: 10px;
}
.post-body a {
  color: #557ba0;
}
.event-sep,
.event-sep-top,
.event-sep-inner{
    display: table;
    width:100%;
}
.event-sep{
    margin-bottom: 5rem;
}
.event-sep-top{
   margin-bottom: 0.5rem;
}
.event-sep-inner{
   padding-bottom: 2rem;
}
.event-half{
   padding: 0 1.5rem;
}
.event-sep .event-half,
.event-sep-top .event-half-top,
.event-sep-inner .event-half-inner-img,
.event-sep-inner .event-half-inner-des{
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   width: 50%;
}
.event-sep .event-half p,
.event-sep-top .event-half-top p,
.event-sep-inner .event-half-inner-img img,
.event-sep-inner .event-half-inner-des p{
   margin-bottom: 0px;
}
.event-title{
   font-weight: 700;
   font-size: 1.6rem;
   margin-bottom: 0.5rem!important;
   text-align: left;
}
.event-left{
   text-align: left!important;
}
.event-right{
   text-align: right!important;
}
.event-age,
.event-type,
.event-des{
   font-size:1.2rem;
}
.event-place{
    color:#f26f80;
   font-size:1.5rem;
   font-weight: 700;
   border-bottom: #f26f80 solid 2px;
}
.event-type,
.event-age{
   color:#ffffff;
   padding: 0.5rem 0.7rem;
}

.event-age{
   background: #3a5671;
   margin-right: 0.5rem;
}
.event-type{
   background: #35babf;
}
.event-half-inner-des{
   line-height: 1.5!important;
   padding-left: 5px;
}
.event-btn-inner{
    display: inline-block;
    padding: 1rem 0;
    background: #f26f80;
    border-radius: 0.5rem;
    border-bottom: solid 2px #e84056;
    width: 100%;
}
.event-btn a{
   color:#ffffff!important;
   font-size: 1.4rem;
}
@media (max-width: 980px) {
    .event-sep{
        display: block;
        margin-bottom: 0;
    }
    .event-sep .event-half{
        padding: 0 1rem;
        margin-bottom: 5rem;
        display: table;
        width: 100%;
    }
    .event-btn-inner{
        padding: 1rem 2rem;
    }
    .event-sep-inner {
        padding-bottom: 2.5rem;
    }
}
/* =======
 スタイル用CSS_2020-06-23
======================================== */
/* =======
 黒板
======================================== */
.kokuban2 {
 position: relative;
 margin: 30px auto;
 padding: 20px 15px 20px;
 width: 100%; /* ボックス幅 */
 background: #006633; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 8px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
}
.kokuban2::before,
.kokuban2::after {
 position: absolute;
 content: '';
 bottom: 0;
}
.kokuban2::before {
 width: 20px;
 right: 10px;
 border: solid 3px #ffff00; /*チョーク（黄色）*/
 border-radius: 3px 2px 0 2px;
}
.kokuban2::after {
 width: 15px;
 right: 45px;
 border: solid 3px #fff; /*チョーク（白） */
 border-radius: 8px 5px 2px 5px;
}
/* =======
 ホワイトボード
======================================== */
.wboard2 {
 position: relative;
 margin: 30px auto;
 padding: 20px 15px 20px;
 width: 100%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #000000; /* 文章色 */
 border: 5px solid #C0C0C0; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
}
.wboard2::before,
.wboard2::after {
 position: absolute;
 content: '';
 bottom: 3px;
 width: 25px;
 border-radius: 2px;
 box-shadow: 1px 1px 3px #666;
}
.wboard2::before {
 right: 55px;
 border: solid 3px #ff0000; /*飾ペン赤 */
}
.wboard2::after {
 right: 20px;
 border: solid 3px #333; /*飾ペン黒 */
 transform: rotate(8deg); /*飾ペン角度 */
}
/* =======
 クリップ
======================================== */
.clip-red2,
.clip-blue2,
.clip-green2,
.clip-orange2 {
 position: relative;
 margin: 30px auto;
 padding: 20px 15px 20px;
 width: 100%; /* ボックス幅 */
}
.clip-red2{
  box-shadow: 4px 4px 1px #FFB6C1; /*クリップ色 */
  background-color:#FFE4E1;
}
.clip-blue2{
  box-shadow: 4px 4px 1px #b6bcff; /*クリップ色 */
  background-color:#e1e8ff;
}
.clip-green2{
  box-shadow: 4px 4px 1px #b6ffbb; /*クリップ色 */
  background-color:#e3ffe1;
}
.clip-orange2{
  box-shadow: 4px 4px 1px #ffe0ad; /*クリップ色 */
  background-color:#fff1e1;
}
.clip-red2::before,
.clip-blue2::before,
.clip-green2::before,
.clip-orange2::before{
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.clip-red2::before{
  border: 3px solid #ff4a4a; /*クリップ色 */
}
.clip-blue2::before{
  border: 3px solid #4a8eff; /*クリップ色 */
}
.clip-green2::before{
  border: 3px solid #56c297; /*クリップ色 */
}
.clip-orange2::before{
  border: 3px solid #FF9524; /*クリップ色 */
}
.clip-red2::after,
.clip-blue2::after,
.clip-green2::after,
.clip-orange2::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px;
 right: 20px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}
.clip-red2::after{
  border: 5px solid #FFE4E1;
}
.clip-blue2::after{
  border: 5px solid #e1e8ff;
}
.clip-green2::after{
  border: 5px solid #e3ffe1;
}
.clip-orange2::after{
  border: 5px solid #fff1e1;
}
/* =======
 SPARK用
======================================== */
.post-body .recruit-box h2 {
  background-color: #DC0021!important;
}
.recruit-box{
  border:5px solid #cccccc;
  /* box-shadow: 3px 3px 3px rgba(0,0,0,0.4); */
  margin-bottom:50px;
  border-radius: 10px;
}
.recruit-box-up{
  display: table;
  border-bottom:1px solid #cccccc;
}
.recruit-box-up .rb33,
.recruit-box-up .rb66,
.recruit-box-up .rb100{
  display: table-cell;
  vertical-align:top;
  margin:auto;
}
.recruit-box-up .rb33{
  width:40%;
}
.recruit-box-up .rb66{
  width:60%;
  padding:20px 10px;
}
.recruit-box-up .rb66 .up{
  border-bottom:1px solid #cccccc;
  padding:0 20px 20px 20px;
}
.recruit-box-up .rb100{
  width:100%;
}
.recruit-box-up .rb66 .down{
  display: table;
  width:100%;
}
.recruit-box-up .rb66 .down .down50{
  display: table-cell;
  width:50%;
  padding:20px 20px 0 20px;
}
.recruit-btn{
  text-align:center;
  box-sizing: border-box;
  padding:30px 0;
  display: flex;
  align-items: center;
  margin:auto;
}
.down .down50:first-child{
  border-right:1px solid #cccccc;
}
.recruit-box h4{
  padding: 0!important;
  margin: 0 0 10px 0!important;
  border-bottom:none!important;
  font-size: 1.6rem!important;
  color:#3a5671!important;
  border-left: none!important;
  background-color: #ffffff!important;
}
.recruit-box p{
  margin:0!important;
  font-size: 1.2rem!important;
}
.recruit-box img{
  margin:0!important;
  object-fit: cover;
}
.recruit-box a{
  color:#333333!important;
  /* font-wight:700; */
}
.recruit-box a:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.recruit-btn ul{
  display: table;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}
.recruit-btn ul li{
  display: table-cell;
  width:50%;
}
.recruit-btn a{
  display: block;
  padding:15px 0;
  vertical-align:  middle;
  margin:auto;
  border-radius:2px;
  /* font-weight: 700; */
}
.recruit-btn li:nth-child(1) a{
  margin-left:20px;
  margin-right:10px;
  background-color: #f26f80;
  color: #fff!important;
}
.recruit-btn li:nth-child(2) a{
  margin-left:10px;
  margin-right:20px;
  border:1px solid #cccccc;
}
.recruit-btn li:nth-child(1) a:hover {
  background-color: #f5a9b3;
}
.recruit-btn li:nth-child(2) a:hover {
  background: #eeeeee;
}
.down50 h4,
.down50 p{
  position:relative;
  line-height:21px;
  padding-left:25px!important;
}
.recruit-box .company,
.recruit-box .industory,
.recruit-box .occupation{
  font-size: 1.3rem!important;
  font-weight:700;
  margin-bottom:10px!important;
}
.recruit-box .company::before{
  background: url("../img/media/143211.png") no-repeat top center;
  position:absolute;
  left:0;
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background-size:contain;
}
.recruit-box .place::before{
  background: url("../img/media/118547.png") no-repeat top center;
  position:absolute;
  left:0;
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background-size:contain;
}
.recruit-box .industory::before{
  background: url("../img/media/130767.png") no-repeat top center;
  position:absolute;
  left:0;
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background-size:contain;
}
.recruit-box .occupation::before{
  background: url("../img/media/128247.png") no-repeat top center;
  position:absolute;
  left:0;
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background-size:contain;
}
.recruit-pc{
  display:block;
}
.recruit-sp{
  display:none;
}
.spark-agent ul {
  list-style: none!important;
  margin-left: 0em!important;
}
.spark-agent h2{
  padding: 0!important;
  color: #333333!important;
  background-color: #ffffff!important;
}
/*その他と主な共通部分は省略*/

a.btn--green {
color: #fff;
background-color: #f26f80;
}

a.btn--green:hover {
color: #fff;
background:#f78f9d;
}

a.btn--green.btn--cubic {
  border-bottom: 5px solid #d65e6e;
  width: 60%;
}

a.btn--green.btn--cubic:hover {
margin-top: 3px;
border-bottom: 2px solid #f78f9d;
}

a.btn-c {
font-size: 1.4rem;
position: relative;
padding: 1.5rem 3rem 1.5rem 2rem;
border-radius: 100vh;
}

a.btn-c i.fa {
margin-right: 1rem;
}
a.btn-c:before {
font-size: 1.6rem;
line-height: 1;
position: absolute;
top: calc(50% - .7rem);
right: 1rem;
margin: 0;
padding: 0;
content: '〉';
}
.recruit-btn ul{
  margin-bottom: 0px!important;
  margin-left:0px!important;
}
/* .spark-recomend,
.spark-service{
  display:none;
} */
@media screen and (max-width: 1119px){
  .recruit-pc { display: none; }
  .recruit-sp { display: block; }
  .recruit-box h4{
    font-size:1.7rem!important;
  }
  .recruit-box{
    width:100%;
  }
  .recruit-box .void {
    padding: 56px 0 2em;
  }
  .recruit-box1{
    position: relative;
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: 210px;
    position: relative;
    overflow: hidden;
  }
  .recruit-box1 img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .recruit-box2,
  .recruit-box4{
    padding:20px 15px;
  }
  .recruit-box3{
    padding:15px;
    background:#fffbf4;
  }
  .recruit-box3 p,
  .recruit-box4 p{
    position: relative;
    line-height: 21px;
    padding-left: 30px!important;
    margin-bottom:10px!important;
  }
  .recruit-box3 p:last-child,
  .recruit-box4 p:last-child{
    margin-bottom:0px!important;
  }
  .recruit-btn {
    text-align: center;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 25px;
  }
  .recruit-btn a{
    padding:5px 0;
  }
  .recruit-btn li:nth-child(1) a{
    margin-left:15px;
    margin-right:5px;
    border: 3px solid #f26f80;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
  }
  .btn-one li:nth-child(1) a{
    margin-right:15px;
  }
  .recruit-btn li:nth-child(2) a{
    margin-left:5px;
    margin-right:15px;
    border: 3px solid #ccc;
    color: #888 !important;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
  }
  .recruit-box .company{
    font-size:1.4rem;
  }
  a.btn--green.btn--cubic {
    width: 100%;
  }
}
/* =======
 20200710追加
======================================== */
/* 初期設定 */
.dfont {
  font-family: "Quicksand","Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}
/* メモ */
.memo {
  margin-bottom: 1.5em;
  padding: 15px 20px;
  background: #e0f6ff;
  color: #545454;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.memo_ttl {
  margin-bottom: 5px;
  color: #00b7ff;
  font-size: 1.2em;
  font-weight: bold;
}
.memo_ttl:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 3px 0 0;
  border-radius: 50%;
  background: #00b7ff;
  color: #fff;
  font-family: FontAwesome;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  content: "\f040";
}
.fa5 .memo_ttl:before {
  content: "\f303";
  font-size: 17px;
}
/* 注意 */
.memo.alert {
  background: #ffebeb;
}
.memo.alert .memo_ttl {
  color: #f26f80;
}
.memo.alert .memo_ttl:before {
  background: #f26f80;
  content: "\f12a";
}
/* 例文 */
.ex {
  margin-bottom: 1.5em;
  padding: 15px 20px;
  background: #fffbf4;
  color: #545454;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.ex.alert {
  background: #ffebeb;
}
.ex.alert .ex_ttl {
  color: #f26f80;
}
.ex.alert .ex_ttl:before {
  background: #f26f80;
  content: "\f12a";
}
.ex_ttl {
  margin-bottom: 5px;
  color: #f89174;
  font-size: 1.2em;
  font-weight: bold;
}
.ex_ttl:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 3px 0 0;
  border-radius: 50%;
  background: #f89174;
  color: #fff;
  font-family: FontAwesome;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  content: "\f040";
}
.fa5 .ex_ttl:before {
  content: "\f303";
  font-size: 17px;
}
/* box30 */
.box30 {
  margin: 2em 0;
  background: #fffbf4;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
  font-size: 1.2em;
  background: #f89174;
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box30 .inner {
  padding: 15px 20px;
  margin: 0;
}
/* box27 */
.box27 {
  position: relative;
  margin: 4em 0 2em;
  padding: 15px 20px;
  border: solid 3px #f89174;
  background: #fffbf4;
}
.box27 .box-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  background: #f89174;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
button.btn-e {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  width:95%;
}
a.btn-d {
  display: inline-block;
  font-size: 1.2rem;
  position: relative;
  color: #fff!important;
  background: #f26f80;
  -webkit-box-shadow: 0 5px 0 #e85163;
  box-shadow: 0 5px 0 #e85163;
  width:95%;
  border-radius: 3px;
  padding:10px;
}
li:last-child a.btn-d {
  background: #00b900;
  -webkit-box-shadow: 0 5px 0 #00851b;
  box-shadow: 0 5px 0 #00851b;
}
a.btn-d span {
  font-size: 1.0rem;
  position: absolute;
  top: -22px;
  left: calc(50% - 90px);
  display: block;
  width: 180px;
  padding: 0.2rem 0;
  color: #e85163;
  border: 2px solid #e85163;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
li:last-child a.btn-d span{
  color: #00b900;
  border: 2px solid #00b900;
}
a.btn-d span:before,
a.btn-d span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}
a.btn-d span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #e85163 transparent transparent transparent;
}
li:last-child a.btn-d span:before {
  border-color: #00b900 transparent transparent transparent;
}
a.btn-d span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
a.btn-d i {
  margin-right: 1rem;
}
a.btn-d:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #d41464;
  -webkit-box-shadow: 0 2px 0 #d41464;
  box-shadow: 0 2px 0 #d41464;
}
.fixed_btn ul {
  display: table;
  margin: 0!important;
  padding: 0;
  width: 100%;
  text-align: center;
}
.fixed_btn ul li {
  display: table-cell;
  margin-right:10px;
}
.fixed_btn ul li:last-child {
  margin-left:10px;
}
.fixed_btn ul li p{
  margin-bottom:0!important;
}
.fixed_btn {
  height: 80px;
}
/* =======
 20200813追加
======================================== */
.event-list h2{
  background: #ffffff!important;
  color:#231815!important;
  padding: 0!important;
  margin: 4em 0 1em!important;
}
.event-list ul {
  margin-left: 0em!important;
}
/* =======
 20201002追加
======================================== */
.recruit-sp .recruit-box2 .title{
  box-sizing: border-box;
  padding-top: 0px;
  padding-bottom: 10px;
}
.recruit-sp .recruit-box2 .title ul{
  list-style: disc outside none;
  margin-bottom: 0!important;
}
.recruit-sp .recruit-box2 .title ul li{
  display: table-cell;
}
.recruit-sp .recruit-box2 .title ul li p{
  margin-right: 5px !important;
  background: #f26f80;
  color: #fff;
  padding: 0px 5px;
  font-size: 0.8em !important;
}
.recruit-sp .recruit-box2 .title ul li.grade p{
  border:#f26f80 1px solid;
  color: #f26f80;
  background: #ffffff;
}
.recruit-sp .recruit-box2 .title ul li.service p{
  border:#DC0021 1px solid;
  color: #DC0021;
  background: #ffffff;
}
#privacy-policy h2{
  font-size: 2.0rem;
  font-weight: 700;
}
#privacy-policy h3{
  font-size: 1.8rem;
  font-weight: 700;
}
#privacy-policy h4{
  font-size: 1.6rem;
  font-weight: 700;
}
#privacy-policy h5{
  font-weight: 700;
}
#privacy-policy p{
  margin-bottom: 2rem;
}
.event-list{
  border-bottom:1px solid #999999;
  margin-bottom:2em;
}
@media screen and (min-width: 768px){
  .event-list{
    margin-bottom:3em;
  }
}
.event-list p{
  margin-bottom:1em!important;
}
.event-list .fv img{
  margin-bottom: 0em!important;
}
@media screen and (min-width: 768px){
  .event-list p{
    margin-bottom: 1em!important;
  }
}
.event-list .grade,
.event-list .type,
.event-list .merit{
  font-size:12px;
  padding:5px;
  font-weight:700;
}
.event-list .grade{
  border:2px solid #ff7183;
  color:#ff7183;
  margin-right: 5px !important;
}
.event-list .type{
  border:2px solid #00b0f0;
  color:#00b0f0;
  margin-right: 5px !important;
}
.event-list .merit{
  border:2px solid #ff7183;
  color:#ffffff;
  background: #ff7183;
}
.event-list .title{
  font-size:1.8rem;
  font-weight:700;
  line-height:1.5;
}
@media screen and (min-width: 768px){
  .event-list .title{
    font-size: 2.2rem;
  }
}
.event-list .box{
  border:2px solid #cccccc;
  background:#ffffff;
  display: table;
  width: 100%;
  margin-bottom: 1.5em!important;
  padding: 5% 6%;
  font-weight:700;
  border-radius:5px;
}
@media screen and (min-width: 768px){
  .event-list .box{
    margin-bottom: 1.5em!important;
  }
}
.event-list .box .left,
.event-list .box .right{
  text-align:left;
  display: table-cell;
  width: 50%;
}
.event-list .box p{
  position: relative;
  line-height: 21px;
  padding-left: 30px!important;
  margin-bottom: 10px!important;
}
.event-list .box .left p:last-child,
.event-list .box .right p:last-child{
  margin-bottom: 0px!important;
}
.event-list .box .industory::before {
  background: url("../img/media/130767.png") no-repeat top center;
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.event-list .box .occupation::before{
  background: url("../img/media/128247.png") no-repeat top center;
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.event-list .box .company::before {
  background: url("../img/media/143211.png") no-repeat top center;
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.event-list .box .place::before {
  background: url("../img/media/118547.png") no-repeat top center;
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.event-list .recruit-btn {
  text-align: center;
  box-sizing: border-box;
  padding: 0 0 2em;
  display: flex;
  align-items: center;
  margin: auto;
}
.event-list .recruit-btn li a{
  position: relative;
  font-weight:700;
}
.event-list .recruit-btn li a:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.event-list .recruit-btn li.join a {
  background-color: #f26f80;
  color: #fff!important;
  border: 2px solid #f26f80;
  box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}
.event-list .recruit-btn li.detail a {
  background-color: #ffffff;
  color: #888888!important;
  border: 2px solid #ccc;
  box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}
.event-list .recruit-btn li.detail a:after{
  border-top: solid 2px #888888!important;
  border-right: solid 2px #888888!important;
}
.event-list .recruit-btn li:nth-child(1).detail a {
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (min-width: 768px){
  .event-list .recruit-btn {
    padding: 0 0 3em;
  }
}
.event-list .recruit-btn li.join a {
  margin-left: 0px;
  margin-right: 5px;
}
.event-list .recruit-btn li.detail a {
  margin-left: 5px;
  margin-right: 0px;
}
#fixed-menu{
  position: fixed;
  bottom: 0px;
  right: 0px;
  width:100%;
  z-index:9999;
}
.fixed-menu-text {
  box-shadow: 0 -1px 3px rgba(100,120,130,.25);
    position: fixed;
    width: 100%;
    bottom: 0px;
    margin-bottom: 40px;
    left: 0;
    z-index: 98;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background:#ffffff;
}
.fixed-menu-text p {
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: #888888;
  margin-bottom: 1.2em;
  padding: 3px 0 0 0;
}

#fixed-menu{
background:#ffffff;
}
#fixed-menu ul {
background:#ffffff;
  position: fixed;
  display: table;
  table-layout: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 98;
  /* box-shadow: 0 -1px 3px rgba(100,120,130,.25); */
}
#fixed-menu ul li {
  display: table-cell;
  text-align: center;
  position: relative;
}
#fixed-menu ul li a {
  display: block;
  padding: 9px 0 3px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
#fixed-menu ul li .fa,
#fixed-menu ul li .fas,
#fixed-menu ul li .far,
#fixed-menu ul li .fab {
  font-size: 25px;
  display: block;
  width: auto;
}
#fixed-menu li a {
color: #888888;
font-weight: 700;
}
#fixed-menu li:nth-child(1) a i{
color: #F18D9E;
}
#fixed-menu li:nth-child(2) a i{
color: #E6D72A;
}
#fixed-menu li:nth-child(3) a i{
color: #5BC8AC;
}
#fixed-menu li::after {
position: absolute;
content: "";
background-color: rgb(88, 88, 88, 0.2);
top: 18px;
bottom: 18px;
left: 0;
width: 1px;
}
.ad_link{
  position: relative;
  background: #fafafa;
  padding: 20px 0;
  padding-left: 20px;
  color: #557ba0;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  font-weight: 700;
}
.ad_link .fas{
  position: absolute;
  right: 20px;
  top: 2.8rem;
}
@media screen and (max-width: 768px) {
  .ad_link{
    padding: 10px;
    padding-right: 30px;
    font-size: 1.2rem;
  }
  .ad_link .fas{
    position: absolute;
    right: 10px;
    top: 2.4rem;
  } 
}
.botan{
  text-align: center;
}
a.spark img{
  width: 100%!important;
}
.youtube {
  position: relative;
  width: 100%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.movie-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
/* 20230504 更新 */
.title-box1 {
  margin: 2em 0;
  padding: 2em 1.5em;
  position: relative;
  border: 3px solid #f1f1f1;
}

.title-box1-title {
  position: absolute;
  top: -1em;
  left: 20px;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  padding: 0 0.5em;
  color: #DC0021;
}

.title-box1 p:last-child {
  margin: 0!important;
  padding: 0;
}
.title-box1 ol, .title-box1 ul,
.title-box2 ol, .title-box2 ul{
  margin-bottom: 0!important;
}
.title-box2 {
  margin: 2em 0;
  padding: 2em 1.5em;
  position: relative;
  border: 3px solid #DC0021;
  background-color: #fee1e1;
}

.title-box2-title {
  position: absolute;
  top: -1em;
  left: 20px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #DC0021;
  color: #fff;
  padding: 0 1em;
}

.title-box2 p:last-child {
  margin: 0!important;
  padding: 0;
}
.title-box3 {
  margin: 2em 0;
  background-color: #ffeded;
  border: 3px solid #DC0021;
  letter-spacing: .3px;
}

.title-box3-title {
  color: #fff;
  font-weight: bold;
  background-color: #DC0021;
  padding: 4px 6px;
  text-align: center;
}

.title-box3 p {
  margin: 0!important;
  padding: 0em 1.5em 2em!important;
}
.title-box3 ol,
.title-box3 ul {
  margin: 0 !important;
  padding: 0em 1.5em 2em!important;
  margin-left: 1.5em!important;
}
.title-box3 p:nth-child(2),
.title-box3 ol:nth-child(2),
.title-box3 ul:nth-child(2) {
  padding-top: 2em!important;
}
.title-box4 {
  margin: 4em 0 2em;
  background-color: #ffffff;
  border: 3px solid #DC0021;
}

.title-box4-title {
  font-size: 16px;
  position: absolute;
  margin-top: -36px;
  margin-left: -3px;
  background-color: #DC0021;
  color: #fff;
  font-weight: bold;
  padding: 4px 10px;
}

.title-box4 p {
  margin: 0!important;
  padding: 0em 1.5em 2em!important;
}
.title-box4 ol,
.title-box4 ul {
  margin: 0 !important;
  padding: 0em 1.5em 2em!important;
  margin-left: 1.5em!important;
}
.title-box4 p:nth-child(2),
.title-box4 ol:nth-child(2),
.title-box4 ul:nth-child(2) {
  padding-top: 2em!important;
}

.title-box5 {
  position: relative;
  margin: 2em 0;
  background-color: #ffffff;
  border: 3px solid #DC0021;
}

.title-box5-title {
  font-size: 16px;
  position: absolute;
  margin-top: 0;
  background-color: #DC0021;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 2px 0;
  padding: 4px 1em;
  top: -1px;
  left: -1px;
}

.title-box5 p {
  margin: 0!important;
  padding: 0em 1.5em 2em!important;
}
.title-box5 ol,
.title-box5 ul {
  margin: 0 !important;
  padding: 0em 1.5em 2em!important;
  margin-left: 1.5em!important;
}
.title-box5 p:nth-child(2),
.title-box5 ol:nth-child(2),
.title-box5 ul:nth-child(2) {
  padding-top: 4em!important;
}

.memobox {
  background-color: #ffe5e9;
  margin: 2em 0;
  padding: 1em 1.5em 2em;
}

.memobox-title {
  font-size: 18px;
  font-weight: bold;
  color: #DC0021;
  margin-bottom: 0.5em;
}

.memobox-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f304";
  font-size: 17px;
  margin-right: 7px;
}

.memobox p:last-child {
  margin: 0!important;
  padding: 0;
}
.memobox ol, .memobox ul,
.memobox ol, .memobox ul{
  margin-bottom: 0!important;
}
.cautionbox {
  background-color: #ffebee;
  margin: 2em 0;
  padding: 1em 1.5em 2em;
}

.cautionbox-title {
  color: #e40000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.cautionbox-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f071";
  font-size: 17px;
  margin-right: 7px;
}

.cautionbox p:last-child {
  margin: 0!important;
  padding: 0;
}
.cautionbox ol, .cautionbox ul,
.cautionbox ol, .cautionbox ul{
  margin-bottom: 0!important;
}
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img {
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative;
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
  width: 100%;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p:last-child {
  margin: 0!important;
  padding: 0;
}

.box_note {
  background: #fff;
  width: 100%;
  border: 5px solid #DC0021;
  margin: 2em 0;
  padding: 2em 1.5em 3em;
}

.box_note_inner {
  line-height: 2;
}

.box_note_inner .title {
  font-weight: 700;
  text-align: center;
  font-size: 1.6rem
}

.box_note_inner p {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 2px dashed #e2e7ec;
}
.box_note_inner p:last-child {
  margin-bottom: 0!important;
}

.hitokoto {
  background: #ffffff;
  margin: 2em 0;
  padding: 2em 1.5em;
  border-radius: 10px;
  border: 3px solid #DC0021;
}

.hitokoto p:last-child {
  margin-bottom: 0;
}
.hitokoto ol, .hitokoto ul,
.hitokoto ol, .hitokoto ul{
  margin-bottom: 0!important;
}
.hitokoto-circle1 {
  font-size: 16px;
  line-height: 2;
  position: absolute;
  margin-top: -40px;
  font-weight: bold;
  color: #fff;
  background-color: #DC0021;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
}

.hitokoto-circle1:after {
  content: "イ";
  position: absolute;
  font-weight: bold;
  color: #fff;
  background-color: #DC0021;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
}

.hitokoto-circle2:before {
  content: "";
  position: absolute;
  top: 90%;
  margin-left: -12px;
  border: 5px solid transparent;
  border-top: 10px solid #DC0021;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.hitokoto-circle2 {
  position: absolute;
  font-size: 16px;
  line-height: 2;
  margin-top: -40px;
  margin-left: 45px;
  font-weight: bold;
  color: #fff;
  background-color: #DC0021;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
}

.hitokoto-circle2:after {
  content: "ト";
  position: absolute;
  font-weight: bold;
  color: #fff;
  background-color: #DC0021;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
}

.hitokoto p {
  margin: 0;
  padding: 0;
}
/* 20231015 LPパーツ用 */
.LpTemplate h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
  text-align: center;
}
.LpTemplate h2 span {
  display: block;
  font-size: 1.5rem;
  color: orange;
}
.LpTemplate h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.LpTemplate h3 span {
  display: block;
  font-size: 1.5rem;
  color: orange;
}
.LpTemplate p {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.LpTemplate p:last-child {
  margin-bottom: 0;
}

.LpTemplate .TopDown {
  padding: 3rem 0;
}

.LpTemplate .RightLeft {
  margin: 0 auto;
  width: 500px;
}

@media screen and (max-width:1023px) {
  .LpTemplate h2 {
      font-size: 2.5rem;
  }

  .LpTemplate h3 {
      font-size: 1.8rem;
  }

  .LpTemplate p {
      font-size: 1.4rem;
  }

  .LpTemplate .TopDown {
      padding: 3rem 0;
  }

  .LpTemplate .RightLeft {
      padding: 0 5%;
      width: 100%;
  }
}


/* ==================== */
/* MainVisual01 */
/* ==================== */
.LpTemplate .MainVisual {
  background: linear-gradient(-20deg, #D8DFE7 0%, #ffffff 50%, #CED8E1 100%);
}

.LpTemplate .MainVisual .inner_top_down {
  padding: 0;
}

.LpTemplate .MainVisual .main_visual_area {
  height: 800px;
  position: relative;
}

.LpTemplate .MainVisual .main_visual_area .copy_area {
  position: relative;
  top: 30%;
  z-index: 2;
}

.LpTemplate .MainVisual .main_visual_area .copy_area p {
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 3.5rem;
}

.LpTemplate .MainVisual .main_visual_area .copy_area img {
  width: 45%;
}

.LpTemplate .MainVisual .main_visual_area .copy_area span {
  background: #ffffff;
  padding: 5px;
}

.LpTemplate .MainVisual .main_visual_area .copy_area .caution {
  font-size: 1rem;
  margin-top: -15px;
}

.LpTemplate .MainVisual .main_visual_area .medal_area {
  width: 50%;
  position: relative;
  z-index: 2;
}

.LpTemplate .MainVisual .main_visual_area .maeda_area {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.LpTemplate .MainVisual .main_visual_area .maeda_area img {
  height: 800px;
}

.inner_side {
  width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width:1023px) {
  .inner_side {
      width: 100%;
      margin: 0 auto;
  }

  .LpTemplate .MainVisual .main_visual_area {
      height: 600px;
  }

  .LpTemplate .MainVisual .main_visual_area .maeda_area {
      top: auto;
      bottom: 0;
      width: 100%
  }

  .LpTemplate .MainVisual .main_visual_area .maeda_area img {
      height: auto;
  }

  .LpTemplate .MainVisual .main_visual_area .copy_area p {
      font-size: 3rem;
      margin-bottom: 3rem;
  }

  .LpTemplate .MainVisual .main_visual_area .copy_area img {
      width: 100%;
  }

  .LpTemplate .MainVisual .main_visual_area .copy_area {
      width: 90%;
      margin: auto;
      top: 50%;
  }
}

/* ==================== */
/* Trouble01 */
/* ==================== */
.LpTemplate .Trouble01 {
  padding: 30px 0 0;
  position: relative;
  z-index: 999;
}

/* 丸の中の文字の色を変更 */
.LpTemplate .Trouble01 .circle3 {
  color: #FFFFFF;
  /* 白色のテキストカラー */
}

.LpTemplate .Trouble01 .circle3 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0A6286;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  /* color: #fff; */
  font-size: 1.4rem;
  font-weight: 700;
  box-shadow: 0px 3px 6px 0px #9E9E9E;
}

.LpTemplate .Trouble01 .flex_area {
  display: flex;
  justify-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.LpTemplate .Trouble01 .contents {
  width: 49%;
  text-align: center;
  margin-bottom: 1rem;
  aspect-ratio: 1/1;
}

/* ==================== */
/* Trouble02 */
/* ==================== */
.LpTemplate .Trouble02 {
  padding: 30px 0 0;
  position: relative;
  z-index: 999;
}

/* 丸の中の文字の色を変更 */
.LpTemplate .Trouble02 .circle3 {
  color: #FFFFFF;
  /* 白色のテキストカラー */
}

.LpTemplate .Trouble02 .circle3 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0A6286;
  width: 100%;
  height: 100%;
  /* color: #fff; */
  font-size: 1.4rem;
  font-weight: 700;
  box-shadow: 0px 3px 6px 0px #9E9E9E;
}

.LpTemplate .Trouble02 .flex_area {
  display: flex;
  justify-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.LpTemplate .Trouble02 .contents {
  width: 49%;
  text-align: center;
  margin-bottom: 1rem;
  aspect-ratio: 1/1;
}

/* ==================== */
/* Trouble03 */
/* ==================== */
.LpTemplate .Trouble03 .FlexArea {
  display: flex;
  align-items: center;
  width: 500px;
  margin: 0 auto 2rem;
}

.LpTemplate .Trouble03 .FlexArea:nth-child(odd) {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.LpTemplate .Trouble03 .ImgArea {
  width: 30%;
}

.LpTemplate .Trouble03 .FukidashiArea {
  width: 70%;
  position: relative;
  margin: 2em 0 2em 40px;
  padding: 15px;
  background: #78bbe6;
  border-radius: 30px;
}

.LpTemplate .Trouble03 .FukidashiArea:before {
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #78bbe6;
  border-radius: 50%;
}

.LpTemplate .Trouble03 .FukidashiArea:after {
  content: "";
  position: absolute;
  left: -24px;
  width: 20px;
  height: 18px;
  bottom: 3px;
  background: #78bbe6;
  border-radius: 50%;
}

.LpTemplate .Trouble03 .FukidashiArea p {
  margin: 0;
  padding: 0;
}

.LpTemplate .Trouble03 .FlexArea:nth-child(odd) .FukidashiArea {
  margin: 2em 40px 2em 0;
}

.LpTemplate .Trouble03 .FlexArea:nth-child(odd) .FukidashiArea:before {
  left: auto;
  right: -38px;
}

.LpTemplate .Trouble03 .FlexArea:nth-child(odd) .FukidashiArea:after {
  right: -24px;
  left: auto;
}

@media screen and (max-width:1023px) {
  .LpTemplate .Trouble03 .FlexArea {
      margin: 0 auto 2rem;
      width: 90%;
  }
}

/* ==================== */
/* Trouble04 */
/* ==================== */
.LpTemplate .Trouble04{
  background: #D8DFE7;
}

.LpTemplate .Trouble04 .TopDown{
  padding: 3rem 0 0;
}
.LpTemplate .Trouble04 .inner {
  position: relative;
  margin-bottom: 80px;
}

.LpTemplate .Trouble04 .inner .list {
  font-weight: 500;
}

.LpTemplate .Trouble04 .inner .list span {
  color: #FF9300;
}

.LpTemplate .Trouble04 .inner .img {
  position: absolute;
  top: 30px;
  right: 0;
  width: 40%;
}
/* ==================== */
/* Trouble05 */
/* ==================== */
.LpTemplate .Trouble05 {
  background-color: #0B6185;
  width: 100%;
  margin: 0;
}
.LpTemplate .Trouble05 h2 {
  text-align: center;
  color: white;
}
.LpTemplate .Trouble05 .Trouble1-3 {
  display: flex;
  justify-content: space-between;
  padding: 1% 5%;
}
.LpTemplate .Trouble05 .Trouble1,
.LpTemplate .Trouble05 .Trouble2,
.LpTemplate .Trouble05 .Trouble3 {
  background-color: white;
  flex-direction: row;
  border-radius: 30px;
  width: 30%;
  height: auto;
  padding: 30px 10px;
  text-align: center;
}
.LpTemplate .Trouble05 img {
  width: 20%;
  height: auto;
}
.LpTemplate .Trouble05 p {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .LpTemplate .Trouble05 .Trouble1-3 {
    flex-direction: column;
    justify-content: space-between;
    padding-top: 10px;
  }
  .LpTemplate .Trouble05 .Trouble1,
  .LpTemplate .Trouble05 .Trouble2,
  .LpTemplate .Trouble05 .Trouble3 {
    width: 80%;
    height: auto;
    margin: 5px auto;
    padding: 30px 10px;
  }
}
/* ==================== */
/* Flow01 */
/* ==================== */
.LpTemplate .Flow01 {
  background: #D8DFE7;
}

.LpTemplate .Flow01 .inner {
  width: 100%;
}

.LpTemplate .Flow01 .inner p.img {
  margin-bottom: 0;
}

.LpTemplate .Flow01 .inner .img img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.LpTemplate .Flow01 .inner .inner-box {
  background: #ffffff;
  width: 100%;
  display: flex;
  padding: 15px 0px;
}

.LpTemplate .Flow01 .inner .inner-box .left {
  width: 25%;
  padding: 0 15px;
}

.LpTemplate .Flow01 .inner .inner-box .left .circle .number {
  display: block;
  font-size: 1.5em;
}

.LpTemplate .Flow01 .inner .inner-box .right {
  width: 75%;
  text-align: left;
  margin-right: 20px;
}

.LpTemplate .Flow01 .chain {
  width: 100px;
  margin: auto;
}

.LpTemplate .Flow01 .triangle {
  margin: 20px 0;
  border-top: 30px solid #F0897F;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
}

/* ==================== */
/* Flow02 */
/* ==================== */
.LpTemplate .Flow02 {
  background: #cccccc;
}

.LpTemplate .Flow02 .FlexArea {
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  padding: 5%;
}

.LpTemplate .Flow02 .FlexArea .FlexLeft {
  width: 30%;
}

.LpTemplate .Flow02 .FlexArea .FlexRight {
  width: 65%;
}

.LpTemplate .Flow02 .FlexArea .FlexRight .Header {
  font-weight: 700;
  color: #FF0000;
  font-size: 1.5rem;
}

.LpTemplate .Flow02 .FlexArea .FlexRight p.Header {
  margin-bottom: 1rem;
}

.LpTemplate .Flow02 .FlexArea .FlexRight .Num {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #007bff;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  line-height: 25px;
  margin-right: 10px;
}

.LpTemplate .Flow02 .chain {
  width: 100px;
  margin: auto;
}

.LpTemplate .Flow02 .triangle {
  margin: 20px 0;
  border-top: 30px solid #F0897F;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
}
/* ==================== */
/* Flow03 */
/* ==================== */
.LpTemplate .Flow03 {
  background: #ffffff;
}

.LpTemplate .Flow03 .FlexArea {
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  padding: 5%;
  border: 3px solid #007bff;
}

.LpTemplate .Flow03 .FlexArea .FlexLeft {
  width: 30%;
}

.LpTemplate .Flow03 .FlexArea .FlexRight {
  width: 65%;
}

.LpTemplate .Flow03 .FlexArea .FlexRight .Header {
  font-weight: 700;
  color: #007bff;
  font-size: 1.5rem;
}

.LpTemplate .Flow03 .FlexArea .FlexRight p.Header {
  margin-bottom: 1rem;
}

.LpTemplate .Flow03 .FlexArea .FlexRight .Num {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #007bff;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  line-height: 25px;
  margin-right: 10px;
}

.LpTemplate .Flow03 .chain {
  width: 100px;
  margin: auto;
}

.LpTemplate .Flow03 .triangle {
  margin: 20px 0;
  border-top: 30px solid #007bff;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
}
/* ==================== */
/* Question01 */
/* ==================== */
.LpTemplate .Question01 {
  background: #F3F9FD;
}

.LpTemplate .Question01 .inner {
  margin-bottom: 50px;
  background: #ffffff;
  border: solid 5px #78bbe6;
  padding: 10% 20px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.LpTemplate .Question01 .q {
  text-align: left;
  display: flex;
}

.LpTemplate .Question01 .q img {
  width: 30px;
  margin-right: 10px;
  height: 100%;
}

.LpTemplate .Question01 .q span {
  width: calc(100% - 30px);
  font-size: 1.5rem;
  font-weight: 700;
}

.LpTemplate .Question01 .a {
  background: #f3f3f3;
  padding: 5%;
}

.LpTemplate .Question01 .a p {
  font-size: 1.3rem;
}
/* ==================== */
/* Contents01 */
/* ==================== */
.LpTemplate .Content01 {
  background: #F3F9FD;
}

.LpTemplate .Content01 .inner {
  position: relative;
  margin-bottom: 50px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.LpTemplate .Content01 .inner .text {
  z-index: 10;
  position: relative;
}

.LpTemplate .Content01 .inner .text h3 {
  width: 70%;
  margin-bottom: 5px;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
      -1px 1px 0 #FFF, 1px -1px 0 #FFF,
      0px 1px 0 #FFF, 0-1px 0 #FFF,
      -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.LpTemplate .Content01 .inner .text h3 span {
  display: block;
  color: #ff9853;
  font-size: 0.8em;
}

.LpTemplate .Content01 .inner:nth-child(odd) .text h3 {
  margin-left: 50%;
}

.LpTemplate .Content01 .inner .inner-box {
  background: #ffffff;
  padding: 10% 20px;
  z-index: 10;
  border: #78bbe6 solid 5px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.LpTemplate .Content01 .inner .img {
  width: 60%;
  height: auto;
  z-index: 0;
  position: absolute;
  top: -75px;
  right: 0px;
}

.LpTemplate .Content01 .inner:nth-child(odd) .img {
  left: 0px;
}

@media screen and (min-width:1023px) {
  .LpTemplate .Content01 .inner:nth-child(odd) .text h3 {
      margin-left: 0;
  }

  .LpTemplate .Content01 .inner {
      margin-top: 50px;
  }
}
/* ==================== */
/* Content02 */
/* ==================== */
.LpTemplate .Content02 h3{
  text-align: center;
}
.LpTemplate .Content02 .inner_box {
  margin-bottom: 5rem;
  background: #ffffff;
  padding: 10% 20px;
  border: 5px solid #78bbe6;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.LpTemplate .Content02 .feature_box {
  background: #f5f5f5;
  padding: 5%;
}

.LpTemplate .Content02 .feature_box .feature_title {
  font-size: 1.5rem;
  color: #323232;
  font-weight: 700;
  margin-bottom: 0;
}
/* ==================== */
/* Content03 */
/* ==================== */
.LpTemplate .Content03 {
  background: #F3F9FD;
}
.LpTemplate .Content03 h3{
  text-align: center;
}
.LpTemplate .Content03 .inner {
  background: rgb(255, 255, 255, 0.9);
  padding: 10% 20px;
  margin-bottom: 50px;
  border: #78bbe6 solid 5px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.LpTemplate .Content03 .inner h3 {
  margin-bottom: 5px;
}

.LpTemplate .Content03 .inner img {
  margin-top: 10px;
}
/* ==================== */
/* Content04 */
/* ==================== */
.LpTemplate .Content04 {
  background: #F3F9FD;
}
.LpTemplate .Content04 .FlexArea{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  padding: 10% 20px;
  background: #ffffff;
  border: #78bbe6 solid 5px;
}
.LpTemplate .Content04 .FlexArea:nth-child(odd) {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.LpTemplate .Content04 .ImgArea{
  width: 40%;
  margin-right: 10px;
}
.LpTemplate .Content04 .FlexArea:nth-child(odd) .ImgArea {
  margin-left: 10px;
  margin-right: 0;
}
.LpTemplate .Content04 .TextArea{
  width: calc(60% - 10px);
}
/* ==================== */
/* CTA01 */
/* ==================== */
.LpTemplate .Cta01 {
  background: #007bff;
  text-align: center;
  position: relative;
  color: #ffffff;
  padding: 25px 0;
  font-weight: 700;
}

.LpTemplate .Cta01 .copy {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}

.LpTemplate .Cta01 .person {
  position: absolute;
  width: 40%;
  bottom: 0;
  right: 0;
  z-index: 1;
  margin-bottom: 0;
}

.LpTemplate .Cta01 .button {
  width: 80%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

@media screen and (min-width:1023px) {
  .LpTemplate .Cta01 .person {
      width: 20%;
  }

  .LpTemplate .Cta01 .button {
      width: 30%;
  }
}
/* ==================== */
/* CTA02 */
/* ==================== */
.LpTemplate .Cta02{
  text-align: center;
}
.LpTemplate .Cta02 .RightLeft{
  background: #64d2f0;
  color: #ffffff;
  padding: 50px;
  border-radius: 16px;
}
.LpTemplate .Cta02 .CtaBtn{
  display: block;
  width: 100%;
  padding: 10px 0;
  margin: 0 auto;
  border: 2px solid #fff;
  border-radius: 56px;
  color: #ffffff;
}
@media screen and (min-width:1023px) {
  .LpTemplate .Cta02 .RightLeft{
      padding: 50px 5%;
  }
}
/* ==================== */
/* FlowBtn001 */
/* ==================== */
.LpTemplate .FlowBtn001{
  position: fixed;
  width: 80%;
  bottom: 0;
  left: 10%;
  background: #FF9900;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  z-index: 999;
  margin: 0 auto 10px;
  line-height: 1.2;
  border-radius: 5px;
  border: 2px solid #ffffff;
}
@media screen and (min-width:1023px) {
  .LpTemplate .FlowBtn001{
      display: none;
  }
}

/* ==================== */
/* 関連記事 */
/* ==================== */
.relatedBox{
  max-width: 650px;
  margin: 2em auto;
  padding: 1.5em;
  background-color: #f4f4fa;
}
.relatedBox .media__sech{
  margin-bottom: 1.5em;
  font-size: 75%;
}
.relatedBox .relatedPost{
  margin-bottom: 1em;
  padding: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, .18);
}
.relatedBox .relatedPost:last-of-type{
  margin-bottom: initial;
}
.relatedBox .relatedPost .img{
  width: 25%;
  margin-bottom: initial;
}
.relatedBox .relatedPost .title{
  width: calc(75% - 1em);
  line-height: 1.5;
  text-decoration: underline;
}

.fixed-cta {
  display: block;
}

@media (min-width: 768px) {
  .relatedBox{
    padding: 1em 2em;
  }
  .relatedBox .relatedPost{
    transition: opacity .7s;
  }
  .relatedBox .relatedPost:hover{
    opacity: .7;
  }
  .relatedBox .relatedPost .img{
    width: 125px;
  }
  .relatedBox .relatedPost .title{
    width: calc(100% - 125px - 1em);
  }
  .fixed-cta {
    display: none;
  }
}

/* 全体のコンテナ（中央揃えなど） */
.c-btnNew--cta {
  text-align: center;
  padding: 20px 10px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* 上部のテキスト（プロがES作成を〜） */
/* ※もしこのテキストの色も赤に合わせる場合は color: #e53950; に変更してください */
.c-btnNew__appealTxt {
  display: block;
  margin-bottom: 15px;
  color: #fc0047;      /* 元のオレンジ色のまま */
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.05em;
}

.c-btnNew__appealTxt::before {
  content: "＼";
  margin-right: 10px;
  font-weight: bold;
}

.c-btnNew__appealTxt::after {
  content: "／";
  margin-left: 10px;
  font-weight: bold;
}

/* メインのボタン */
.c-btnNew--cta a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 0;
  
  /* ▼▼▼ 変更箇所 ▼▼▼ */
  /* 背景色を画像のような赤色（単色）に変更 */
  background: #fc0047;
  /* ▲▲▲ 変更箇所 ▲▲▲ */
  
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0.05em;
  
  border-radius: 100px;
  
  /* ▼▼▼ 変更箇所 ▼▼▼ */
  /* 影の色も赤系に合わせて調整 */
  box-shadow: 0 10px 25px -5px rgba(229, 57, 80, 0.4);
  /* ▲▲▲ 変更箇所 ▲▲▲ */
  
  transition: opacity 0.3s ease, transform 0.2s ease;
}

/* ホバー時の挙動 */
.c-btnNew--cta a:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}