@media (max-width: 767.98px) {
  #column-wrap-id-9aaa4eb2-748b-4dc3-9e35-70817ff4d315 {
    max-width: 50% !important;
    flex-basis: 100%;
  }
    #column-wrap-id-4af39396-cbd2-4709-b830-a4f8ae1e6901 {
    max-width: 50%  !important;
    flex-basis: 100%;
  }
    #column-wrap-id-6fd0851c-a301-48c7-bc4b-8966a7250edc {
    max-width: 50%  !important;
    flex-basis: 100%;
  }
#column-wrap-id-9d71cd35-3a0f-499b-a2d5-718dc161e4f2 {
    max-width: 50% !important;
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
   #column-wrap-id-9aaa4eb2-748b-4dc3-9e35-70817ff4d315 {
    max-width:100% !important;
    flex-basis: 100%;
  }
    #column-wrap-id-4af39396-cbd2-4709-b830-a4f8ae1e6901 {
    max-width: 100%  !important;
    flex-basis: 100%;
  }
  #column-wrap-id-6fd0851c-a301-48c7-bc4b-8966a7250edc {
    max-width: 100%  !important;
    flex-basis: 100%;
  }
 #column-wrap-id-9d71cd35-3a0f-499b-a2d5-718dc161e4f2 {
    max-width: 100% !important;
    flex-basis: 100%;
  }
  }
/* ボタンのスタイル */
.buttonIconText02-r, .buttonIconText02__reverse-r{

    position: relative;
    overflow: hidden;background-image: url("../../../images/admin/top/eat-.png") !important;
  background-size:contain;width:100%;background-repeat:no-repeat;float: left;margin-top:5px;
  background-position: left center;}

.buttonIconText02 {
  display: flex;
margin-bottom:5px;
  align-items: center;
  width: 100%;
  max-width: 450px;
  height: 64px;
  padding: 8px 64px 8px 8px;
  font-family: sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #3663ce;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
}
.buttonIconText02-r {
  display: flex;
margin-bottom:5px;
  align-items: center;
  width: 100%;
  max-width: 450px;
  height: 64px;
  padding: 8px 64px 8px 8px;
  font-family: sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #ea9e0c;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
}
@media screen and (max-width: 640px) {
.buttonIconText02 {
  display: flex;
transition: transform 0.2s;
  align-items: center;
  width: 100%;
  max-width: 450px;
  height: 64px;
  padding: 8px 64px 8px 8px;
  font-family: sans-serif;
  font-size: 13px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #3663ce;font-weight: bold;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
}
  .buttonIconText02-r {
  display: flex;
transition: transform 0.2s;
  align-items: center;
  width: 100%;
  max-width: 450px;
  height: 64px;
  padding: 8px 64px 8px 8px;
  font-family: sans-serif;
  font-size: 13px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #ea9e0c;font-weight: bold;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
}
  }
.buttonIconText02__reverse {
  flex-direction: row-reverse;
  padding: 8px 8px 8px 50px;
}
.buttonIconText02__reverse-r {
  flex-direction: row-reverse;
  padding: 8px 8px 8px 50px;
}


.buttonIconText02_icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width:32px;
  aspect-ratio: 1;
  overflow: hidden;
}
.buttonIconText02_icon-r {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width:32px;
  aspect-ratio: 1;
  overflow: hidden;
}

.buttonIconText02_text {
  flex-shrink: 1;
  width: 100%;
}
.buttonIconText02_text-r {
  flex-shrink: 1;
  width: 100%;
}

@media (any-hover: hover) {
  .buttonIconText02 {
    transition: background-color 0.2s;
  }
.buttonIconText02-r {
    transition: background-color 0.2s;
  }

  .buttonIconText02_icon {
    transition: transform 0.2s;
  }
.buttonIconText02_icon-r {
    transition: transform 0.2s;
  }

  .buttonIconText02:hover {
    background-color:#4f82fc;color:#fff;
  }
.buttonIconText02-r:hover {
    background-color:#f9b32e;color:#fff;
  }

  .buttonIconText02:hover .buttonIconText02_icon {
    transform: translateX(4px);
  }
.buttonIconText02-r:hover .buttonIconText02_icon-r {
    transform: translateX(4px);
  }

  .buttonIconText02:hover .buttonIconText02_icon__left {
    transform: translateX(-4px);
  }
   .buttonIconText02-r:hover .buttonIconText02_icon__left-r {
    transform: translateX(-4px);
  }
}

/* 左矢印アイコンのスタイル */
.iconArrowLeft {
  rotate: 180deg;
}

#column-id-1659755954873 {
  border-radius: 0px;
 background-color: #0b5e5e;
  background-image: repeating-linear-gradient(315deg, #34474b91, #34474b91 5px, transparent 5px, transparent 10px);
}
*, *:before, *:after {
    box-sizing: border-box;
}
.awa-inner {
  max-width: 1180px;
  margin: 0 auto;
  width: calc( 100% - 20px );
}
.col_2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col_2 > *{
    width: calc( 50% - 6px ) ;
    margin-right: 12px;
    margin-bottom:0px;
}
.col_2 > *:nth-child(2n){
    margin-right: auto;
}
.col_2 > * > *{
    position: relative;
    overflow: hidden;background-image: url("../../../images/admin/top/store-3.png");
  background-size:contain;width:100%;background-repeat:no-repeat;float: right;margin-top:5px;
 background-position: left center;
}
/*mega */
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: -240px !important;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-menu-center {
  margin-left: -145px !important;
}

.list-style-3 ul > li::before, ul.list-style-3 > li::before {
  color: #bf9012;
  margin-right: -3px !important;
}
/*部位 */
.ichigyou img{
    vertical-align: middle;
    display: inline-block;
}
.ichigyou span{
    display: inline-block;
}
.box26 {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 0.2em;
  border: solid 3px #eaa727;
  border-radius: 8px;
}
.box26 .box-title {
  position: absolute;
  display: inline-block;
  top: -10px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 17px;
  background: #F1F1F1;
  color: #d68121;
  font-weight: bold;
}
.box26 .box-title2 {
  position: absolute;
  display: inline-block;
  top: -10px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 17px;
  background: #fff;
  color: #d68121;
  font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.cook-text{
  font-weight: bold;
  text-align: left;
  display: block;
  padding: 10px;}
.v-text {
font-size: 16px;
  line-height: 1.8;
  text-align: left;
  padding: 0px 0 0px;
}
/***recipe***/
.cook-box {
 padding: 1.3em 1.5em 1em 1.5em;
  background: none;
  border: 1px solid #ccc;
  position: relative;
  margin: 20px 0 20px 0;
  line-height: 190%;
  color: #222246;
}
.cook-box::after {
  background-color: #ffcbcb;
  border: none;
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/*ドロワー */

.cp_button04 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  width: 100%;
  color: #ffffff !important;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  cursor: pointer;
  vertical-align: bottom;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 1;
}
.cp_button04:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #d51e38;
  transition: transform 0.3s, background-color 0.3s;
  transform: scale(0.3, 0.2) translate(12%, -20%);
  transform-origin: 5% -5%;
  z-index: -1;
}
.cp_button04:hover:before {
  transform: scale(0.85, 1) translate(8%, -15%);
}
.cp_button04:active:before {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 0.15s;
  transform: scale(1, 1) translate(0%, 0%);
}
.cp_button04:hover,
.cp_button04:active {
  color: #ffffff !important;
  border: 1px solid #fff;
}
.cp_button04:focus {
  color: #fff !important;
  border: 1px solid #fff;
}
.cp_button04:focus:hover {
  color: #ffffff !important;
  border: 1px solid #fff;
}
.cp_button04:focus:before {
  background-color:  #d51e38;
}

table.shipping{
  width: 100%;
  border-collapse: collapse;
  font-size: 17px;
}

table.shipping tr{
  border-bottom: solid 2px white;
}

table.shipping tr:last-child{
  border-bottom: none;
}

