.elementor-7814 .elementor-element.elementor-element-a896181{--display:flex;--min-height:230px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-7814 .elementor-element.elementor-element-a896181:not(.elementor-motion-effects-element-type-background), .elementor-7814 .elementor-element.elementor-element-a896181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3399FF;background-image:url("https://www.oceanglide.com/wp-content/uploads/2025/06/p_obi.svg");background-position:100% 18px;background-repeat:no-repeat;background-size:contain;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7814 .elementor-element.elementor-element-dd15a87 .elementor-heading-title{font-family:"NotoSans JP", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-24fa62e );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7814 .elementor-element.elementor-element-4b2ac75{font-family:"montserrat", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-7814 .elementor-element.elementor-element-f77681d{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#EAF2FF;--border-color:#EAF2FF;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7814 .elementor-element.elementor-element-31a8530 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-7814 .elementor-element.elementor-element-31a8530{font-family:"NotoSans JP", Sans-serif;font-size:14px;font-weight:400;color:#666666;}.elementor-7814 .elementor-element.elementor-element-31a8530 a{color:#666666;}.elementor-7814 .elementor-element.elementor-element-2c1fad6{--display:flex;--padding-top:95px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-7814 .elementor-element.elementor-element-ebb41be{text-align:center;font-family:"NotoSans JP", Sans-serif;font-size:16px;font-weight:400;line-height:32px;word-spacing:0px;}.elementor-7814 .elementor-element.elementor-element-ebb41be p{margin-block-end:0px;}.elementor-7814 .elementor-element.elementor-element-b0bf05f > .elementor-widget-container{margin:72px 0px 0px 0px;}.elementor-7814 .elementor-element.elementor-element-a70e4f5 > .elementor-widget-container{margin:72px 0px 0px 0px;}.elementor-7814 .elementor-element.elementor-element-4342235 > .elementor-widget-container{margin:72px 0px 0px 0px;}.elementor-7814 .elementor-element.elementor-element-bb11a0b > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-7814 .elementor-element.elementor-element-7d6ffbc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7814 .elementor-element.elementor-element-7d6ffbc:not(.elementor-motion-effects-element-type-background), .elementor-7814 .elementor-element.elementor-element-7d6ffbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C6E3FF;}.elementor-7814 .elementor-element.elementor-element-826280e{text-align:center;}.elementor-7814 .elementor-element.elementor-element-826280e .elementor-heading-title{font-family:"NotoSans JP", Sans-serif;font-size:24px;font-weight:500;}.elementor-7814 .elementor-element.elementor-element-e91816e > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-7814 .elementor-element.elementor-element-e91816e.elementor-element{--align-self:center;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-7814 .elementor-element.elementor-element-a896181:not(.elementor-motion-effects-element-type-background), .elementor-7814 .elementor-element.elementor-element-a896181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}}@media(max-width:767px){.elementor-7814 .elementor-element.elementor-element-a896181{--min-height:150px;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7814 .elementor-element.elementor-element-a896181:not(.elementor-motion-effects-element-type-background), .elementor-7814 .elementor-element.elementor-element-a896181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;background-size:150px auto;}.elementor-7814 .elementor-element.elementor-element-dd15a87 .elementor-heading-title{font-size:20px;}.elementor-7814 .elementor-element.elementor-element-4b2ac75{font-size:15px;}.elementor-7814 .elementor-element.elementor-element-f77681d{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7814 .elementor-element.elementor-element-2c1fad6{--padding-top:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-7814 .elementor-element.elementor-element-ebb41be > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-7814 .elementor-element.elementor-element-ebb41be{font-size:15px;line-height:2em;}.elementor-7814 .elementor-element.elementor-element-b0bf05f > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7814 .elementor-element.elementor-element-b0bf05f.elementor-element{--align-self:center;}.elementor-7814 .elementor-element.elementor-element-a70e4f5 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7814 .elementor-element.elementor-element-4342235 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7814 .elementor-element.elementor-element-bb11a0b > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-7814 .elementor-element.elementor-element-7d6ffbc{--padding-top:50px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-7814 .elementor-element.elementor-element-826280e .elementor-heading-title{font-size:20px;line-height:27px;}.elementor-7814 .elementor-element.elementor-element-e91816e{width:100%;max-width:100%;}.elementor-7814 .elementor-element.elementor-element-c5dd463 > .elementor-widget-container{padding:10px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-b0bf05f */.sup-about {
  display: flex;
  align-items: center;
  gap: 28px;
}

.sup-about__image {
  position: relative;
  width: 220px;
  height: 220px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sup-about__image img {
  width: 220px;
  height: 220px;
  object-fit: cover;
  border-radius: 50%;
  border: 10px solid #3399FF;
  box-sizing: border-box;
}

.sup-about__main {
  flex: 1;
}

/* ▼ SUPとは？タイトルに青背景追加 */
.sup-about__heading {
  background: #3399FF;
  color: #fff;
  font-size: 19px;         /* 少し小さく */
  font-weight: 700;
  display: inline-flex;    /* flexで中央寄せ */
  align-items: center;     /* 縦中央 */
  justify-content: center; /* 横中央 */
  padding: 6px 18px;       /* コンパクト化 */
  border-radius: 9999px;   /* 完全な丸み */
  margin-bottom: 10px;
  letter-spacing: 0.02em;
  line-height: 1.3;
  box-shadow: 0 2px 3px rgba(0,0,0,0.08);
}

.sup-about__list {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
}

.sup-about__item {
  flex: 1 1 0%;
  min-width: 280px;
  max-width: 100%;
}

/* ▼ タイトル（初心者でも〜）の青背景を外す */
.sup-about__item-title {
  text-align: left;
  color: #3399FF;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 8px;
}

/* ▼ 本文を右いっぱいまで伸ばす */
.sup-about__item-text {
  font-size: 16px;
  line-height: 26px;
  display: block;
  max-width: none;
}

@media (max-width: 700px) {
  .sup-about {
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sup-about__image {
    margin-bottom: 0px;
    align-self: center;
  }

  .sup-about__main {
    width: 100%;
  }

  .sup-about__list {
    flex-direction: column;
    gap: 12px;
  }

  .sup-about__item {
    flex: 1 1 0%;
    min-width: 100%;
    max-width: 100%;
  }

  .sup-about__image img {
    width: 200px;
    height: 200px;
    border: 10px solid #3399FF;
    box-sizing: border-box;
  }

  .sup-about__heading {
    font-size: 18px;
    padding: 6px 16px;
  }

  .sup-about__item-title {
    font-size: 16px;
  }

  .sup-about__item-text {
    font-size: 15px;
    line-height: 26px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a70e4f5 */.course-image img{
    max-width: 620px;
  width: 100%;
}

/* 見出し帯 */
.course-title.beginner{
      
  background: #2B5AB1;
  

}


/* セパレータ */
.course-divider.beginner {
  border-bottom: 2px solid #2B5AB1;
}

/* サブ見出し＋テキスト */
.course-subtitle.beginner {
  color: #2B5AB1;
  
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NotoSans JP';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.oceanglide.com/wp-content/uploads/2025/06/NotoSansJP-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans JP';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.oceanglide.com/wp-content/uploads/2025/06/NotoSansJP-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans JP';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.oceanglide.com/wp-content/uploads/2025/06/NotoSansJP-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans JP';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.oceanglide.com/wp-content/uploads/2025/06/NotoSansJP-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSans JP';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.oceanglide.com/wp-content/uploads/2025/06/NotoSansJP-ExtraBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.oceanglide.com/wp-content/uploads/2025/06/Montserrat-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.oceanglide.com/wp-content/uploads/2025/06/Montserrat-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'montserrat';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.oceanglide.com/wp-content/uploads/2025/06/Montserrat-ExtraLight.woff2') format('woff2');
}
/* End Custom Fonts CSS */