/*❁.｡.:*:.｡.✽.｡.:*:.｡.❁.｡.:*:.｡.✽.｡.:*:.｡.❁.｡.:*:.｡.✽

目次

・基本設定
・基本構造
・ヘッダー

・トップページ
・ニュース

・はじめてのダイビングガイド
・WITHの特徴
・ライセンス
・ブログ
・店舗・アクセス
・スタッフ紹介
・お問い合わせ

・よくある質問
・インタビュー
・お客様の声

❁.｡.:*:.｡.✽.｡.:*:.｡.❁.｡.:*:.｡.✽.｡.:*:.｡.❁.｡.:*:.｡.✽*/

.theme2024 #blog .introduction > p { /* 無料説明会のページ */
	margin:1rem 0;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　基本設定

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

*{ margin: 0; padding: 0;
   font-family : "ヒラギノ角ゴ Pro W3", "游ゴシック", "Noto Sans JP", "Arial", sans-serif;}
ul, ol { list-style : none}
html {	line-height : 1.5em;}

.clearfix:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	overflow:hidden;}
address { font-style:normal;}
body {
	margin:0;
	background-color:#FDFCF4;}
	
body.theme2024 {
	background-color:#FFF;
	height:100%;
	display:flex;
	flex-direction:column;
}

img {
	vertical-align:middle;
	border-style:none;
	height:auto;
	max-width:100%;
}

/* 共通の装飾
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/* 小文字 */
.theme2024 .smaller {
    font-size:smaller;
}


/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　基本構造

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* 1カラム　サイドバーなし
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 .fixed-page {
	width:calc(100% - 2.6rem);
	margin:0 auto;
	padding-top: calc(88px + 1rem);
}
	
@media screen and (min-width:769px){
.theme2024 .fixed-page {
	width:calc(100% - 10rem);
}
}

.theme2024 .fixed-page h1 {
	border:solid 1px #DDD;
	border-left:solid 0.5rem #FF3366;
	border-radius:5px;
	box-sizing:border-box;
	background-color:#FFF;
	padding:0.7rem;
	margin-bottom:1.5rem;
	font-size:1.2rem;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　ヘッダー2024

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/
.theme2024 header {
    position:fixed;
    top:0;
    left:0;
	background-color:#FFF;
	height:80px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-shadow:0 5px 8px rgba(0, 0, 0, 0.1);
	z-index:100;
}

.theme2024 main {
	padding-top:80px;
}

.theme2024 header #headermenu ul li a {
	color:#E50009;
	text-decoration:none;
	font-weight:bold;
	letter-spacing: 0.1rem;
}

@media screen and (max-width:768px){
.theme2024 header {
	width:calc(100% - 2rem);
	padding:0 1rem;
}

.theme2024 header #headermenu {
	display:none;
	width: 100%;
	height:100vh;
	position: fixed;
	top: 80px;
	left: 0;
	z-index:1;
	background-color:#FFF;
}

.theme2024 header #headermenu ul li {
	padding:1.3rem 1rem;
	text-align:center;
}

#toggleicon {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 28px;
  vertical-align: middle;
  cursor: pointer;
}

#toggleicon span { /* ハンバーガーアイコン */
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color:#E50009;
  transition: all .1s;
}

#toggleicon span:nth-of-type(1) {
  top: 0;
}

#toggleicon.active span:nth-of-type(1) {
  transform: translateY(12px) rotate(-45deg);
}

#toggleicon span:nth-of-type(2) {
  top: 12px;
}

#toggleicon.active span:nth-of-type(2) {
  opacity: 0;
}

#toggleicon span:nth-of-type(3) {
  bottom: 0;
}

#toggleicon.active span:nth-of-type(3) {
  transform: translateY(-12px) rotate(45deg);
}
}

@media screen and (min-width:769px){
.theme2024 header {
	width:calc(100% - 3rem);
	padding:0 1.5rem;
}

.theme2024 header nav ul {
	display:flex;
}

.theme2024 header nav ul li:not(:first-child) {
	margin-left:1.5rem;	
}
}






/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　トップページ

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* メインビジュアル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 #top .mainvisual {
	width:100%;
	margin-bottom:1rem;
}

@media screen and (min-width:769px){
.theme2024 #top .mainvisual {
	position:relative;
	overflow:hidden;
	z-index:0;
	text-align:center;
	margin-bottom:2rem;
}

.theme2024 #top .mainvisual:before {
    content: '';
	background-image:url("https://withkita.com/wp-content/themes/with/img/bn-cp.webp");
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    filter: blur(10px);
    z-index: -1;
}
}

.theme2024 #top .mainvisual a {
	display:block;
}

.theme2024 #top .mainvisual a img {
	max-width:100%;
}

@media screen and (min-width:769px){
.theme2024 #top .mainvisual img {
	height:calc(100vh - 80px - 3rem);
}
}

/* クイックアクセス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 #top .quick_access {
	margin:0 auto 2rem;
}

@media screen and (max-width:768px){
.theme2024 #top .quick_access {
	width:calc(100% - 1.6rem);
}
}

@media screen and (min-width:769px){
.theme2024 #top .quick_access {
	display:flex;
	justify-content:space-between;
	width:calc(100% - 6rem);
	margin:0 auto 4rem;
}
}

/* クイックアクセス ブログ最新記事
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 #top .quick_access figure.blogpost {
	position:relative;
	width:100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	margin:0 0 1rem;
}

@media screen and (min-width:769px){
.theme2024 #top .quick_access figure.blogpost {
	width:46%;
	aspect-ratio: 6 / 5;
}
}

.theme2024 #top .quick_access figure.blogpost a {
	text-decoration:none;
	display:block;
	color:#FFF;
}

/* アイキャッチ */
.theme2024 #top .quick_access figure.blogpost img {
	width:100%;
	height:100%;
	border-radius:10px;
	object-fit:cover;
	-webkit-object-fit:cover;
	object-position:center;
}