table.shipping th{
position: relative;
  width: 40%;
  background-color: #d8c14b;
  color: white;
  text-align: center;
  padding: 10px 0;
}
table.shipping th.top{
position: relative;
  width: 40%;
  background-color: #fff;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table.shipping th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #d8c14b;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
table.shipping th.top:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.shipping td{
  width: 60%;
  text-align: center;
  background-color:#f2e7ad;
  padding: 20px 0;font-weight: bold;
}
table.shipping td.count{
  width: 60%;
  text-align: center;
  background-color: #fff;
  padding: 10px 0;font-weight: bold;
  font-size:18px;
}

/*旨さ数値 */
table.tbl-r05 {

  font-size: 14px;
  border-spacing: 0;
 margin-bottom:20px;
  width: 100%;
}
table.tbl-r05 td:first-child {
  background: #f1eaaf;font-weight:bold;
}
table.tbl-r05 th {
  background: #66667a;
  border: solid 1px #4e5362;
  color: #fff;
  padding: 10px;
  text-align: center;
}
table.tbl-r05 td {
  border: solid 1px #c2c0c0;
  padding: 10px;text-align: center;
}
@media screen and (max-width: 640px) {
table.tbl-r05 th {
    border-bottom: none;
  }
table.tbl-r05{width: 100%;}
table.tbl-r05 tr.thead {display: none;}
table.tbl-r05 tr {width: 100%;}
table.tbl-r05 td { display: block;text-align: right;width: 100%;}
  
table.tbl-r05 td:first-child {background:#66667a;color: #fff;font-weight: bold;text-align: center;}
table.tbl-r05 td:before {content: attr(data-label);float: left; font-weight: bold;margin-right: 10px;}
}

/*footer */
.footer-box-l{float:right;display:block;width:284px;}
.footer-box-r{}

@media (max-width: 767.98px) {
.footer-box-l{float:none !important;display:block;width:284px; margin:20px auto 0 auto;}
.footer-box-r{float:none;display:block;width:290px; margin:-20px auto 0 auto;}

}
@media screen and (max-width: 480px) {
  .footer-box-l{float:none;display:block;}
  .footer-box-r{float:none;display:block;}
  }
@media (max-width: 767.98px) {
  #column-wrap-id-1536468137650 {
    
    flex-basis: 50% !important;
    text-align: center;
    display: block;
    width: 284px;
    margin: 0 auto;
  }
}

/*なるまで */
.type-middle-n {
  text-align: left;
  color: #424df3;
  font-size: 1.2rem;
  vertical-align: 1%;
  font-weight: 600;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
  background-color: #fff !important;
}
.evolution-text{font-size: 16px;
  line-height: 220%;
  color: #000;
  font-weight: 500;}
/*レシピ */
#sppb-addon-406a7f9e-c1b6-45c2-b4ba-38e7e879e9cf .ut-testimonial-item {

  width: 100% !important;
}
#sppb-addon-02228ff1-cbcf-4ca3-9ea9-7edfb84fd81c .ut-testimonial-item {
 width: 100% !important;
}

.message{text-align:left; display:block;font-size:15px;line-height: 170%;}
.client-company{font-weight: bold;}
.ut-testimonial-1 .client-name {
  color: #05050d !important;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 10px;
}
p.sub-resipe {margin-left: 1.4em;
  text-indent: -1.4em;
  margin-bottom: 0px !important;}
#sppb-addon-f5c229fd-f33c-4dea-a09a-5883c1d9e427 .ut-testimonial-item {
 
  border-width: 1px;
  border-style: solid;
  border-color: #f3f3f3;
  border-radius: 4px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
  padding-left: 20px;
  width: 100% !important;
}
#sppb-addon-8171c16c-6633-48e5-a6b1-4f2f383b66ac .ut-testimonial-item {

  width: 100% !important;
}

dl.a {
   margin: 20px 0 40px;
}

dt.b {
   background: #140E0E none repeat scroll 0 0;
  clear: both;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 31px;
  line-height: 1.0;
  margin: 0 0 20px;
  padding: 8px 0 0;
  text-align: center;
  width: 31px;
  border-radius: 3px;

}

dd.c {
    margin: 0 0 20px;
    min-height: 32px;
    padding: 0 0 0 50px;color: #171111;
}

h3.title-recipe {
  border-bottom: 0px solid #677587;
 font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0px 0 0px;
  padding: 8px 0 10px 18px;
  border-left: 5px solid #c8a33f;
}
h3.title-recipe-sub {
  border-bottom: 1px solid #7da1d1;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0px 0 0px;
  padding: 0 0 7px;
}
.recipe-title {
  background-image: url("../../../images/admin/recipe/modhead.png");
  background-position: left bottom;
  background-repeat: repeat-x;ont-weight: 100;
  font-size: 25px;
  line-height: 34px;
  margin: 0px 0 10px !important;
  padding: 0px 0px 12px;color: #1ab7d8 !important;
}
.recipe-mt {
 
}
.recipe-mt li {
  border-bottom: 1px dotted #677587;
  padding: 7px 0 2px;
  list-style-type: none;
  margin-left: -18px;
  font-size: 16px;
}

.recipe-title.small{font-size: 75%;}
.sp_br-list {
  display: none; 
}
@media screen and (max-width: 480px) {
  .sp_br-list {
    display: block;
  }
}
.sp_br {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block;margin-top: -30px;
  }
}
/*指定販売店 */
.sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {

  font-size: 19px !important;padding: 25px 20px 5px 20px !important;
  }
.sppb-addon-pricing-table .sppb-pricing-box .sppb-pricing-price-container {
  background:#c6a434 !important;
  padding: 1px 20px 2px 20px !important;
  position: relative;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0 !important;
}
.sppb-addon-pricing-table .sppb-pricing-box .sppb-pricing-header + .sppb-pricing-features {
  border-top: 1px solid #dfdfdf;
  overflow: auto !important;
}
.sppb-addon-pricing-table .sppb-pricing-box {

  border: 1px solid #c2c1bf !important;
  background: #ffffffde !important;
  box-shadow: 0px 3px 10px rgba(142, 146, 153, 0.8);text-align: left;
}
.telephone {

  float: left;
 
  padding-right: 50px;
}
.fax {

  float: left; 
}
.add{line-height: 2;
  padding: 10px 0;}
.clear-text {

     clear: left;
}
.clear_box {
    clear:  both;               /* 回り込みを解除する */
}

/*footer */
.px-4 {
  
  color: #a48447;
  padding:20px 20px 10px 40px !important;
}

.footer-awa{display:block;margin:0 auto;}
#sp-footer #sp-footer1 {
  text-align: center !important;
}
#sp-footer {
  background: #17181c !important;
  border-top: 0px solid rgba(174, 183, 193, 0.08) !important;
}
#sppb-addon-wrapper-1536468137652 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  float: right;
}
@media (max-width: 480px) {#sppb-addon-wrapper-1536468137652 {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left:auto;
  float: none !important;
}
}
/*top背景 */
.overlay-bg-black-30::before {
  background-color: rgba(0, 158, 255, 0.19) !important;
}

.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #b8a54c !important;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}

/*slider */
@media (min-width: 1200px) {
  .sppb-addon-sp-slider.slideshow-content-60 .sppb-container > .sppb-row > div > div {
    width: 70% !important;
  }
}
#sppb-addon-1659755954874 .sp-slider #sp-slider-item-1659755954874-num-0-key #sp-slider-inner-item-1659755954875-num-2-key {
  margin: -600px 0px 0px -30px !important;
    margin-right: 0px;
    margin-left: -30px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: rgb(255, 255, 255);
  border-radius: 73px;
}
/*阿波とん豚ラベル */
@media (max-width: 991.98px) {
  
  #sppb-addon-1659755954874 .sp-slider #sp-slider-item-1659755954874-num-0-key #sp-slider-inner-item-1659755954875-num-2-key {
  margin: -500px 0px 0px -30px !important;
  margin-right: 0px;
  margin-left: -30px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: rgb(255, 255, 255);
  border-radius: 73px;
}

  #sppb-addon-1659755954874 .sp-slider #sp-slider-item-1659755954874-num-0-key #sp-slider-inner-item-1659755954875-num-3-key {
    margin: -70px auto 10px auto !important;
    margin-right: 0px;
    margin-left: 0px;
  }
  #sppb-addon-1659755954874 .sp-slider #sp-slider-item-1659755954874-num-0-key #sp-slider-inner-item-1659755954875-num-0-key {
  margin: -20px 0px 0px 0px;
    margin-right: 0px;
    margin-left: 0px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: rgb(255, 255, 255);
  border-radius: 50px;
}

}
@media (max-width: 480px) {
  
  #sppb-addon-1659755954874 .sp-slider #sp-slider-item-1659755954874-num-0-key #sp-slider-inner-item-1659755954875-num-2-key {
  margin: -300px 0px 0px -30px !important;
  margin-right: 0px;
  margin-left: -30px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: rgb(255, 255, 255);
  border-radius: 73px;
}

  #sppb-addon-1659755954874 .sp-slider #sp-slider-item-1659755954874-num-0-key #sp-slider-inner-item-1659755954875-num-3-key {
    margin: -70px auto 10px auto !important;
    margin-right: 0px;
    margin-left: 0px;
  }
  #sppb-addon-1659755954874 .sp-slider #sp-slider-item-1659755954874-num-0-key #sp-slider-inner-item-1659755954875-num-0-key {
  margin: -40px 0px 0px 0px !important;
    margin-right: 0px;
    margin-left: 0px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: rgb(255, 255, 255);
  border-radius: 50px;
}

}

