@media screen and (max-width:768px){
/*=============================================

目次

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

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

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

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


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

　WITHの特徴

-------------------------------------------*/
section#about ul li img {
    width:100%;
}

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

　ライセンス

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

/* キャンペーン
-------------------------------------------*/
.theme2024 #licence .campaign ul li:first-child {
	margin-bottom:1rem;
}

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

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

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

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

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

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

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

.theme2024 #licence .facilities ul.tank li { /* タンク */
	margin-bottom:1rem;
}

/* よくある質問
-------------------------------------------*/
.theme2024 #licence .faq p {
	margin-bottom:1.5rem;
}

/* 講習の流れ
-------------------------------------------*/
section.flow li div:nth-of-type(2) {
	margin-top:0.8rem;
}


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

　ブログ

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

/* 一覧
-------------------------------------------*/
.theme2024 #blog .list ul li {
	padding:1rem 2rem;
}

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

　スタッフ紹介

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

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

　スタッフ2024

-------------------------------------------*/
.theme2024 #staff .staff ul.branch > li {
    margin-bottom:3rem;
}

.theme2024 #staff .staff ul.branch li div h3{
    font-size:1.1rem;
}

.theme2024 #staff .staff ul.branch li div img.staff {
	margin-bottom:1rem;
}

.theme2024 #staff .staff ul.branch li div.prof {
    margin-top:0.8rem;
}

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

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

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

　店舗一覧2024

-------------------------------------------*/
article.location address{
	width:calc(100% - 1.6rem);
	padding:0.8rem 0.8rem 1.5rem 0.8rem;
	margin-bottom:1.5rem;
}

article.location address ul.address {
	margin-top:1rem;
}

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

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.5rem;
}

article.location address ul.address li.url { /* URL */
	margin:1rem 0;
}

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

　お問い合わせ

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

/* WEB問い合わせ
-------------------------------------------*/
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form textarea {
	width:100%;
}



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

　お問い合わせ2024

-------------------------------------------*/
.theme2024 #contactus #line img {
	border-radius:10px;
}

.theme2024 #contactus section:not(:last-child) {
	margin-bottom:3rem;
}

.theme2024 #contactus #tel ul li {
	margin-bottom:3rem;
}

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

　お問い合わせフォーム2024

-------------------------------------------*/
.theme2024 #inquiry {
	width:calc(100% - 2rem);
	margin:1rem auto;
}





}