/* カテゴリ・更新日の枠
━━━━━━━━━━━━━━━*/
.theme2024 #top .quick_access figure.blogpost figcaption {
	position:absolute;
	bottom:0;
	padding:1rem;
}

.theme2024 #top .quick_access figure.blogpost figcaption #update {
	display:flex;
	margin-bottom:0.5rem;
	align-items:center;
}

/* カテゴリ名 */
.theme2024 #top .quick_access figure.blogpost figcaption #update .category {
	display:inline-block;
	padding:3px 10px;
	border-radius:2px;
	font-size:0.9rem;
	margin-right:0.8rem;
}

/* 更新日 */
.theme2024 #top .quick_access figure.blogpost figcaption #update .date {
	font-size:1.1rem;
}

/* ブログタイトル */
.theme2024 #top .quick_access figure.blogpost figcaption figcaption h3 {
	letter-spacing:2px;
	font-size:1.3rem;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
}

/* クイックアクセス 説明会、体験、LINEバナー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 #top .quick_access ul.bn_link {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

@media screen and (min-width:769px){
.theme2024 #top .quick_access ul.bn_link {
	width:calc(54% - 2rem);
}
}

.theme2024 #top .quick_access ul.bn_link li:not(:last-child) {
	width:calc((100% - 1rem) / 2);
	margin-bottom:1rem;
}

@media screen and (max-width:768px){
.theme2024 #top .quick_access ul.bn_link li:last-child {
	margin-bottom:1rem;
}
}

.theme2024 #top .quick_access ul.bn_link li img {
	width:100%;
	border-radius:15px;
}

/* ニュース（お知らせ・告知）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 #top section.news {
	width:calc(100% - 1.6rem);
	margin:0 auto;
}

@media screen and (min-width:769px){
.theme2024 #top section.news {
	width:calc(100% - 6rem);
}
}

.theme2024 #top section.news h2 {
	text-align:center;
}

.theme2024 #top section.news ul {
	padding:1.5rem 1rem;
	border:solid 2px #AAA;
	border-radius:5px;
	margin:2rem auto;
}

.theme2024 #top section.news ul li {
	display:flex;
	align-items:center;
}

@media screen and (max-width:768px){
.theme2024 #top section.news ul li {
    flex-wrap:wrap;
}
}

@media screen and (min-width:769px){
.theme2024 #top section.news ul {
	padding:1.5rem 3rem;
}
}

.theme2024 #top section.news ul li:not(:last-child) {
	margin-bottom:1rem;
}

@media screen and (max-width:768px){
.theme2024 #top section.news ul li:last-child {
    width:100%;
}
}

.theme2024 #top section.news ul li div.date {
	color:#E50009;
	font-weight:bold;
	margin-right:1rem;
}

.theme2024 #top section.news ul li div.category {
	color:#666;
	font-weight:bold;
}

@media screen and (min-width:769px){
.theme2024 #top section.news ul li div.category {
	margin-right:2rem;
	font-size:smaller;
}
}

.theme2024 #top section.news ul li h3 a {
	text-decoration:none;
	color:#000;
	font-size:1rem;
}

/* ニュース一覧のボタン */
.theme2024 #top section.news ul li.newslist {
	display:block;
	text-align:right;	
}

.theme2024 #top section.news ul li.newslist img.icon {
	margin-left:0.5rem;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　ニュース

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/
.theme2024 #news section.list {
	margin-bottom:2rem;
}

.theme2024 #news section.list ul li {
	border-bottom:solid 1px #CCC;
	padding:1rem 0;
}

.theme2024 #news section.list ul li:first-child {
	padding-top:0rem;
}
	
.theme2024 #news section.list ul li a {
	color:#333;
	text-decoration:none;
	display:inline-block;
}

@media screen and (min-width:769px){
.theme2024 #news section.list ul li a {
	display:flex;
	align-items:center;
}
}

/* カテゴリ・更新日の枠
━━━━━━━━━━━━━━━*/
.theme2024 #news section.list ul li a div.date-cate {
	display:flex;
	align-items:center;
}

@media screen and (max-width:768px){
.theme2024 #news section.list ul li a div.date-cate {
	margin-bottom:3px;
}
}

/* 掲載日 */
.theme2024 #news section.list ul li a div.date-cate h4.date {
	font-weight:normal;
}

/* カテゴリ */
.theme2024 #news section.list ul li a div.date-cate h4.category {
	display:inline-block;
	padding:0 0.8rem;
	border:solid 1px #CCC;
	border-radius:5px;
	color:#333;
	margin:0 1rem;
	font-weight:normal;
}

@media screen and (max-width:768px){
.theme2024 #news section.list ul li a div.date-cate h4.category {
	font-size:0.9rem;
}
}

/* お知らせ */
.theme2024 .cate29 {
	background-color:#F6F6F6;
}

/* メディア出演 */
.theme2024 .cate28 {
	background-color:#FFED95;
}

/* 記事タイトル */
.theme2024 #news section.list ul li a h3 {
	font-size:1rem;
	font-weight:normal;
}