/*rogo配置 */

/* メニュー */
.sp-megamenu-parent > li:hover > a {
  color: #d8c14b !important;
}
/* 項目多い表 */
.sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 15px -15px !important;
  z-index: 99;
  display: block;
  float: right;
  position: static;
}
#table03 th, #table05 td {
  text-align: center;
  width: 20%;
  min-width: 130px;
  padding: 10px;
  height: 60px;
}

#table03 th {
  background-color: #f0f0f0;
}

#table03 .head {
  background-color: #e2e2e2;
}

/* tab */
@media only screen and (max-width: 768px) {
  #table03 {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
  #table03 .fixed {
    position: sticky;
    left: 0;
  }
  #table05 .fixed:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 100%;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
  }
}


.btn-1 {
 position: relative;
  display: block;
  overflow: hidden;
  height: 30px;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 1px solid #a81912;
  padding: 3px 20px;
  background-color: #a81912;color:#fff !important;
}
.btn-1:hover {color:#087b55 !important;z-index: 1;}
.btn-1:before {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid #a7281300;
  border-bottom: 80px solid #fff1c9a3;
  transform: translateX(-100%);
}
.btn-1:hover:before {
  transform: translateX(0);box-sizing: border-box;
  transition: 0.5s ease-in-out;color: #fefefe !important;z-index: -1;
}



/*headercolor*/
.sp-megamenu-parent > li > a {
  color: #fff !important;
}

#sp-header .sp-module a:not(.btn):not(.sppb-btn) {
  color: #f0f0f0 !important;
}
#sp-header .sp-module a:not(.btn):not(.sppb-btn):hover
{
  color: #d8c14b !important;
}
.logo-image-phone {
  height: 95px!important;
  padding-top: 25px !important;
}

#sp-top-bar {
  background: #d8c14b !important;
}

#sp-header {
  background:#140e0e !important;  height: 95px !important;
}
.photo-l-top{float: left;
  margin-right: 30px;
  margin-top:0px;
  margin-left: -30px;}
.photo-l-top::after {
  display: block;
  position: absolute;
  bottom: 0.3em;
  left: 0.3em;
  border-top: 1em solid #85121200;
  border-left: 1em solid #ff0000;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  content: "";
}
@media screen and (max-width: 750px) {
  .photo-l-top{float: none;
 margin:10px auto !important;display:block;
  margin-top: 9px;
 }
}
.type-big2 {
  text-align: left;
  color: #ffe830;
  font-size: 2.2rem;
  vertical-align: -2%;
 
}
.dhdt {
  padding: 2em 1em 0.1em 1em;
  background: none;
  text-align:left;font-size:17px;font-weight:700;
  position: relative;
}

.course-item {
  --course-color: #88d7ba;
}
.course-item.morning {
  --course-color:#f2a8bf;
}

.course-block {
  margin: min(17.9487179487vw, 140px) 0;
}

.course-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: min(89.7435897436vw, 1084px);
  margin: auto;
}
@media screen and (min-width: 640px) {
  .course-container {
    gap: 2.9465930018%;
  }
}
.course-container.js-anime.action .course-item {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.course-container.js-anime .course-item {
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
  opacity: 0;
  -webkit-transform: translateY(5%);
          transform: translateY(5%);
}
.course-container.js-anime .course-item:last-child {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.course-item {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .course-item {
    width: 48.5239852399%;
  }
}
.course-item + .course-item {
  margin-top: 12.8205128205vw;
}
@media screen and (min-width: 640px) {
  .course-item + .course-item {
    margin: 0;
  }
}
@media screen and (min-width: 640px) {
  .course-item:nth-child(even) a {
    margin: 0 auto 0 0;
  }
}
.course-item:nth-child(even) .course-info {
  right: 0;
  left: auto;
}
.course-item:nth-child(even) .course-title {
  right: auto;
  left: 0;
}
@media screen and (min-width: 640px) {
  .course-item:nth-child(even) .course-title {
    right: 0;
    left: auto;
  }
}

.course-item.morning .title {
  width: 49.8571428571vw;
}
@media screen and (min-width: 640px) {
  .course-item.morning .title {
    width: 53.0418250951%;
  }
}
.course-item a {
  display: block;
  width: 85.7142857143%;
  margin: auto;
}
@media screen and (min-width: 640px) {
  .course-item a {
    width: 94.2965779468%;
    margin: 0 0 0 auto;
  }
}
.course-item a:hover .course-info {
  background: #fff;
  color: var(--course-color);
}
.course-item a:hover .course-info::after {
  border-right-color: var(--course-color);
}
.course-item a:hover .course-bg img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1) ;
}
.course-item .course-info {margin-top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;

  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-8%);
          transform: translateY(-8%);
  padding: 6.4102564103vw 2.5641025641vw;
  background: var(--course-color);
  border: 2px solid var(--course-color);
  border-radius: 0.4em;
  color: #fff;
  font-weight: bold;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;

  letter-spacing: 0.05em;
}
@media screen and (min-width: 640px) {
  .course-item .course-info {
    padding: 3% 3%;

  }
}
.course-item .course-info::after {
  display: block;
  position: absolute;
  bottom: 0.6em;
  right: 0.6em;
  border-top: 0.6em solid transparent;
  border-right: 0.6em solid #fff;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  content: "";
}
.course-item .course-info .vertical-write {
 
  text-orientation: upright;
}
.course-item .course-info .program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.8em;
  font-size: clamp(1.1rem, 0.2493670886rem + 1.1075949367vw, 1.8rem);
  line-height: 1.4;
}
.course-item .course-info .large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 2em;
  font-size:1em;
}
.course-item .course-info .grade {
  width: 100%;
  margin-bottom: 1em;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  font-size: clamp(1.2rem, 0.4708860759rem + 0.9493670886vw, 1.8rem);
  text-align: center;
}
.course-item .course-bg {
  overflow: hidden;
}
.course-item .course-bg img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.course-item .course-title {
 position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  margin-bottom: 50px;
}
@media screen and (min-width: 640px) {
  .course-item .course-title {
   right: auto;
    left: 0;
    width: 70%;
    margin-bottom: 50px;
  }
}

.course-item .course-info .program {
  font-size: 15px;
  line-height: 1.4;
}

/* top-コース*/
.follow-block.js-anime.action .follow-list-title,
.follow-block.js-anime.action .follow-list {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.follow-block.js-anime .follow-list-title {
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
  opacity: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
.follow-block.js-anime .follow-list {
  -webkit-transition: 0.8s ease 0.6s;
  transition: 0.8s ease 0.6s;
  opacity: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}

.follow-list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(2.5rem, 0.6772151899rem + 2.3734177215vw, 4rem);
  text-align: center;
  line-height: 1;
}
.follow-list-title::before, .follow-list-title::after {
  display: block;
  width: 0;
  border-right: 4px dotted #95c7d5;
  height: 1.2em;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  content: "";
}
@media screen and (min-width: 640px) {
  .follow-list-title::before, .follow-list-title::after {
    border-width: 5px;
  }
}
.follow-list-title::before {
  margin-right: 0.5em;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.follow-list-title::after {
  margin-left: 0.5em;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.follow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 min(7.1428571429%, 40px);
  margin-top: min(7.6923076923vw, 50px);
}}



/* line */

.center-box-line{display: flex; justify-content: center;}

.list_menu4 a
{margin: 3px 5px 3px 0;
  padding: 4px 50px 3px 10px;
  background-color: #d7b244 !important;
  color: #491818;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  background: url(../../../images/admin/top/topoff.png) 88% center no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: 15px 15px !important;
  transition: .5s;
  display: inline-block;
  border-radius: 20px;
  float: left;
}


.list_menu4 a:hover{color:#333;background-color:#fff !important;background:url(../../../images/admin/top/top-on.png) 96% center no-repeat;background-size:15px 15px !important;transition:.5s}
.button-top a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 250px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    text-decoration: none;
    color: #333;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button-top a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button-top a:hover {
  background: #333;
  color: #FFF;
}
.button-top a:hover:after {
  right: 1.4rem;
}
/* 光のスタイル */
.btn-flash a {
  overflow: hidden;
}
.btn-flash a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
  transition: .5s;
}


/*top pop up*/
/* clearfixを記述 */
	.clearfix::after{
	   content: "";
	   clear: both;
	   display: block;
	}
