.elementor-2126 .elementor-element.elementor-element-cdd1cd1{--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-2126 .elementor-element.elementor-element-cdd1cd1:not(.elementor-motion-effects-element-type-background), .elementor-2126 .elementor-element.elementor-element-cdd1cd1 > .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-2126 .elementor-element.elementor-element-f2e1b68 > .elementor-widget-container{margin:0px 0px 0px -10px;}.elementor-2126 .elementor-element.elementor-element-f2e1b68 .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-2126 .elementor-element.elementor-element-bf6e422{font-family:"montserrat", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-2126 .elementor-element.elementor-element-a9ee4ef{--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-2126 .elementor-element.elementor-element-6552e25 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-2126 .elementor-element.elementor-element-6552e25{font-family:"NotoSans JP", Sans-serif;font-size:14px;font-weight:400;color:#666666;}.elementor-2126 .elementor-element.elementor-element-6552e25 a{color:#666666;}.elementor-2126 .elementor-element.elementor-element-6662d9f{--display:flex;--padding-top:95px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2126 .elementor-element.elementor-element-09d900d{text-align:center;}.elementor-2126 .elementor-element.elementor-element-16ef03b{text-align:center;font-family:"NotoSans JP", Sans-serif;font-size:16px;font-weight:400;line-height:32px;word-spacing:0px;}.elementor-2126 .elementor-element.elementor-element-16ef03b p{margin-bottom:0px;}.elementor-2126 .elementor-element.elementor-element-20c575f > .elementor-widget-container{margin:72px 0px 0px 0px;}.elementor-2126 .elementor-element.elementor-element-e091d4d > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-2126 .elementor-element.elementor-element-e091d4d.elementor-element{--align-self:center;}.elementor-2126 .elementor-element.elementor-element-6881a42 > .elementor-widget-container{margin:186px 0px 0px 0px;}.elementor-2126 .elementor-element.elementor-element-7fff4fa > .elementor-widget-container{margin:-27px 0px 0px 0px;}.elementor-2126 .elementor-element.elementor-element-14f8630 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-2126 .elementor-element.elementor-element-14f8630.elementor-element{--align-self:center;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-2126 .elementor-element.elementor-element-cdd1cd1:not(.elementor-motion-effects-element-type-background), .elementor-2126 .elementor-element.elementor-element-cdd1cd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}}@media(max-width:767px){.elementor-2126 .elementor-element.elementor-element-cdd1cd1{--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-2126 .elementor-element.elementor-element-cdd1cd1:not(.elementor-motion-effects-element-type-background), .elementor-2126 .elementor-element.elementor-element-cdd1cd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;background-size:150px auto;}.elementor-2126 .elementor-element.elementor-element-f2e1b68 .elementor-heading-title{font-size:20px;}.elementor-2126 .elementor-element.elementor-element-bf6e422{font-size:15px;}.elementor-2126 .elementor-element.elementor-element-a9ee4ef{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-2126 .elementor-element.elementor-element-6662d9f{--padding-top:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-2126 .elementor-element.elementor-element-09d900d > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-2126 .elementor-element.elementor-element-16ef03b > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-2126 .elementor-element.elementor-element-20c575f > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-2126 .elementor-element.elementor-element-e091d4d{width:100%;max-width:100%;}.elementor-2126 .elementor-element.elementor-element-e091d4d > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-2126 .elementor-element.elementor-element-6881a42 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-2126 .elementor-element.elementor-element-7fff4fa > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-2126 .elementor-element.elementor-element-7fff4fa.elementor-element{--align-self:center;}.elementor-2126 .elementor-element.elementor-element-14f8630{width:100%;max-width:100%;}.elementor-2126 .elementor-element.elementor-element-14f8630 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 20px 0px 20px;}}/* Start custom CSS for html, class: .elementor-element-20c575f *//* 見出し帯 */
.drone .course-title {
  
  background:#3A9BFC;
  
}




/* セパレータ */
.drone .course-divider {
  border-bottom: 2px solid #3A9BFC;
  margin: 0 0 24px;
}







.note {
display: block;
  padding-left: 1.2em;          /* 「※」の幅分だけ左余白 */
  text-indent: -1.2em;          /* 1行目だけ左に戻す */
  font-size: 13px;
  line-height: 21px;
}

.course-section .note{
    display: block;
    font-size: 13px;
    margin-top: 10px;
    
}


/* 見出し帯 */
.course-title {
  background:#3A9BFC;
  
}

/* 金額 */
.course-price {
  font-size: 28px;
  font-weight: 800;
  margin: 49px 0px;
}




/* サブ見出し＋テキスト */
.course-subtitle {
  
  margin: 20px 0 9px;
}


.text_order {
    text-align: left;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e091d4d */.service-button {
  width: 520px;
  height: 110px;
  background-color: #3399FF;
  color: #fff;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;      /* ← center everything */
  position: relative;            /* ← for absolutely‐positioned icon */
  box-sizing: border-box;
  cursor: pointer;
  transition: none;
}

/* pull the icon out of the flow */
.service-button .icon {
  position: absolute;           /* ← remove from flex flow */
  right: 30px;                  /* ← your horizontal padding */
  width: 37px;
  height: 37px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

/* arrow */
.service-button .icon img {
  width: 9px;
  height: auto;
  display: block;
}

/* hover effect */
.service-button:hover .icon {
  transform: translateX(6px);
}

/* keep colors fixed */
.service-button:hover {
  background-color: #3399FF;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6881a42 */.course-section.reverse02 {
  flex-direction: row-reverse;
}
.course-section.reverse02 .course-details {
    clip-path: polygon(
    0 0,
    calc(100% - 10px) 0,
    100% 10px,
    100% 100%,
    10px 100%,
    0 calc(100% - 10px)
  );
  border-right: 10px solid #A9CBFB;
  border-bottom: 10px solid #A9CBFB;

}

.course-section.reverse02 .course-details {
  /* 左側にせり出すマージンも左右入れ替え */
  margin-top: -80px;
  margin-left: 0;
  margin-right: -80px;
}


@media (max-width: 767px) {

.course-section,
  .course-section.reverse02 {
    flex-direction: column;
  }
 
  .course-details,
  .course-section.reverse02 .course-details {
    margin: -50px 20px 0 20px;
    padding: 10px;
    height: auto;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    border-left: none;
    border-right: 10px solid #A9CBFB;
    border-bottom: 10px solid #A9CBFB;
  }
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fff4fa */.tour-point {
  display: flex;
  align-items: center;
  gap: 28px;
}

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

.tour-point__image img {
  width: 220px;
  height: 220px;
  object-fit: cover;
  border-radius: 50%;
  border: 10px solid #3399FF;
  box-sizing: border-box;
}
.tour-point__main {
  flex: 1;
}



.tour-point__heading {
  color: #3399FF;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0.01em;
  
}

.tour-point__list {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
}

.tour-point__item {
  flex: 1 1 0%;
  min-width: 280px;
  max-width: 280px;
}

.tour-point__item-title {
      min-width: 100%;
text-align: center;
  display: inline-block;
  background: #3399FF;
  color: #fff;
  font-weight: 800;
  font-size: 17px;
  border-radius: 20px;
  padding: 6px 16px;
  margin-bottom: 8px;
  margin-right: 4px;
  box-shadow: 0 1px 2px #e0f4ff;
}

.tour-point__item-text {
  font-size: 16px;
  line-height: 26px;
}

@media (max-width: 700px) {
    .tour-point__item-title {
     
  font-weight: 600;
  font-size: 16px;
 
}
.tour-point__item-text {
  font-size: 15px;
  line-height: 26px;
}
  .tour-point {  padding-left:20px;
  padding-right:20px;

    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .tour-point__image {
    margin-bottom: 0px;
    align-self: center; /* 中央寄せ */
  }
  .tour-point__main {
    width: 100%;
  }
  .tour-point__list {
    flex-direction: column;
    gap: 12px;
  }
  
  .tour-point__item {
  flex: 1 1 0%;
  min-width: 100%;
  max-width: 100%;
}

.tour-point__image img {
  width: 200px;
  height: 200px;
  border: 10px solid #3399FF;
  box-sizing: border-box;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14f8630 */.service-button {
  width: 520px;
  height: 110px;
  background-color: #3399FF;
  color: #fff;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;      /* ← center everything */
  position: relative;            /* ← for absolutely‐positioned icon */
  box-sizing: border-box;
  cursor: pointer;
  transition: none;
}

/* pull the icon out of the flow */
.service-button .icon {
  position: absolute;           /* ← remove from flex flow */
  right: 30px;                  /* ← your horizontal padding */
  width: 37px;
  height: 37px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

/* arrow */
.service-button .icon img {
  width: 9px;
  height: auto;
  display: block;
}

/* hover effect */
.service-button:hover .icon {
  transform: translateX(6px);
}

/* keep colors fixed */
.service-button:hover {
  background-color: #3399FF;
  color: #fff;
}/* 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 */