/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　はじめてのダイビングガイド

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* 導入
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#beginner-guide .catch {
	padding:5rem 0;
}

#beginner-guide .catch .inner {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#beginner-guide .catch .ttl {
	display:inline-block;
	margin-right:4rem;
	text-align:left;
	vertical-align:middle;
}

#beginner-guide .catch .ttl p {
	color:#666;
	font-size:1.6rem;
	line-height:1.6;
	margin-bottom:1rem;
}

#beginner-guide .catch .ttl h1 {
	color:#09C;
	letter-spacing:2px;
}

#beginner-guide .catch .ttl h1 span {
	font-size:1.6rem;
}

#beginner-guide .catch .txt {
	display:inline-block;
	color:#666;
	line-height:1.8rem;
	text-align:left;
	vertical-align:middle;
}

/* 各セクションへのリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#beginner-guide #guide-menu {
	background-color:#F3F3F3;
	padding:5rem 0;
}

#beginner-guide #guide-menu ul {
	width:calc(100% - 6rem);
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#beginner-guide #guide-menu ul li {
	background-color:#FCC;
	width:calc((100% - 4rem) / 3);
	margin-bottom:3rem;
}

#beginner-guide #guide-menu ul li a {
	display:block;
	color:inherit;
	text-decoration:none;
}

#beginner-guide #guide-menu ul li img {
	margin-bottom:1rem;
	width:100%;
	height:250px;/*画像の縦サイズを統一できたら不要なプロパティ*/
	object-fit:cover;/*画像の縦サイズを統一できたら不要なプロパティ*/
}

#beginner-guide #guide-menu ul li h2 {
	font-size:1.2rem;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:1rem;
}

#beginner-guide #guide-menu ul li p {
	font-size:0.8rem;
	color:#666;
}

/* セクションページのヘッダーナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.beginner-guide nav {
	padding:0 3rem;
	text-align:center;
	background-color:#09C;
}

.beginner-guide nav ul li {
	display:inline-block;
}

.beginner-guide nav ul li a {
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	padding:1rem 0;
	letter-spacing:1px;
	font-weight:bold;
}

.beginner-guide nav ul li:not(:last-child) a:after {
    content:'｜';
    display:inline-block;
		margin:0 1rem;
}

/* セクションページのアイキャッチ画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.beginner-guide #eyecatch {
	height:400px;
	overflow:hidden;	
}

/* セクションページ本文
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.beginner-guide article {
	width:calc(100% - 6rem);
	margin:5rem auto;
}

.beginner-guide article h1 {
	font-size:2rem;
	color:#333;
	margin-bottom:3rem;
}

.beginner-guide article section {
	margin-bottom:3rem;
}

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

　WITHの特徴

-------------------------------------------*/
section#about ul {
	margin:0.8rem 0;
}

section#about ul li {
    background-color:#FFF;
    padding:0.8rem;
    margin-bottom:0.8rem;
}

section#about ul li div h3 {
    color:#FF4F40;
    margin-bottom:0.3rem;
    font-size:1rem;
    margin-top:0.5rem;
}

section#about ul li div p {
    font-size:0.9rem;
}

@media screen and (max-width:768px){
section#about ul li img {
    width:100%;
}
}

@media screen and (min-width:769px){
section#about ul {
	margin:1rem 0;
}

section#about ul li {
	display:flex;
}

section#about ul li div {
	margin-left:0.8rem;
	width:calc(100% - 235px - 1rem);
}
}


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

　ライセンス

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

/* キャンペーン
-------------------------------------------*/
.theme2024 #licence img {
	max-width:100%;
}

/* 自社施設
-------------------------------------------*/
.theme2024 #licence .facilities h3 {
	text-align:center;
    border-top:solid 2px #000;
    border-bottom:solid 2px #000;
    background-color:#FF9;
    padding:10px;
}

.theme2024 #licence .facilities h4 {
	color:#E50009;
}

/* 講習の流れ
-------------------------------------------*/
.theme2024 #licence h2 {
	border: solid 1px #DDD;
    border-left: solid 0.5rem #FF3366;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 0.7rem;
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

section.flow ul li {
    border:solid 3px #F90;
    border-radius:5px;
    padding:0.8rem;
    background-color:#FFF;
    margin-bottom:0.8rem;
}

section.flow li div img {
	width:100%;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　ブログ

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* 一覧
-------------------------------------------*/
.theme2024 #blog .list ul li {
	border:solid 1px #CCC;
	margin-bottom:2rem;
}

.theme2024 #blog .list li a {
	display:block;
	color:#000;
	text-decoration:none;
	position:relative;
	overflow:hidden;
}

/* サムネイル */
.theme2024 #blog .list ul li a img {
	width:100%;
	height:auto;
	object-fit:cover;
	aspect-ratio:3 / 2;
	margin-bottom:1rem;	
}

/* 記事タイトル */
.theme2024 #blog .list ul li a h3 {
	color:#333;
}

/* カテゴリ・日付 */
.theme2024 #blog #date {
	display:flex;
	align-items:center;
	margin:0.5rem 0;
}

/* カテゴリ */
.theme2024 #blog #date .category {
    display:inline-block;
    font-size:1rem;
    padding:2px 0.5rem;
    margin-right:1rem;
    border-radius:3px;
}

.theme2024 #blog #date .date {
    color:#333;
	font-weight:normal;
}

.theme2024 #blog div.content img {
    margin:1rem 0;
}

/* 一覧ページネーション */
.theme2024 .pagenation ul {
	margin:0 auto 40px;
	padding:0;
	display:table;
}