.popup-img {
  cursor: pointer;
 float:left;
}
.popup-img img {
  height: auto;
  transition: transform .6s ease;/* ゆっくり変化させる */

}
.popup-img:hover img {
  transform: scale(1.05);/* 拡大 */
}

.img-pop{display: block;
  max-width: 100%;
  height: auto;
  margin-top: -155px;}

.menu-box{box-shadow: 2px 3px 4px 1px #A9ABAC;
  border-width: 2px;
  border-top: 1px solid #6B7A81;
    border-top-style: solid;
  border-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
  padding-top: 0px;
  background-color: #fff;
  border-bottom: 0px solid #8BCBE5;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;}

/*背景ストライプ(ピンク)*/
.box3-8{
	padding:0.8em;/*内側余白*/
	background: repeating-linear-gradient(-45deg, #f5fab6 0 6px, #fff 6px 12px);
  margin-bottom:20px;border-bottom:0px solid #6B7A81;
}
/*タイトル付き（ラベルボックス）*/
.box5-2{
	background-color:#fff; /* ボックス背景色 */
	padding:1.8em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
	border: 2px solid #b69c46;/* ボックスの線 (太さ・種類・色)*/
}
.box5-2 .box-title {
	background-color:#fff; /* タイトル背景色 */
	font-size: 1.3em;
  font-weight: 800;
  color: #cda522;
	padding: 0 5px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/* 配置(ここを動かす) */
	top: -8px; /*上からの距離*/
	left: 20px; /*左からの距離*/
}


/*資料請求問合せ */

.fixedbanner__area {
  position: fixed;
  right: 0px;
 top: 30%;
  z-index:9000;
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}
.fixedbanner {
  width: 50px;
  height: 190px;
  display: block;
  writing-mode: vertical-rl;
  writing-mode: tb-rl;
  box-sizing: border-box;
  transition: all 0.2s;
  border: solid 3px #fff;
  overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
  .fixedbanner > p {
    line-height: 1.5;
  }
}

p.fixedbanner:hover {
  text-decoration: none;
  transition: all 0.2s;background-color: #3ab3ff;
}

.fixedbanner__bro {
  background-color: #e52a66;
  margin-bottom: 10px;  
}

.fixedbanner__oc {
  background-color: #232949;
}

.fixedbanner__bro:hover {
  background-color: #a21047;
  transition: all 0.2s;
}
.fixedbanner__oc:hover {
  background-color: #ee899c;
  transition: all 0.2s;
}

.fixedbanner > p {
  margin: 0 auto;
  padding: 20px 10px;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;

  font-feature-settings: initial;
  line-height: initial;
}

.fixedbanner:hover > p {
  transition: all 0.2s;
}

.fixedbanner__bro > p {
  padding: 0 12px;
}

.fixedbanner__oc > p {
  padding: 0 12px;
}

.fixedbanner__area_sp {
  right: -1%;
  bottom: 2%;
}

.fixedbanner_sp {
  width: 36px;
  height: 150px;
  border: solid 2px #fff;
}

.fixedbanner_sp > p {
  padding: 0 8px 0 3px !important;
  font-size: 90%;
}

.fixedbanner__bro_sp {
  height: 90px;
}


.summary-wrapper {
  border: 2px dotted #ccc;
  padding: 30px;
  margin: 50px 0px;
}
#column-id-1533425016620 {
padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
}
@media (max-width: 991.98px) {
  #column-id-1533425016620 {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
  }
}
@media (max-width: 1199.98px) {
  #column-id-1533425016620 {
     padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
  }
}
#column-id-9df7b2c1-f90f-42fc-a63a-159a93fac6b1 {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
}
@media (max-width: 991.98px) {
  #column-id-9df7b2c1-f90f-42fc-a63a-159a93fac6b1 {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
  }
}
@media (max-width: 1199.98px) {
  #column-id-9df7b2c1-f90f-42fc-a63a-159a93fac6b1 {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
  }
}
/*就学支援金*/
.sppb-addon-pricing-table[class*="pricing-table-4"] .sppb-pricing-box .sppb-pricing-price-container .sppb-pricing-price .sppb-pricing-price-symbol {
  font-weight: 400;
  position: relative;
  top: -3px;
  margin-right: 3px;
  font-size: 12px !important;
}
.sppb-addon-pricing-table[class*="pricing-table-4"] .sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {

  margin-bottom: 0px !important;
  padding: 0;
  text-transform: capitalize;
}
@media (max-width: 1199.98px) {
  #sppb-addon-f1392956-eb98-44f8-9881-731a5046fb23 .sppb-pricing-price {
    font-size: 21px !important;
  }
}
.sppb-addon-pricing-table[class*="pricing-table-4"] .sppb-pricing-box {
  padding: 20px 30px 0px 30px !important;}

@media (max-width: 1199.98px) {
  #sppb-addon-237f7a92-a0d8-4b4e-abbc-4ffb22f65f71 .sppb-pricing-price {
    font-size: 21px !important;
  }
}
@media (max-width: 991.98px) {
  #sppb-addon-17b80030-765b-45c8-af77-b223fe12db5e .sppb-pricing-price {
    font-size: 21px;
  }
}
/*headerー*/


/*フローティングバナー*/


.sppb-close {
  float: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  opacity: 1 !important;
}
.banner {
    display: none;
    position: fixed;
    margin: 15px 20px;
    z-index: 5;
    bottom: 0;
    right: 0;
}
.banner a {
    text-decoration: none;
}

.banner-icon {
    color: #f8f8f8;
    font-size: 40px;
}

.banner-back {
    width: 820px;
    background-color: #fff;
    border-radius: 25px;margin-right: 60px;
}

.banner-top {
  padding: 22px 23px 0px 23px;
  border-radius: 5px 5px 0px 0px; background-color: #f03d5f;
 
}

