@media screen and (min-width:769px){
/*=============================================

目次

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

・トップページ
・WITHの特徴
・ライセンス
・ブログ
・店舗・アクセス
・スタッフ紹介
・お問い合わせ

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

=============================================*/


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

　WITHの特徴

-------------------------------------------*/
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 .campaign ul {
	display:flex;
	justify-content:space-between;
	margin-bottom:3rem;
}

.theme2024 #licence .campaign ul li:first-child {
	width:calc(60% - 2rem);
}

.theme2024 #licence .campaign ul li:first-child img {
	border-radius:15px;	
}

.theme2024 #licence .campaign ul li:last-child {
	width:40%;
}

.theme2024 #licence .campaign ul li p {
	margin-bottom:1rem;
}

/* 自社設備
-------------------------------------------*/
.theme2024 #licence .facilities {
	margin-bottom:4rem;
}

.theme2024 #licence .facilities h3 {
	margin:2rem 0;
}

.theme2024 #licence .facilities ul {
	margin-bottom:4rem;
}

.theme2024 #licence .facilities h4 {
	font-size:1.2rem;
	margin-bottom:1rem;
}

.theme2024 #licence .facilities ul li p {
	margin-bottom:1rem;
}

.theme2024 #licence .facilities ul.tank { /* タンク */
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.theme2024 #licence .facilities ul.tank li {
	width:calc((100% - 4rem) / 3);
}

.theme2024 #licence .facilities ul.pool { /* 専用プール */
	display:flex;
	justify-content:space-between;
	flex-direction : row-reverse
}

.theme2024 #licence .facilities ul.pool li {
	width:calc((100% - 2rem) / 2);
}

.theme2024 #licence .facilities ul.pool li img {
	border-radius:5px;
}

/* 講習の流れ
-------------------------------------------*/
section.flow ul li {
	display:flex;
    padding:1rem;
}

section.flow li div:nth-of-type(2) {
	width:calc(100% - 235px - 1rem);
	margin-left:1rem;
}

section.flow li div h3 {
	font-size:1rem;
}


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

　ブログ

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

/* 一覧
-------------------------------------------*/
.theme2024 #blog .list ul {
    display:flex;
	justify-content:space-between;
    flex-wrap:wrap;
    margin:1rem 0 0.5rem;
}

.theme2024 #blog .list ul li {
	border-radius:10px;
	width:calc((100% - 9rem) / 3);
	padding:1rem;
}

/* ブログアーカイブリンク */
.theme2024 #blog_archives {
	display:flex;
	justify-content:space-between;
	width:calc(100% - 6rem);
	margin:0 auto;
}

.theme2024 #blog_archives > div {
	width:calc((100% - 4rem) / 3);
}

.theme2024 #blog_archives > div:nth-of-type(1) {
	background-color:#FFC;
}

.theme2024 #blog_archives > div:nth-of-type(2) {
	background-color:#FCC;
}

.theme2024 #blog_archives > div:nth-of-type(3) {
	background-color:#9CF;
}

/* シングルページ
-------------------------------------------*/
.theme2024 #blog-article {
	width:calc(50% + 6rem);
	margin:0 auto;
}

/* 記事タイトル */
.theme2024 #blog-article article h1 {
	font-size:1.8rem;
}

.theme2024 #blog-article article {
	border:solid 1px #CCC;
	border-radius:15px;
	padding:1rem 2rem;
}

/* キャンペーンリンク */
.theme2024 aside#license p {
	font-size:1.2rem;
}


/* 過去記事一覧ページ
-------------------------------------------*/
.theme2024 #kari {
	width: calc(100% - 6rem);
	display:flex;
	justify-content:space-between;
}

.theme2024 #kari article {
	width:calc(100% - 300px - 2rem);
}

.theme2024 #kari #archivelist {
	width:300px;
}


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

　スタッフ紹介

-------------------------------------------*/
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 > p {
	margin-bottom:0.8rem;
}

.theme2024 #staff .staff ul.branch {
}

.theme2024 #staff .staff ul.branch > li {
	display:flex;
	justify-content:space-between;
	margin-bottom:2rem;
}

.theme2024 #staff .staff ul.branch li div {
	width:calc(50% - 1rem);
}

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

.theme2024 #staff .staff ul.branch li p.certification {
	margin-top:0.5rem;
}

.theme2024 #staff .staff ul.branch li ul.prof li:not(:first-child) {
	margin-top:1rem;
}

/* インストラクター・ダイブリーダー
-------------------------------------------*/
section#intra ul li {
    width:calc((100% - 2rem) / 3);
	margin-bottom:1rem;
}

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

　店舗一覧2024

-------------------------------------------*/
article.location address {
	display:flex;
	justify-content:space-between;
	width:calc(100% - 2rem);
	padding:1rem;
	margin-bottom:1.8rem;
}

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

article.location address ul.address {
	width:calc(75% - 2rem);
}

article.location address ul.address li.carpark { /* 駐車場 */
	margin-bottom:1rem;
}

article.location address ul.address li button.map { /* 地図ボタン */
	margin:0.3rem 0 1rem;
}

article.location address ul.address li.closeddays { /* 定休日 */
	margin-top:1rem;
}

article.location address ul.address li.tel { /* 電話番号 */
	margin-top:0.3rem;
}

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

　お問い合わせ

-------------------------------------------*/
/* 電話番号 */
section.contact p a.tel {
	font-size:1.8rem;
	margin:0.5rem 0;
}

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

　お問い合わせ2024

-------------------------------------------*/
.theme2024 #contactus {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.theme2024 #contactus section:not(:last-child) {
	width:calc((100% - 3rem) / 2);
}

.theme2024 #contactus #line {
	margin-bottom:3rem;
}

.theme2024 #contactus #line img {
	border-radius:15px;
}

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

.theme2024 #contactus #tel ul li:first-child {
	margin-right:4rem;
}

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

　お問い合わせフォーム2024

-------------------------------------------*/
.theme2024 #inquiry {
	width:60%;
	margin:104px auto 3rem;
	border:solid 1px #CCC;
	border-radius:10px;
	padding:2rem;
}


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

　よくある質問

-------------------------------------------*/
section.faq ul {
	margin-top:1rem;
}

section.faq ul li {
	padding:1rem;
	margin-bottom:1rem;
}

section.faq ul li h3 {
}

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

　お客様の声

-------------------------------------------*/
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;
}





}