.theme2024 .pagenation ul li {
	display:table-cell;
	padding:0;
	margin:0;
}

.theme2024 .pagenation ul li .page-numbers {
	margin:0 1px;
	padding:6px 10px;
	border:solid 1px #CCC;
	box-sizing:border-box;
	background-color:#FFF;
	display:block;
	color:#0066CC;
}

.theme2024 .pagenation ul li .current {
	background-color:#0066CC;
	color:#FFF;
}

/* ブログアーカイブリンク */
.theme2024 #blog_archives > div h2 {
	border-bottom:solid 1px #999;
	padding:3px 0;
}


/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　シングルページ

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* パンくずリスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 #pankuzu {
	padding:0.8rem 1rem 3px;
}

@media screen and (min-width:769px){
.theme2024 #pankuzu {
	padding:0.8rem 0 3px;
}
}

.theme2024 #pankuzu p a {
	text-decoration:none;
	color:#555;
	font-size:smaller;
}

/* ＞アイコン
━━━━━━━━━━━━━━━*/
.theme2024 #pankuzu p .icon { 
	margin:0 0.5rem;
}

@media screen and (min-width:769px){
.theme2024 #pankuzu p .icon {
	width:0.6rem; 
	height:0.6rem;
	margin:0 0.5rem;
}
}

.theme2024 #blog-article article {
	padding:0 1rem 1rem;
}

/* 記事タイトル */
.theme2024 #blog-article article h1 {
	margin:1rem 0;
	color:#333;
	line-height:2rem;
}

/* カテゴリ・日付 */
.theme2024 #blog-article article div#date {
	display:flex;
	align-items:center;
	margin-bottom:2rem;
	color:#333;
}

.theme2024 #blog-article article div#date .category { /* カテゴリ */
	border-radius:5px;
	padding:2px 0.8rem;
	margin-right:1rem;
}

.theme2024 #blog-article article div#date .date { /* 日付 */
	font-weight:normal;
}

/* アップロード画像 */
.theme2024 #blog-article article .content img {
	width:70%;
	margin:0.5rem 0;
}

/* キャンペーンリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 aside#license {
	background-color:#FAECEB;
	padding:2rem 1rem;
	margin:2rem 0;
}

.theme2024 aside#license {
	margin-top:2rem;
}

.theme2024 aside#license p {
	color:#FF5840;
	font-weight:bold;
}

.theme2024 aside#license a {
	display:block;
}

.theme2024 aside#license a img {
	border-radius:5px;
	width:100%;
}

/* シングルページネーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 #single-pagenation ul {
	display:flex;
	justify-content:center;
	gap:1rem;
	margin:0 1rem;
}

@media screen and (min-width:769px){
.theme2024 #single-pagenation ul {
	gap:1.5rem;
	margin:0;
}
}

.theme2024 #single-pagenation ul li {
	width:calc((100% - 0.5rem) / 2);
	border:solid 1px #CCC;
	border-radius:10px;
}

@media screen and (min-width:769px){
.theme2024 #single-pagenation ul li {
	width:calc((100% - 2rem) / 2);
	border-radius:5px;
}
}

.theme2024 #single-pagenation ul li a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:1rem;
}

/* 次の記事へ/前の記事へ */
.theme2024 #single-pagenation ul li p {
	text-align:center;
}

/* アイキャッチ */
.theme2024 #single-pagenation ul li a figure {
	width:100%;
	aspect-ratio: 3 / 2;
	overflow:hidden;
	margin:0.5rem 0;
}

.theme2024 #single-pagenation ul li a figure img {
	width:100%;
	height:100%;
	object-fit:cover;
	-webkit-object-fit:cover;
	object-position:center;
}

/* 記事タイトル */
@media screen and (max-width:768px){
.theme2024 #single-pagenation ul li a h3 {
	font-size:1rem;
}
}

/* カテゴリ色分け
-------------------------------------------*/
.theme2024 .cate33 { /* まめ知識 */
	background-color:#FB753C;
	color:#FFF;
}

.theme2024 .cate32 { /* 生き物の紹介 */
	background-color:#3595DB;
	color:#FFF;
}

.theme2024 .cate61 { /* キャンペーン */
	background-color:#FFA817;
	color:#FFF;
}

.theme2024 .cate21 { /* イベント情報 */
	background-color:#50B9DC;
	color:#FFF;
}

.theme2024 .cate20 { /* 講習風景 */
	background-color:#F17C97;
	color:#FFF;
}

.theme2024 .cate6 { /* ツアー */
	background-color:#62C8C2;
	color:#FFF;
}

/* 過去記事サイドバー
-------------------------------------------*/
.theme2024 #archivelist {
	margin-top:3rem;
}

.theme2024 #archivelist a {
	text-decoration:none;
	color:#324896;
}

.theme2024 #archivelist h3 {
	border-bottom:solid 1px #DDD;
	color:#333;
	margin-bottom:1rem;
	padding-bottom:3px;
}

.theme2024 #archivelist h3 .small {
	font-size:0.9rem;
	margin-left:0.5rem;
}

/* カテゴリー一覧 */
.theme2024 #archivelist #category ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:1rem;
}

.theme2024 #archivelist #category ul li {
	width:calc((100% - 1rem) / 2);
	margin-bottom:1rem;
	font-weight:bold;
}

.theme2024 #archivelist #category ul li a {
	display:block;
	padding:0.5rem;
	height:3rem;
	color:#FFF;
}