.bg_pattern {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffe9a7;
  opacity: 0.4;
  z-index: -1;
}
.Cross {
  background: radial-gradient(circle, transparent 20%, #ffe9a7 20%, #ffe9a7 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffe9a7 20%, #ffe9a7 80%, transparent 80%, transparent) 50px 50px, linear-gradient(#ffc107 4px, transparent 4px) 0 -2px, linear-gradient(90deg, #ffc107 4px, #ffe9a7 4px) -2px 0;
background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
}
.banner-bottom {
  padding: 20px 0px 20px 0px;
  line-height: 1.6;
}

.banner-copy {
    font-size: 18px;
    position: relative;
}
.banner-copy::after {
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    content: '\f054';
    color: #006EB0;
    position: absolute;
    margin-top: 11px;
    top: 0;
    right: 18px;
}

.banner-bottom { padding: 10px 20px 10px 20px;
  line-height: 1.6;

}

.banner-body {
    width: 820px;
    background: #f8f8f8;
    color: #000000;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}
.banner-body:hover {
    transition: opacity 0.3s ease;
    opacity: 0.95;
}


.banner-close {
  font-weight: bold;
  position: absolute;
  top: -17px;
  right: -9px;
  z-index: 99999;
  padding: 4px 8px !important;
  border: none;
  background-color: #fff !important;
  border-radius: 25px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
  box-shadow: 0 0 7px rgb(0 0 0 / 40%);
  margin-right: 60px;
  height: 30px;
}

@media screen and (max-width: 750px) {
    .banner {
        width: 100%;
        margin: 0px;
    }
    .banner-icon {
        font-size: 28px;
    }
    .banner-body {
        width: 100%;
        border-radius: 0px;
    }
    .banner-back {
        width: 100%;
        margin: 0px;
        border-radius: 0px;
    }
    .banner-top {
        padding: 5px;
        border-radius: 0px;
        background: -moz-linear-gradient(#006EB0 50%, #0AB0C7);
        background: -webkit-linear-gradient(#006EB0 50%, #0AB0C7);
        background: linear-gradient(#006EB0 50%, #0AB0C7);
    }
    .banner-bottom {
        padding: 10px 10px 18px 10px;
    }
    .banner-copy {
        font-size: 15px;
    }
    .banner-copy::after {
        font-size: 12px;
        margin-top: 1.4px;
        margin-left: 12px;
        top: initial;
        right: initial;
    }
    .banner-close {
        top: 8px;
        right: 15px;
    }
    .banner-copy-br {
        display: none;
    }
}






.heading09 {
font-size: 28px;
}

.heading09::before {
content: attr(data-en);
  display: block;
  color: #fff;
  font-size: 14px;
  padding-bottom: 15px;
}

.heading09::after {
	content: '';
  display: block;
  width: 40px;
  height: 1px;
  background-color: #fff;
  margin-top: 5px;
}

/***recipe***/
.hello {
 padding: 1.3em 1.5em 1em 1.5em;
  background: none;
  border: 1px solid #ccc;
  position: relative;
  margin: 20px 0 20px 0;
  line-height: 190%;
  color: #222246;
}
.hello::after {
  background-color: #fef5c5;
  border: none;
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
ul.check {
  list-style-type: none;
  margin-left: 20px;
  font-size: 17px;
  font-weight: bold;
}
ul.check li.check-text {
  position: relative;
  line-height: 1.5;
}
ul.check li.check-text2 {
  position: relative;
  line-height: 1.5;
}
li.check-text::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #fe4a61;
  border-bottom: 3px solid #fe4a61;
  transform: rotate(-45deg);
}
li.check-text2::after {
  content: '';
  display: block;
  position: absolute;
  top: .9em;
  left: -1em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #fe4a61;
  border-bottom: 3px solid #fe4a61;
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
ul.check { list-style-type: none;
  margin-left: 0px !important;
  font-size: 17px;
  font-weight: bold;
}
}

.balloon3 {
 position: relative;
  margin: 1.5em auto 0 auto;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #70a6ff;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #70a6ff;
  z-index: 0;
}

.heading_h2 {
 padding: .65rem .65rem .45rem 0;
  color: #007fc4;
  font-size: 1.8rem;
  font-weight: normal;
  position: relative;
  border-top: 0px solid #007fc4;
  border-bottom: 2px solid #007fc4;
  background: unset;
  z-index: unset;
}
 
@media (max-width: 767px) {
  .heading_h2 {
  padding: .0rem .65rem .45rem 0;
    font-size: 1.3rem !important;
    margin: 0.5rem 0 0.5rem 0;font-weight: bold;
  }
}

.box2 {
    padding: 0.5em 1em;
  margin: 2em 0;
  font-weight: bold;
  color: #2d2d2d;

  border: solid 0px #5a5a5a;
  border-radius: 10px;
  text-align: left;
  line-height: 2em;
}
.box2 p {
    margin: 0; 
    padding: 0;
}
/***メッセージ***/
ol.voice  {
  position: relative;
  margin: 0;
  padding: 0
}
ol.voice li.voice-t  {
  list-style: none;
list-style-position: outside;
  margin: 0;
  padding-left: 0.4em;
  padding-bottom: 10px;
}
ol.voice li.voice-t span {
  position: absolute;
  left: 0;
  margin: 0
}

.tdht_title {
  width: 50%;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  margin: 0 auto 30px;
  padding: 5px 10px;
  letter-spacing: .05em;
  background-color: #f69;
  color: #fff;
  border-radius: 50px;
}
.tdht_tokcho {
  margin-top:70px;
}
/***カリキュラム1年2年3年***/
@media (max-width: 1199.98px) {
  #column-wrap-id-0883eef5-da69-4798-b3c5-754407df0ade {
  max-width: 33.333333% !important;
  flex-basis: 33.333333% !important;
}
 #column-wrap-id-e4ec3035-b6d7-4ba0-99cc-3d76c417972a {
    max-width: 60% !important;
   flex-basis: fit-content !important;}
 /***2年***/ 
   #column-wrap-id-ea03488a-2ce1-4130-b303-d9be8465a8c8 {
    max-width: 33.333333% !important;
  flex-basis: 33.333333% !important;
  }
    #column-wrap-id-f0af5cd3-3d97-4ceb-84fd-8e98c0a8c815 {
   max-width: 60% !important;
   flex-basis: fit-content !important;}
  /***3年***/  
    #column-wrap-id-4e8718a7-b63b-4966-a2e8-c1757da2d7d7 {
    max-width: 33.333333% !important;
  flex-basis: 33.333333% !important;
  }
   #column-wrap-id-12312c58-895c-4a5f-be62-2405000be981 {
    max-width: 60% !important;
   flex-basis: fit-content !important;}
   /***年***/ 
#column-wrap-id-87e35bda-4ca3-4831-9c39-5f09f3122e2d {
   max-width: 33.333333% !important;
  flex-basis: 33.333333% !important;
  }
  #column-wrap-id-e757de74-3201-462d-9e2f-7bd89db614df {
  max-width: 60% !important;
   flex-basis: fit-content !important;}
  }
@media (max-width: 767.98px) {
    #column-wrap-id-0883eef5-da69-4798-b3c5-754407df0ade {
  max-width: 100% !important;
  flex-basis: 100% !important;
}
 #column-wrap-id-e4ec3035-b6d7-4ba0-99cc-3d76c417972a {
    max-width:100% !important;
  flex-basis: 100%; !important;}
  
#column-wrap-id-ea03488a-2ce1-4130-b303-d9be8465a8c8 {
  max-width: 100% !important;
  flex-basis: 100% !important;
  }
    #column-wrap-id-f0af5cd3-3d97-4ceb-84fd-8e98c0a8c815 {
  max-width: 100% !important;
  flex-basis: 100% !important;}

  #column-wrap-id-4e8718a7-b63b-4966-a2e8-c1757da2d7d7 {
   max-width: 100% !important;
  flex-basis: 100% !important;
  }
   #column-wrap-id-12312c58-895c-4a5f-be62-2405000be981 {
   max-width: 100% !important;
  flex-basis: 100% !important;}
  #column-wrap-id-87e35bda-4ca3-4831-9c39-5f09f3122e2d {
    max-width: 100% !important;
  flex-basis: 100% !important;
  }
  #column-wrap-id-e757de74-3201-462d-9e2f-7bd89db614df {
   max-width: 100% !important;
  flex-basis: 100% !important;
  }
 }
/***幅の指定***/
@media (min-width: 992px) {
  .sppb-row-container {
    max-width: 1320px !important;
  }
}
@media (min-width: 1400px) {
  .sppb-row-container {
    max-width: 1320px !important;
  }
}

/***バナー画像***/
.single-image-b{margin-bottom:-1px;}
.banner-point-num {
z-index: 1;
  position: absolute;
  color: transparent;
  -webkit-text-stroke: 3px #fe4a61;
  font-family: "davis-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5rem;
  top: 1.9rem;
  left: 10px;
}
.banner-point-dt {
z-index: 1;
  position: absolute;
  color: transparent;
  -webkit-text-stroke: 3px #41c5db;
  font-family: "davis-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5rem;
  top: 1.9rem;
  left: 10px;
}
.sppb-addon-single-image.single-image-1 .sppb-addon-single-image-container {
  background-color: #fff !important;
}

.sppb-addon-single-image.single-image-1 .sppb-addon-single-image-container {
  background-color: none !important;
  position: absolute;
  content: '';
top: -1px;
  left: 20px;
  border-right: 1px solid #2e6cb1;
  border-bottom: 1px solid #2e6cb1;
}

/***カレンダー4月***/
@media (max-width: 1199.98px) {
  #sppb-addon-a2245e3a-1aa7-4f3c-bb7d-4af842b60eb0 .sppb-gallery img {
    width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー5月***/
@media (max-width: 1199.98px) {
  #sppb-addon-2814992b-3e45-4ffd-a2e7-9716321660bc .sppb-gallery img {
   width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー6月***/
@media (max-width: 1199.98px) {
  #sppb-addon-3900925a-b779-4b56-9b2e-8d7e7a3a539f .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー7月***/
@media (max-width: 1199.98px) {
  #sppb-addon-2bd4bf10-8959-4518-8428-31d4955d9794 .sppb-gallery img {
    width: 460px !important;
    height: 174px !important;
  }
}
@media (max-width: 600px)  {
  #sppb-addon-2bd4bf10-8959-4518-8428-31d4955d9794 .sppb-gallery img {
    width: 308px !important;
    height: 116px !important;
  }
}
/***カレンダー8月***/
@media (max-width: 1199.98px) {
  #sppb-addon-06885843-7b74-49a5-87e1-1dd2c181b129 .sppb-gallery img {
    width: 724px !important;
    height: 181px !important;
  }
}
@media (max-width: 600px)  {
   #sppb-addon-06885843-7b74-49a5-87e1-1dd2c181b129 .sppb-gallery img {
    width: 308px !important;
    height: 77px !important;
  }
}
/***カレンダー10月***/
@media (max-width: 1199.98px) {
  #sppb-addon-3d5ca7ac-f9d4-453c-8420-a860d69673c9 .sppb-gallery img {
   width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー9月***/
@media (max-width: 1199.98px) {
  #sppb-addon-de898885-fa55-4833-b099-6182f250118c .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー11月***/
@media (max-width: 1199.98px) {
  #sppb-addon-d0c37528-edb8-4e69-a35c-5e254c65fe18 .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー12月***/
@media (max-width: 1199.98px) {
  #sppb-addon-70c14169-233c-4990-9ca1-e3f849e06f5c .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー1月***/
@media (max-width: 1199.98px) {
  #sppb-addon-7543471a-a476-45d7-82f9-d7cf2a64fcb3 .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー2月***/
@media (max-width: 1199.98px) {
  #sppb-addon-1c64b1e9-782f-4b58-8fd8-abef8a04099c .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー3月***/
@media (max-width: 1199.98px) {
  #sppb-addon-23dcfde9-0882-4eff-9782-ceb4f4b1885c .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー***/
.small-t{font-size:17px;}
ul.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.schedule{
	padding: 2em 1em 0.1em 1em;
	background: none;
	border:1px solid #ccc ;
	position: relative;
}
.schedule:after{
	background-color:#f9f1b5;
	border:none;
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.hoshi {
  color: #1f9770;
  font-size: 17px;
}
.maru {
  color: #e8568d;
  font-size: 20px;
}
.shikaku {
  color: #5372e6;
  font-size: 20px;
}
.step-wrap5 {
 counter-reset: count;
 margin: 2em 0;
 position: relative;text-align: center;
}
.step-content5 {
 padding: 4em 0 2em;
 margin: 0;
 position: relative;counter-reset: number 4;
}
.step-content5::before {
 content: "";
 display: block;
 width: 70px;
 height: 70px;
 background: #6ab5a5;
 border-radius: 50%;
 position: absolute;
 top: 0;
 left: calc(50% - 27.5px);counter-reset: number 4;
}
.step-label5 {
color: #fff;
  font-weight: bold;
  font-size: 43px;
  position: absolute;
  top: 3px;
  left: calc(50% - 8px);
}

.step-title5 {
 font-weight: bold;
 font-size: 120%;
}
.step-title5::first-line {
 text-align: center;
}
.step-body5 {
 margin-top: 1.8em;
 padding: 0 0 1em;
 border-bottom: dotted 1px #808080;text-align: center;
}
/***ステップバーデザイン5***/

/***講義風景***/
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
  margin: 0 0 0px !important;
  padding: 0 !important;
  font-size: 0px !important;
  line-height: 0px !important;
}
div.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  width: 0px!important;
  height: 0px!important;
  letter-spacing: !important;
  font-size: 0rem!important;
  padding: 0px!important;
  background-color: rgba(255,105,212,0.0) !important;
  color:rgba(255,105,212,0.0) !important;
  border-color: rgba(255,105,212,0.0) !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  display:inline !important;
  padding: 0 0 !important;
  margin:0 !important;
  font-size: 0 !important;
  letter-spacing:0 !important;
  line-height: 0 !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: 0 0;
  color: rgba(255,105,212,0.0) !important;
  border: 1px solid rgba(255,105,212,0.0) !important;
  border-radius: 100px;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transform: scale3d(0,0,0);
  transform: scale3d(0,0,0);
  -webkit-transition: all .4s;
  transition: all .4s;
}
div.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  background: rgba(0, 0, 0, 0.0) !important;
}

/*aoフロー*/
.photo-l{
float: left;
  margin-right: 25px;
  margin-left: -4px;
    }
.photo-r {
  float: right;
  margin-left: 25px;

}
@media screen and (max-width: 599px) {
.photo-l{float:none;
margin: 0px auto 20px auto;text-align:center;display:block;
  }
  .photo-r {
  float:none;
margin: 0px auto;text-align:center;display:block;
}
}

h3.flow {
font-size: 1.5rem;
  color: #404040;
  letter-spacing: 1px;
  padding: 0 0 2px 0;
  border-bottom: 2px solid #7c9b78;
  margin-bottom: 10px;
  margin-top: 28px;
  font-weight: 600;
}
ul.flow_list{
	list-style: none;
	padding: 0;
	margin-top:9px; text-align: left;
}
ul.flow_list li{
border: 5px solid #4eb135;
  border-radius: 10px;
  margin-top: 45px;
  padding: 4px 40px;
  position: relative;
  Min-height: 155px;
}
ul.flow_list li::after{bottom: -64px;
  color: #4eb135;
  content: "▼";
  font-size: 33px !important;
  left: 48%;
  position: absolute;
  padding: 25px;
 }
ul.flow_list li.last::after{
    content: "";
}

@media screen and (max-width: 599px) {
  ul.flow_list li{ border: 5px solid #1e9949;   
    border-radius: 10px;   
    margin-top: 35px;   
    padding: 4px 10px;   
    position: relative;  
    min-height: 155px;padding-bottom: 20px;
  }
   }

/*----ao資格-------------**/
.ao_catch {
  color: #1c8d9f;
  font-size: 17px;
  font-weight: 550;
  line-height: 1.667;margin-top: 0px;text-align:left;
}
@media screen and (max-width: 834px) {
  .ao_catch {
    font-size: 16px;

    line-height: 1.467;margin-top: 0px;
  }
}
.text-left-box-ao {
  text-align: left;
  display: block;
  margin: 20px 35px;
  font-weight: 500;
}
ul.top-ao {
  border: solid 0px #ffb03f;
  padding: 0 0.5em;
  position: relative;margin: 0 0 10px 0 !important; text-align: left;
}

ul.top-ao li.top-aoli {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
font-size:18px;
}

ul.top-ao li.top-aoli:before {
position: absolute;
 left: 0.9em;
  color: #209e85;
  font-family: "Font Awesome 5 Free";
  content: '\f14a';
 
}

ul.top-ao li.top-aoli:last-of-type {
  border-bottom: none;
}
/*----ao流れ-------------**/
 .sp-page-builder .page-content #section-id-e62e68cd-b042-455c-8fc5-b00d287b4480 {
    padding-top:0px !important;}
.container-ao {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.column-ao {
  width: 100%;
}
h2.ao {
 position: relative;
  overflow: hidden;
  padding: 1.1rem 1.2rem 1rem 80px;
  border: 2px solid #fe4a61;
  font-size: 1.6rem;
  text-align: left;
  font-weight: bold;
  color: #443d3d;
}
h2.ao::before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 170px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #fe4a61;
}
h2.ao::after {
  content: "Point";
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;text-align: left;
}
h2.ao span.ao2 {
font-size: 2.2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 20px;
  padding-left: 11px;
  color: #fff;
}
/*----ao流れtext-------------**/


.ao_13 {
 background: #fffbe4;
  border-left: 10px dotted rgba(0,0,0,.1);
  box-shadow: 0 0 0 15px #fffbe4;
  padding: 0.7em 1em 0.4em 1.5em;
  text-align: left;
  font-weight: 520;font-size:16.5px
	}

.ao_13 span {
  border-bottom: solid 1px #BFBDAD;
  line-height: 2;
  padding-bottom: 3px;
}
.qa__paragraph {
 line-height: 2.5em;
}
@media screen and (max-width: 599px) {
  .ao_13 .qa__paragraph {
    font-size: 16px;
    width: 100%;
    text-align: left;
  }
}
/*----カリキュラム-------------**/
ul.cp-list {

  position: relative;
  text-align: left;
  padding-left: 1rem !important;
}

ul.cp-list li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;border-bottom: 1px solid #b0b0b0;
}
ul.cp-list li.type-middle {
  text-align: left;
  color: #f34281;
  font-size: 1.5rem;
  vertical-align: 4%;
}

ul.cp-list li:before {

}

/*----資格-------------**/
.cp_capabilities {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  background: #2d2d2d;
  border-radius: 0 1em 1em 0;
  margin-left: 1em;
  padding: 5px 0 5px 1.1em;
  font-size: 20px;
  font-weight: 530;
}
.cp_capabilities:before {
  position: absolute;
  content: '\002713';
  left: -1em;
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  color: #fff;
  background: #fe4a61;
  border: solid 3px #f8f9fa;
  border-radius: 50%;
  padding-top: 3px;
}
.type-middle2 {
  text-align: left;
  color: #f34281;
  font-size: 1.4rem;
  vertical-align: -2.5%;
}
.type-middle {
  text-align: left;
  color: #f34281;
  font-size: 1.3rem;
  vertical-align: 4%;
}
.type-big {
text-align: left;
  color: #f34281;
  font-size: 2.2rem;
  vertical-align: -2%;
}
.text-left-box-pr{padding: 10px;
  text-align: left;
  color: #3a3c42;
  font-size: 16.5px;
  display: block;
  margin: 0px 80px;
  font-weight: 500;
  line-height: 2;
}
@media (max-width: 767.98px) {
  .text-left-box-pr{padding: 10px;
  text-align: left;
  color: #3a3c42;
  font-size: 16.5px;
  display: block;
  margin: 0px 0px;
  font-weight: 500;
  line-height: 2;
}
  }
.txt-space {
  width: 100%;
  padding-left: 0px;
}
 .item-title {
 padding: 10px 20px 10px;
  background: #5ddbad;
  color: #fff;
  margin-bottom: 30px;
  font-size: 17px;
  text-align: left;
  font-weight: bold;
}
.title-admissions {
  border: 0px solid #dc3545;
  margin-bottom: 5px;
  padding: 10px 8px;
  background-color: #dc3545;
}
.admissions-text {
  border-left: 4px solid #fff;
  display: block;
  padding: 6px 0 6px 6px;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  font-weight: bold;
}
/*----qa-------------**/
.sppb-addon-accordion .sppb-panel .sppb-panel-title {
  line-height: 1.85;
  font-size: 17px !important;
}

.small {
  font-size: 12px !important;
}

.list-style-3 ul, ul.list-style-3 {
  padding-left: 0 !important;
  list-style: none;
  margin: 0 30px;
}

.list-style-3 ul > li::before, ul.list-style-3 > li::before {
  content: "";
  display: inline-block;
  margin-right: 0px !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-indent: -1.2rem;

}



.text-left-box{text-align:left;display:bolck;width:100%;margin:0 40px;}
/*---------

table

----------------------------**/

/*--- table-style_block
----------------------------**/
 .table-style.type-scroll table{
width: 97%;}
.table-style table{
margin: .75em auto .8em;
}

.table-style table,
.table-style table th,
.table-style table td{
    border: 1px solid #bfbfbf;
    border-spacing: 0;
    border-collapse: collapse;
}

.table-style table td,
.table-style table th{
    padding: .5em 1.5em;
    vertical-align: middle;
}
.table-style table td.size,
.table-style table th.size{
font-size:90%;
}

.table-style table th.emphasis,
.table-style table td.emphasis{
    background-color: rgba(255, 251, 219, 1);
}
.table-style table td.mark2{
padding: .75em 1em;     
  text-align: center;     
  font-size: 120%;     
  font-weight: bold;     
  font-family: "ゴシック";     
  color: #443a3a;
}
.table-style table td.size2{
font-size:90%;text-align:right;
}

.table-style table td small:not(.reception-hours),
.table-style table th small{
    font-size: 1.1rem;
}

.table-style table thead th,
.table-style table tbody th{
    text-align: center;
    background-color: #ededed;
}

.type-scroll_nav{
    display: inline-block;
    margin-top: 1em;
    position: relative;
}


@media not all and (min-width:768px){

.table-style table th,
.table-style table td{}

.table-style.type-block colgroup,
.table-style.type-block > table > thead{ display: none;}

.table-style.type-block > table{
border-left: none;
border-right: none;
 border-bottom: none;}

.table-style.type-block > table > thead td,
.table-style.type-block > table > tbody td,
.table-style.type-block > table > tbody th{ border-top: none;}

.table-style.type-block > table,
.table-style.type-block > table > tbody,
.table-style.type-block > table > thead > tr,
.table-style.type-block > table > tbody > tr,
.table-style.type-block > table > thead > tr > th,
.table-style.type-block > table > tbody > tr > th,
.table-style.type-block > table > tbody > tr > td{ display: block; width: 100%;}

.type-scroll_nav{ font-size: 0.8rem;
    text-align: left;
    display: block;}
.table-style.type-scroll{ overflow-x: scroll;}
.table-style.type-scroll table{ width: 100%; width: 100rem;}
.table-style table .type-scroll table{ width: max-content;}
}

@media (min-width:768px){

    .table-style table td,
    .table-style table th{ padding: .75em 1em;}
    .type-scroll_nav{ display: none;}
}


/*---------

沿革

----------------------------**/
#sppb-addon-wrapper-50cb1183-00e7-4b09-b0a6-5e7ea6044a6f {
  margin-right: 0px;
  margin-bottom: 70px;
  margin-left: 0px;
  text-align: center;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
  text-align: initial;
  padding: 15px;
 border: solid 1px #7e7e90 !important;
  border-radius: 5px;
  position: relative;
  width: 440px !important;
  margin-left: 15px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 1px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-color: #fff #fff transparent transparent;
  border-style: solid;
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 3px -3px 1px -2px rgba(0,0,0,.2);
  box-shadow: 3px -3px 1px -2px rgb(12, 12, 43) !important;
}
.sppb-addon-timeline .timeline-item .timeline-date {
  color: #202022 !important;
  font-size: 20px !important;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {
  text-align:left !important;
  margin-right: 15px;
  float: right;
  padding: 13px 20px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .title {
  font-size: 16px !important;
  margin: 0 0 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    text-align: left !important;
    margin-right: 0 !important;
    float: left !important;
    width: 100% !important;
    margin-left: 0;
    padding: 15px;
  }
}
/*----特色-------------**/
.subpoint-title2 {
  font-size: 120%;
  line-height: 1;
  padding: 30px 10px 10px 5px;
  border-bottom: 1px solid #868585;
  margin: 10px 0px;text-align: left;
}
.list-style-1 ul, ul.list-style-1 {
  padding-left: 0 !important;
  list-style: none;
  text-align: left;
}
.text-left-box{ text-align: left;display:block;margin: 40px 0;
  font-weight: 500;
}
.text-center-box{ text-align: center;display:block;margin: 40px 0;
  font-weight: 500;font-size:17px;
}
/*----２. 各学科の教育-------------**/
body .sppb-btn-dark-primary.sppb-btn-outline {
  background: transparent;
  color: #343a40;
  border-color: #7e7e90 !important;
}
.sppb-addon-text-block ol {
  padding-left: 15px;
  text-align: left;
  margin-bottom: 1.2rem;
}


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


/*---------

table普通文字サイズ

----------------------------**/

/*--- table-style_block
----------------------------**/

.table-style table{
    margin: .75em auto .8em;
}

.table-style table,
.table-style table th,
.table-style table td{
   border: 1px solid #b89dd2;
    border-spacing: 0;
    border-collapse: collapse;font-size: 16px;
  line-height: 1.6;
}

.table-style table td,
.table-style table th{
    padding: .5em 1.5em;
    vertical-align: middle;
}

.table-style table th.emphasis,
.table-style table td.emphasis{
    background-color: rgba(255, 251, 219, 1);
}
.table-style table td.shien{
   border-bottom: 3px solid #c87272 !important;
}

.table-style table td small:not(.reception-hours),
.table-style table th small{
    font-size: 1.1rem;
}

.table-style table thead th,
.table-style table tbody th{
    text-align: center;
    background-color: #f2e8fc;
}
.table-style table tbody th.shien2{
    text-align: center;
    background-color: rgb(223, 211, 235);border-bottom:2px solid #ad7fda !important;
}
.tuition-table th.total {
  background-color:rgb(240, 189, 211);font-size:14px;
}
.table-style table td.data-l{text-align:left;}

@media not all and (min-width:768px){

    .table-style table th,
    .table-style table td{}

    .table-style.type-block colgroup,
    .table-style.type-block > table > thead{ display: none;}

    .table-style.type-block > table{
        border-left: none;
        border-right: none;
        border-bottom: none;}

    .table-style.type-block > table > thead td,
    .table-style.type-block > table > tbody td,
    .table-style.type-block > table > tbody th{ border-top: none;}

    .table-style.type-block > table,
    .table-style.type-block > table > tbody,
    .table-style.type-block > table > thead > tr,
    .table-style.type-block > table > tbody > tr,
    .table-style.type-block > table > thead > tr > th,
    .table-style.type-block > table > tbody > tr > th,
    .table-style.type-block > table > tbody > tr > td{ display: block; width: 100%;}

    .type-scroll_nav{}
    .table-style.type-scroll{ overflow-x: scroll;}
    .table-style.type-scroll table{ width: 100%; width: 43rem;}
    .table-style table .type-scroll table{ width: max-content;}
}

@media (min-width:768px){

    .table-style table td,
    .table-style table th{ padding: .75em 1em;}
    .type-scroll_nav{ display: none;}
}

/*---------

list ul ol dl

----------------------------**/

/*--- circle & number & disc
----------------------------**/
ul.notes-list{list-style: none !important;}
.notes-list li{list-style: none !important;}
.notes-list li::before {
content: "" !important;
  display: inline-block;
  margin-right: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

}
ul.disc{ margin-left: 1em;}

ol.number,
ul.circle{ margin-left: 1.6em;}

ol.number li,
ul.disc li,
ul.circle li{ margin-bottom: .25em;}

ol.number > li{ list-style-type: decimal;}
ul.disc > li{ list-style-type: disc;}
ul.circle > li{ list-style-type: circle;}

.listindent{ margin-left: 1.6em;}

ol.number.indent,
ul.disc.indent,
ul.circle.indent{ margin-left: 2.4em;}


/*--- notes
----------------------------**/

.notes li,
.notes-list li{
    display: grid;
	grid-template-columns: auto 1fr;
    column-gap:.25em
}

@media not all and (min-width:768px){

    .notes,
    .notes-list li{ font-size: 1.1rem;}
}

@media (min-width:768px){
.notes,
.notes-list li{ }
}

/*--- check-mark
----------------------------**/

dl dt.check-mark,
ul.check-mark li{
    line-height: 1.5;
    padding-left: 2.4rem;
    margin: 0 1.2em 0.4em 0;
    position: relative;
}

dl dt.check-mark::before,
dl dt.check-mark::after,
ul.check-mark li::before,
ul.check-mark li::after{
    content: "";
    position: absolute;
}

dl dt.check-mark::before,
ul.check-mark li::before{
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid #000;
    background-color: #FFF;
    top: .3rem;
    left: 0;
}

dl dt.check-mark::after,
ul.check-mark li::after{
    width: 1.4rem;
    height: .8rem;
    top: .2rem;
    left: .2rem;
    border-left: .1rem solid #000;
    border-bottom: .1rem solid #000;
    transform: rotate(-45deg);
}

@media (min-width:768px){

    ul.check-mark li::before,
    dl dt.check-mark::before{ top: .5rem;}

    ul.check-mark li::after,
    dl dt.check-mark::after{ top: .4rem;}
}

/*--- link-list
----------------------------**/

.link-list:not(:last-child){ margin-bottom: 1em;}
.link-list a{ color: #27a3cc; text-decoration: underline;}

/*--- dl
----------------------------**/

dl dt{ font-weight: bold;}
}





p.menu-space {  margin: -30px 0px 0px 0;display:block;float:none;}

.ut-clients-style-1 .sppb-addon-content {
  background-color: #F8A9B3 !important;
}
@media (max-width: 1199.98px) {
#column-wrap-id-1531530897528{
    max-width: 25% !important;
    flex-basis: 25%;
  }
#column-wrap-id-1531529172786 {
    max-width: 50% !important;
    flex-basis: 50%;
  }
#column-wrap-id-1531530897529 {
    max-width: 25% !important;
    flex-basis: 25%;
  }
}
@media (max-width: 991.98px) {
#column-wrap-id-1531530897528{
    max-width: 50% !important;
    flex-basis: 50%;
  }