/* 月別・年別記事 */
.theme2024 #archivelist #archive ul {
	letter-spacing:2px;
	font-size:1.1rem;
}

.theme2024 #archivelist #archive ul li {
	font-weight:bold;
	margin-bottom:1rem;
	color:#324896;
}

.theme2024 #archivelist #archive ul.child {/* 今年の月別 */
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.theme2024 #archivelist #archive ul.child li {
	width:calc((100% - 1rem) / 2);
	margin-bottom:1rem;
}

.theme2024 #archivelist #archive ul.child li a {
	display:block;
	background-color:#D5E9EA;
	padding:0.5rem;
	height:3rem;
}

.theme2024 #archivelist #archive ul.past { /* 去年以前の年別 */
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.theme2024 #archivelist #archive ul.past li {
	width:calc((100% - 1rem) / 2);
	margin-bottom:1rem;
}

.theme2024 #archivelist #archive ul.past li a {
	display:block;
	background-color:#D5E9EA;
	padding:0.5rem;
	height:3rem;
}

/* 過去記事一覧ページ
-------------------------------------------*/
.theme2024 #kari {
	width: calc(100% - 1.6rem);
	margin: 0 auto;
}

.theme2024 #kari h1 {
	border:solid 1px #DDD;
	border-left:solid 0.5rem #FF3366;
	border-radius:5px;
	box-sizing:border-box;
	background-color:#FFF;
	padding:0.7rem;
	margin-bottom:1.5rem;
	font-size:1.2rem;
}

.theme2024 #kari .list ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.theme2024 #kari .list ul li {
	width:calc((100% - 5.5rem) / 2);
	border:solid 1px #CCC;
	border-radius:10px;
	margin-bottom:2rem;
	padding: 1rem;
}

.theme2024 #kari .list ul li a {
	display:block;
	color:#000;
	text-decoration:none;
	position:relative;
	overflow:hidden;
}

/* サムネイル */
.theme2024 #kari .list ul li a img {
	width:100%;
	height:auto;
	object-fit:cover;
	aspect-ratio:3 / 2;
	margin-bottom:1rem;	
}

/* 記事タイトル */
.theme2024 #kari .list ul li a h3 {
	color:#333;
}

/* カテゴリ・日付 */
.theme2024 #kari #date {
	display:flex;
	align-items:center;
	margin:0.5rem 0;
}

/* カテゴリ */
.theme2024 #kari #date .category {
    display:inline-block;
    font-size:1rem;
    padding:2px 0.5rem;
    margin-right:1rem;
    border-radius:3px;
}

.theme2024 #kari #date .date {
    color:#333;
	font-weight:normal;
}

.theme2024 #kari div.content img {
    margin:1rem 0;
}


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

　スタッフ紹介

-------------------------------------------*/
@media screen and (max-width:768px){
section#staff ul li {
    padding:0.5rem;
    background-color:#FFF;
    margin-bottom:0.8rem;
}

section#staff ul li div img {
    max-width:100%;
}

section#staff ul li div h3{
    font-size:1rem;
    margin:0.5rem 0;
}

section#staff ul li div p {
    font-size:0.9rem;
}

section#staff ul li div p.prof {
    font-size:0.8rem;
    margin-top:0.8rem;
    background-color:#EBEBEB;
    padding:0.5rem;
    border-radius:0.3rem;
}
}

@media screen and (min-width:769px){
section#staff > p {
	margin-bottom:0.8rem;
}

section#staff ul {
	margin-bottom:1rem;
	width:100%;
}

section#staff ul li {
	padding:1rem;
	background-color:#FFF;
	display:flex;
	justify-content:space-between;
	margin-bottom:1rem;
}

section#staff ul li div {
	width:calc(50% - 0.5rem);
}

section#staff ul li div img {
	max-width:100%;
}

section#staff ul li div h3{
	font-size:1rem;
	margin-bottom:0.5rem;
}

section#staff ul li div p {
	font-size:0.9rem;
}

section#staff ul li div p.prof {
	font-size:0.8rem;
	margin-top:0.8rem;
	background-color:#EBEBEB;
	padding:0.5rem;
	border-radius:0.3rem;
}
}

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

　スタッフ2024

-------------------------------------------*/
.theme2024 #staff h2 {
	display:table;
	font-size:1.2rem;
	margin:1rem 0;
	padding-bottom:0.1rem;
	color:#E50009;
	border-bottom: solid 2px #E50009;
}

.theme2024 #staff .staff ul.branch {
	width:100%;
	margin-bottom:3rem;
}

.theme2024 #staff .staff ul.branch li p.highlight { /* キャッチコピー */
	font-size:1.4rem;
	line-height:1.7rem;
	color:#0F90CD;
	font-weight:bold;
	margin-bottom:0.5rem;
}

.theme2024 #staff .staff ul.branch li div img.staff {
    width:100%;
}

.theme2024 #staff .staff ul.branch li h4.position { /* 肩書き */
	font-size:0.7rem;
}

.theme2024 #staff .staff ul.branch li span.phonetics {
	color:#666;
	font-style:italic;
}

.theme2024 #staff .staff ul.branch li p.certification {
	font-size:0.9rem;
}

.theme2024 #staff .staff ul.branch li ul.prof {
	background-color:#E4F3F5;
    border-radius:0.3rem;
	margin-top:1rem;
	padding:0.8rem;
}

.theme2024 #staff .staff ul.branch li ul.prof li h4 {
	color:#0F90CD;
}

.theme2024 #staff .staff ul.prize { /* 受賞歴 */
	padding:1rem;
    border-radius:0.3rem;
	margin-top:1rem;
	background-color:#FFF2CC;
}

.theme2024 #staff .staff ul.prize h4 {
	color:#936F00;
}

.theme2024 #staff .staff ul.prize p {
	font-style:italic;
}

/* インストラクター・ダイブリーダー
-------------------------------------------*/
section#intra > p {
	margin-bottom:1rem;
}

section#intra ul {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
	width:100%;
}

section#intra ul li img {
	width:100%;
}

@media screen and (max-width:768px){
section#intra ul li {
    width:calc(50% - 0.4rem);
	margin-bottom:0.8rem;
}
}

@media screen and (min-width:769px){
section#intra ul li {
    width:calc(50% - 0.5rem);
	margin-bottom:1rem;
}
}

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

　店舗・アクセス

-------------------------------------------*/
section#access figure img {
	width:100%;
}

section#access iframe.map {
	width:100%;
	min-height:400px;
	margin-bottom:1rem;
}

section#access table {
	border-collapse:collapse;
	width:100%;
	margin-bottom:1rem;
}

section#access table tr th {
	padding:0.5rem;
	font-weight:normal;
	border:solid 1px #666;
	background-color:#FFF;
}

section#access table tr td {
	padding:0.5rem;
	border:solid 1px #666;
	background-color:#FFF;
}


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

　店舗一覧2024

-------------------------------------------*/
article.location address {
	border:solid 1px #CCC;
	border-radius:5px;
}

article.location address div.facade img {
	width:100%;
}

article.location address ul.address li:first-child { /* 店名 */
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:0.2rem;
}

article.location address ul.address li.tel { /* 電話番号 */
	font-size:1.2rem;
}

article.location address img.icon { /* 電話アイコン */
	width:0.8rem;
	height:0.8rem;
}

article.location address ul.address li button.map { /* 地図ボタン */
	background-color:#FF0;
	border:solid 2px #333;
	border-radius:5px;
}

article.location address button.map a {
	display:block;
	padding:0.3rem 1.3rem;
	font-weight:bold;
	text-decoration:none;
	font-size:1.3rem;
	color:#333;
	letter-spacing:0.2rem;
}

article.location > h2 { /* 姉妹店 */
	background-color:#666;
	border-radius:4px;
	padding:6px 1rem;
	color:#FFF;
	margin-bottom:1.8rem;
	font-size:1.2rem;
}

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

　お問い合わせ

-------------------------------------------*/
section.contact {
	background-color:#FFF;
	box-sizing:border-box;
	padding:1rem;
}

section.contact h3 {
	border-left:solid 6px #FE9C53;
	border-bottom:solid 1px #FE9C53;
	padding:0.3rem 0rem 0.3rem 0.5rem;
	margin-bottom:0.8rem;
}

/* 電話問い合わせ
-------------------------------------------*/

/* 電話番号 */
section.contact p a.tel {
	font-size:1.6rem;
	color:#F30;
	margin:0.8rem 0;
	font-weight:bold;
	display:inline-block;
	text-decoration:none;
}

@media screen and (min-width:769px){
/* 電話番号 */
section.contact p a.tel {
	font-size:1.8rem;
	margin:0.5rem 0;
}
}

/* WEB問い合わせ
-------------------------------------------*/
form.wpcf7-form > p:nth-of-type(odd) {
	margin-top:0.8rem;
}

form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form label ,
form.wpcf7-form textarea {
	margin-bottom:1rem;
	display:inline-block;
    padding:0.5rem;
	font-size:1rem;
}

form.wpcf7-form select {
    appearance:none;
}

@media screen and (max-width:768px){
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form textarea {
	width:100%;
}
}

form.wpcf7-form input[type="submit"] {
    appearance:none;
    padding:0.5rem 1rem;
	display:block;
    width:24%;
    margin:0 auto;
    font-weight:bold;
    font-size:1rem;
    letter-spacing:0.2rem;
    background-color:#F60;
    color:#FFF;
	margin-bottom:1rem;
}

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

　お問い合わせ2024

-------------------------------------------*/
.theme2024 #contactus h3 {
	margin-bottom:1rem;
}

.theme2024 #contactus #email ul {
	display:flex;
	justify-content:space-between;
}

.theme2024 #contactus #email ul li {
	width:calc((100% - 2rem) / 2);
	border:solid 1px #999;
	border-radius:10px;
	background-color:#EEE;
	text-align:center;
}

.theme2024 #contactus #email ul li a {
	display:block;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	padding:3rem 0;
	font-size:1.5rem;
}

.theme2024 #contactus #tel ul li h2 {
	font-size:1.1rem;
}

.theme2024 #contactus #tel ul li .tel {
	font-size:2rem;
	font-weight:bold;
	margin:0.8rem 0;
}

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

　お問い合わせフォーム2024

-------------------------------------------*/
.theme2024 #inquiry h1 {
	text-align:center;
	margin:1rem 0;
}

.theme2024 #inquiry ul li {
	padding:2rem 0;
	background-image: linear-gradient(to right, #999, #999 2px, transparent 2px);
	background-size: 10px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}

.theme2024 #inquiry ul li div input,
.theme2024 #inquiry ul li div select,
.theme2024 #inquiry ul li div label {
	margin:0;
}

.theme2024 #inquiry ul li div select {
	padding:7px 1.5rem;
	margin:0 0.5rem;
}

.theme2024 #inquiry ul li h3 {
	margin-bottom:0.5rem;
}