#column-wrap-id-1531529172786 {
    max-width: 100% !important;
    flex-basis:100%;
  }
#column-wrap-id-1531530897529 {
    max-width: 50% !important;
    flex-basis: 50%;
  }
}
/* top3boxao */
#sppb-addon-1531576179433 .sppb-feature-box-title {
  letter-spacing: 0px;
  color: #143032;
  font-weight: bold;
  text-align: center;
  display: block;
}
#sppb-addon-1531578103137 .sppb-feature-box-title {
  letter-spacing: 0px;
  color: #143032;
  font-weight: bold;
  text-align: center;
  display: block;
}
#sppb-addon-1531578103134 .sppb-feature-box-title {
    letter-spacing: 0px;
  color: #FE4A61;
  font-weight: bold;
  text-align: center;
  display: block;
}
/* top3box */
@media (max-width: 991.98px) {

  #column-wrap-id-1531575549043 {
    max-width: 33.3% !important;
    flex-basis: 33.3% !important;padding-right: 5px;
  padding-left: 5px;
  }

  #column-wrap-id-1531575549045 {
    max-width: 33.3% !important;
    flex-basis: 33.3% !important;padding-right: 5px;
  padding-left: 5px;
  }
#column-wrap-id-1531575549046 {
    max-width: 33.3% !important;
    flex-basis: 33.3% !important;padding-right: 5px;
  padding-left: 5px;}
  }