.theme2024 #inquiry ul li p {
	color:#333;
	margin-top:5px;
}

.theme2024 #inquiry input[type="radio"],
.theme2024 #inquiry input[type="checkbox"] {
	transform:scale(2.5);
	margin-right:1rem;
}

.theme2024 #inquiry .wpcf7-list-item {
	margin:0 2rem 0 0;
}

.theme2024 #inquiry .required {
	background-color:#E50009;
	color:#FFF;
	font-size:1rem;
	padding:0 0.8rem;
	margin-left:0.5rem;
}

.theme2024 #inquiry div.acceptance {
	display:flex;
	align-items:center;
	margin:2rem 0;
}

.theme2024 #inquiry div.acceptance input {
	display:inline-block;
	padding:0;
	margin:0;
}


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

　よくある質問

-------------------------------------------*/
section.faq ul li {
    border:solid 1px #CCC;
    background-color:#F6F6F6;
    border-radius:5px;
    padding:0.5rem;
    margin-bottom:0.8rem;
}

section.faq ul li h3 {
    margin-bottom:0.5rem;
    color:#FF4F40;
    font-size:1rem;
}

section.faq ul li p {
    font-size:0.9rem;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　インタビュー一覧ページ

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/
.theme2024 #interview {
	margin:0 auto;
}

/* メインビジュアル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
@media screen and (min-width:769px){
/* 区画 */
.theme2024 #interview div.title {
	background-color:#125F9C;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1rem 3rem;
}
}

@media screen and (max-width:768px){
/* サブタイトル */
.theme2024 #interview div.title p {
	display:none;
}
}

@media screen and (min-width:769px){
/* サブタイトル */
.theme2024 #interview div.title p {
	width:calc((100% - 2rem) * 0.3);
	color:#FFF;
	font-weight:bold;
	font-size:1.3rem;
	text-align:center;
	line-height:2rem;
}

/* メインビジュアル */
.theme2024 #interview div.title h1 {
	width:calc((100% - 2rem) * 0.7);
}
}

/* インタビュー記事一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.theme2024 #interview ul.episode {
    margin:0.8rem 0;
}

@media screen and (min-width:769px){
.theme2024 #interview ul.episode {
    margin:1rem 0;
    display:flex;
    flex-wrap:wrap;
}
}

.theme2024 #interview ul.episode li {
	border:solid 1px #CCC;
	border-radius:10px;
	box-sizing:border-box;
	padding:1rem;
  margin-bottom:2rem;
}

@media screen and (min-width:769px){
.theme2024 #interview ul.episode li {
	width:calc((100% - 2rem) / 3);
}

.theme2024 #interview ul.episode li:not(:nth-of-type(3n)) {
    margin-right:1rem;
}
}

.theme2024 #interview ul.episode li a {
    color:#333;
    text-decoration:none;
}

/* アイキャッチ */
.theme2024 #interview ul.episode li a img {
    width:100%;
}

/* 記事タイトル */
.theme2024 #interview ul.episode li a h3 {
    font-size:100%;
		margin:5px 0;
}

/* 掲載日とカテゴリ名
━━━━━━━━━━━━━━━*/
@media screen and (max-width:768px){
.theme2024 #interview ul.episode li a div.post-meta {
	display:flex;
	align-items:center;
}

/* 掲載日 */
.theme2024 #interview ul.episode li a div.post-meta p.date {
	margin-right:1rem;
}
}

/* カテゴリ */
.theme2024 #interview ul.episode li a div.post-meta h4.cate {
    display:inline-block;
    font-size:0.9rem;
    border:solid 1px #999;
    border-radius:0.2rem;
    padding:0 0.4rem;
    margin:0.5rem 0;
}

/* カテゴリ：ダイバーインタビュー */
.theme2024 #interview .cate_16 {
    background-color:#F0F0F0;
}

/* カテゴリ：イベントレポ */
.theme2024 #interview .cate_60 {
    background-color:#F0F0F0;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

　インタビューシングルページ

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

@media screen and (min-width:769px){
.theme2024 #interview-post {
	width: calc(60% + 6rem);
	margin: 0 auto;
}
}

@media screen and (max-width:768px){
.theme2024 #interview-post article {
	padding: 0 1rem 1rem;
}
}

@media screen and (min-width:769px){
.theme2024 #interview-post article {
	border: solid 1px #CCC;
	border-radius: 15px;
	padding:1rem 2rem;
}
}

/* 記事タイトル
━━━━━━━━━━━━━━━*/
@media screen and (max-width:768px){
.theme2024 #interview-post article h1 {
    margin:0.5rem 0;
    font-size:1.2rem;
    line-height:1.8rem;
}
}

@media screen and (min-width:769px){
.theme2024 #interview-post article h1 {
    margin:1rem 0;
    line-height:2rem;
}
}

/* カテゴリ
━━━━━━━━━━━━━━━*/
.theme2024 #interview-post article div#date {
	display:flex;
	align-items:center; 
}

.theme2024 #interview-post article div#date h4.category {
	margin-right:1rem;
	padding:2px 0.5rem;
	border:solid 1px #999;
	border-radius: 0.2rem;
	background-color:#F0F0F0;
}

@media screen and (max-width:768px){
.theme2024 #interview-post article h5.pan {
    font-weight:normal;
}

.theme2024 #interview-post article p.date {
    margin-bottom:0.5rem;
    font-size:0.7rem;
}   

.theme2024 #interview-post article figure {
    margin-bottom:0.8rem;
}