@media (max-width: 1199.98px) {
  #column-wrap-id-1531575549046 {
    max-width: 33.3% !important;
    flex-basis: 33.3% !important;padding-right: 10px;
  padding-left: 10px;
  }
#column-wrap-id-1531575549045 {
    max-width: 33.3% !important;
    flex-basis: 33.3% !important;padding-right: 10px;
  padding-left: 10px;
  }

   #column-wrap-id-1531575549043 {
    max-width: 33.3% !important;
    flex-basis: 33.3% !important;
    padding-right: 10px;
    padding-left: 10px;
  }

}
@media (max-width: 768px) {
   #column-wrap-id-1531575549046 {
    max-width: 50% !important;
    flex-basis: 50% !important;padding-right: 10px;
  padding-left: 10px;
  }
#column-wrap-id-1531575549045 {
    max-width: 50% !important;
    flex-basis: 50% !important;padding-right: 10px;
  padding-left: 10px;
  }

   #column-wrap-id-1531575549043 {
    max-width:50% !important;
    flex-basis: 50% !important;
    padding-right: 10px;
    padding-left: 10px;
  }

   }

@media (max-width: 767px) {
   #column-wrap-id-1531575549046 {
    max-width: 100% !important;
    flex-basis: 100% !important;padding-right: 10px;
  padding-left: 10px;
  }
#column-wrap-id-1531575549045 {
    max-width: 100% !important;
    flex-basis:100% !important;padding-right: 10px;
  padding-left: 10px;
  }

   #column-wrap-id-1531575549043 {
    max-width:100% !important;
    flex-basis: 100% !important;
    padding-right: 10px;
    padding-left: 10px;
  }
   }

/* 100%title */
#sppb-addon-1531547094377 .sppb-progress-label {
  font-weight: 700;
  color: #FE4A61 !important;
}
#sppb-addon-c3cc4776-349f-4687-b197-af18ef8f962d .sppb-progress-label {
  font-weight: 700;
  color: #FE4A61 !important;
}
#sppb-addon-1531547094365 .sppb-progress-label {
  font-weight: 700;
  color: #3f9777;
}
#sppb-addon-474e0737-0760-453c-aafa-e853ebc49829 .sppb-progress-label {
  font-weight: 700; color: #3f9777;
}

.sp-page-builder .page-content #section-id-1531611927481 .sppb-section-title .sppb-title-heading {
  text-align: center;
  font-weight: bold !important;
}  
@media (max-width: 575.98px) {
  .sp-page-builder .page-content #section-id-1531611927481 {
    padding-top: 0px !important;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
  
/* menu-btn */


.btn-open, .btn-open:link, .btn-open:visited {
 padding: 13px 10px;
 border: 1px solid #62bb9a;
  color: #1b1928 !important;
  text-transform: uppercase;
  font-size: 15px !important;
  letter-spacing: 0.5px;
  transition: all 0.2s ease-in-out;
  margin-right: 25px;
  background-color: #82e3c1;
  font-weight: bold !important;
  }

.btn-open:hover, .btn-open:link:hover, .btn-open:visited:hover {
 background:#fdc7ce;
  border: 1px solid #fb96a3;
  color: #fefefe;
  border-radius: 30px;
}

.btn-open a {
  padding: 15px 30px;
  text-decoration: none;
  font-size: 18px;
  display: block;
  margin: 20px auto;
}
@media (max-width: 768px) {
.table-style table td.data-l{text-align:center;}
}

/***topキャッチ***/
.study_box {
	border: 2px solid #f03d5f;
 padding: 0 30px 10px;
  position: relative;
  text-align: center;
  margin: 50px 95px 0 95px;
}
.study_box a:hover{
 background-color: #fffed8;transition: 0.4s ease;
}
#digital .study_box {
	border: 2px solid #f03d5f;
}
@media screen and (max-width: 767px) {
.study_box {
	padding: 20px; margin: 0px 20px 0 20px;
}
}
.study_box .study_box_title {
	position: relative;
  margin: 0 auto 30px;
    margin-top: 0px;
  padding: 10px 20px;

  font-weight: bold;
  background: #f03d5f;
  color: #FFF;
  border-radius: 5px;
  transform: skewX(-15deg);
  display: inline-block;
  margin-top: -35px;
  top: -10px;
}
@media screen and (max-width: 767px) {
.study_box .study_box_title {
	font-size: 16px;
	display: block;
}
}
.study_box .study_box_title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50% , 100%);
	border: 15px solid transparent;
	border-top: 15px solid #f03d5f;margin-bottom: 1px;
}
#digital .study_box .study_box_title {
	background: #f03d5f;
}
#digital .study_box .study_box_title:before {
	border-top: 15px solid #f03d5f;
}
.study_box .study_box_title_text {
	font-size: 17px;
  margin-bottom: 15px;
  font-weight: bold;
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
.study_box .study_box_title_text {
	font-size: 14px;
}
}