.theme2024 #interview-post article figure figcaption {
    margin-top:0.3rem;
    font-size:0.8rem;
    line-height:1.2rem;
}

.theme2024 #interview-post article h2 {
    border-top:1px #999 solid;
    border-bottom:1px #999 solid;
    padding:1rem 0;
    text-align:center;
    margin:2rem 0;
    font-size:1.1rem;
    line-height:1.8rem;
}

.theme2024 #interview-post article h3 {
    margin-bottom:0.5rem;
    font-size:1rem;
}

.theme2024 #interview-post article p {
    line-height:1.8rem;
    margin-bottom:1.4rem;
    font-size:0.9rem;
}

.theme2024 #interview-post article div p:last-child {
    margin-bottom:0;
}

/* 補足情報 */
.theme2024 #interview-post article div.info {
    background-color:#BAE2CD;
    padding:1rem;
    border-radius:0.5rem;
}

.theme2024 #interview-post article div.info h4 {
    font-weight:normal;
    margin-bottom:0.3rem;
}

.theme2024 #interview-post article div.info ul {
    display:flex;
}

.theme2024 #interview-post article div.info ul li:first-child {
    margin-right:1rem;
}
}

@media screen and (min-width:769px){
.theme2024 #interview-post article p.date {
    font-size:0.8rem;
    margin-bottom:1rem;
}   

.theme2024 #interview-post article figure {
    margin-bottom:1rem;
}

.theme2024 #interview-post article figure figcaption {
    font-size:smaller;
}

.theme2024 #interview-post article h2 {
    border-top:1px #999 solid;
    border-bottom:1px #999 solid;
    padding:1.5rem 0;
    text-align:center;
    margin:2rem 0;
}

.theme2024 #interview-post article h3 {
    margin-bottom:0.5rem;
}

.theme2024 #interview-post article p {
    line-height:2rem;
    margin-bottom:1.4rem;
}

.theme2024 #interview-post article div p:last-child {
    margin-bottom:0;
}

/* 補足情報 */
.theme2024 #interview-post article div.info {
    background-color:#BAE2CD;
    padding:1rem;
    border-radius:0.5rem;
}

.theme2024 #interview-post article div.info h4 {
    font-weight:normal;
    margin-bottom:0.3rem;
}

.theme2024 #interview-post article div.info ul {
    display:flex;
}

.theme2024 #interview-post article div.info ul li:first-child {
    margin-right:1rem;
}
}

/* 装飾 -インタビューシングルページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/* 話者の色変えAさん */
.theme2024 #interview-post article .a {
    color:#F36;
    font-weight:bold;
}

/* 話者の色変えBさん */
.theme2024 #interview-post article .b {
    color:#2280DD;
    font-weight:bold;
}

/* インタビュー内の年表
━━━━━━━━━━━━━━━*/
.chronology {
    background-color:#FFFFCC;
    border-collapse:collapse;
    margin-bottom:2rem;
}

.chronology caption {
    font-weight:bold;
    font-size:0.9em;
}

.chronology tr th {
    background-color:#FFD779;
    border:solid 1px #999;
    padding:5px 8px;
    font-weight:normal;
    font-size:0.9em;
}

.chronology tr td {
    border:solid 1px #999;
    padding:5px 8px;
    font-size:0.9em;
    vertical-align:top;
}

.chronology tr td:nth-child(1) {
    background-color:#FFFFA2;
    text-align:right;
}

/*ミニコラム
━━━━━━━━━━━━━━━*/
.theme2024 #interview-post article .minicolumn {
    background-color:#FFE1E8;
    border-radius:5px;
    margin-bottom:2rem;
    padding:0.8rem;
}

@media screen and (min-width:769px){
.theme2024 #interview-post article .minicolumn {
	padding:1rem;
}
}

/* ミニコラムタイトル */
.theme2024 #interview-post article div.minicolumn h4 {
    color:#FA3A1F;
    font-size:1.2rem;
    margin-bottom:5px;
}

/*むすび
━━━━━━━━━━━━━━━*/
.theme2024 #interview-post article div.musubi {
    background-color:#E7E7E7;
    border-radius:5px;
    margin-bottom:2rem;
		padding:0.8rem;
}

@media screen and (min-width:769px){
.theme2024 #interview-post article div.musubi {
	padding:1rem;
}
}

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

　お客様の声

-------------------------------------------*/
section#voice ul li {
	display:flex;
	background-color:#FFF;
	padding:0.8rem;
	margin-bottom:0.8rem;
}

section#voice ul li div:first-child {
	flex-shrink:0;
	width:30%;
	margin-right:0.8rem;
}

section#voice ul li div h3 {
	color:#FF4F40;
}

section#voice ul li div p:not(:last-child) {
	margin:0 0 0.7rem;
}

section#voice ul li div h4 {
	font-size:0.9rem;
	font-weight:normal;
	background-color:#F3F3F3;
	padding:0.2rem 0.5rem;
	border-radius:0.5rem;
	color:#333;
}

@media screen and (min-width:769px){
section#voice ul li {
	padding:1rem;
	margin-bottom:1rem;
}

section#voice ul li div:first-child {
	width:20%;
	margin-right:1rem;
}

section#voice ul li div:first-child img {
	width:100%;
}

section#voice ul li div h3 {
	margin-bottom:0.2rem;
}

section#voice ul li div p {
	font-size:0.9rem;
}

section#voice ul li div p:not(:last-child) {
	margin-bottom:0.8rem;
}
}