@charset "utf-8";

html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

/*フォントサイズを上書きするためpxで指定。行の高さをフォントサイズと同じにして余白をリセット（※padding:0;は省略しても違いが見られなかったためmargin:0;のみ）*/
body{
	background:#fbfbfb;/*背面を薄いグレー*/
	color:#333333;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-size:16px;/*フォントを固定。calcが効かない場合を想定して使用*/
	font-size:calc(0.8em + 1vw);/*上記のフォントサイズを画面サイズで可変する関数を使用*/
	line-height:1.5;
	margin:0;
}

/*ブロックレベル要素の余白をリセット（※padding:0;は省略しても違いが見られなかったためmargin:0;のみ）*/
h1,h2,h3,h4,h5,h6,p{
	margin:0;
}

/*HTML5での新規追加要素のデフォルトをブロック要素へ変更（※Android2.1以前のブラウザではインライン要素となっている）*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav{
	display:block;
}

/*リスト要素のリストスタイルと余白をリセットする（※margin:0;は省略しても違いが見られなかったためpadding:0;のみ）*/
ul{
	list-style:none;
	padding:0;
}

ol{
	list-style:none;
	padding:0;
}

li{
	padding:0;
}

/*縦方向の揃え位置を中央揃えに指定*/
input,select{
	vertical-align:middle;
}

/*スマートフォンサイトではタップしやすいようにaタグはあらかじめブロックレベルとしておく*/
a{
	display:block;
	-webkit-tap-highlight-color:transparent;/*スマートフォンサイトでaタグをタップしたときにでるハイライトの色を消す*/
}

#wrap{
	width:100%;
}

/*----------------------- 共通 ----------------------------- */

/*flexの親要素*/
.container{/*ブラウザ幅が1024px以上で反映するようにする。ブラウザ幅が1024px未満は無視*/
}

.div01{
	background:#ffffff;
	margin:1em 1em 0em 1em;/*divの外枠*/
	padding:0.25em 0.25em 0em 0.25em;/*divの内枠*/
}

.p01{
	margin-top:1em;
	text-align:justify;/*テキストの均等割付*/
	text-justify:inter-character;/*テキストの均等割付。IE用に必要な記述*/
}

/*右に0.25文字分の空白*/
.spa025{
	margin-right:0.25em;
}

/*h1のテキスト01*/
#h3_01{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}

/*h1のテキスト01のアイコン*/
#h3_01:before{
	content:"\f05a";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}

.contact_div01{
	color:#333333;
	border:2px solid #587c34;
	border-radius:8px;
	margin:1.5em 1em 0em 1em;
	text-align:center;
	text-decoration:none;
	width:90%;
}

.contact_p01{
	margin-top:0.5em;
	color:#587c34;
	font-size:calc((0.8em + 1vw)*1.6);
}

.contact_p01:before{
	display:block;
	line-height:54px;
	font-size:1.5em;
	content:"\f098";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	color:#5a7f34;
}

.contact_p02{
	font-size:calc((0.8em + 1vw)*0.8);
	margin-bottom:1em;
	color:#000000;
}

.contact_p03{
	margin-top:0.5em;
	color:#587c34;
	font-size:calc((0.8em + 1vw)*1.6);
}

.contact_p03:before{
	display:block;
	line-height:54px;
	font-size:1.5em;
	content:"\f0e0";
	font-family:"Font Awesome 5 Free";
	color:#5a7f34;
}

/*----------------------- ヘッダー ----------------------------- */

/*ヘッダー半透明の部分*/
#head_01{
	align-items:center;/*垂直中央揃え*/
	background:rgba(255,255,255,0.6);/*RGBAカラー 赤 緑 青 透明度*/
	display:flex;/*フレックスボックス指定*/
	height:4em;
	justify-content:space-between;/*両端揃え。これによりアイコンが両端に揃う*/
	width:100%;
}

/*トップバナーの部分*/
#head_02{
	background-image:url(../images/head.png);
	background-repeat:no-repeat;/*背景画像の繰り返しなし*/
	background-size:contain;/*縦横比保持の最大サイズ*/
 	height:2em;
	margin-left:1em;
	text-decoration:none;/*テキスト装飾線なし*/
	width:12em;
}

/*ハンバーガーメニューをスマホ画面のみ表示*/
#toggle{
	cursor:pointer;
}

#open{
	display:none;
}

/*トグルボタンの背面*/
#head_03{
	background:#ffffff;
	background-size:contain;
	border:solid 1px #f1f1f1;/*罫線　種類 幅 色*/
	border-radius:8px;/*要素の四隅を角丸。*/
 	height:3em;
	margin-right:1em;
	text-decoration:none;/*テキスト装飾線なし*/
	width:3em;
}

/*トグルボタンのber*/
#head_03:after{
	color:#888888;
	content:"\f0c9";
	font-family:"Font Awesome 5 Free";
	font-size:2em;
	font-weight:bold;/*boldにしないと表示されない*/
	margin-left:0.175em;/*berの横方向中央揃え*/
}

/**--------------------- パンくずリストCSS ------------------**/

#breadcrumbs_div{
	margin-left:1em;
}

.nav_horizontal{
	overflow:hidden;/*はみ出た部分が隠れる*/
	height:3em;/*可視領域の高さ*/
	width:100%;
}
.nav_horizontal .mask{
	height:5em;/*横スクロールする理屈上の高さ*/
	width:100%;
	overflow-x:scroll;/*はみ出た部分が隠れてスクロールする*/
	-webkit-overflow-scrolling:touch;/* 慣性スクロール*/
}
.nav_horizontal .list{
	display:inline-table;
	max-width:100%;
}
.nav_horizontal .list li{
	display:table-cell;
	white-space:nowrap;/*行の折り返しをしない*/
}

.breadcrumbs01{
	color:#666666;
	text-decoration:none;
}

.breadcrumbs01:before{
	content:"\f015";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;
}

.breadcrumbs02{
	color:#666666;
	text-decoration:none;
	margin-left:0.5em;
}

.breadcrumbs02:before{
	content:"\f101";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;
}

.breadcrumbs_gn01{
	color:#4a7a2a;/*注意！！ブラウザ幅が1024px以上でホバーがオレンジ色になる*/
}

/*----------------------- indexページ ----------------------------- */

/*ヒーローイメージ*/
#hero_img01{
	background-image:url(../images/back2.jpg);
	background-position:0% 25%;
	background-size:cover;/*縦横比保持の最小サイズ*/
 	height:30em;
	width:100%;
}

/*キャッチコピー01*/
#hero_p01{
	font-size:1.25em;
	margin-top:10em;
	text-align:center;
	text-shadow:2px 2px 2px #ffffff;/*文字の影　横の位置 縦の位置 ぼかし具合 色*/
}

/*キャッチコピー02*/
#hero_p02{
	font-size:0.8em;
	text-align:center;
	text-shadow:2px 2px 2px #ffffff;/*文字の影　横の位置 縦の位置 ぼかし具合 色*/
}

/*講師イメージ*/
#inst_img01{
	background-image:url(../images/back1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:50%;
 	height:10em;
	margin:1em auto 0em auto;
	width:10em;
}

/*講師キャッチコピー01*/
.inst_p01{
	color:#111111;
	font-size:1.25em;
	margin-top:1em;
	text-align:center;
}

/*講師ulのdiv*/
.inst_ul01{
	margin-bottom:-1em;/*class="p01"の影響で2文字分の高さが入ってしまうためことを回避する*/
	text-align:center;/*divを中央揃え*/
}

/*講師ul*/
.inst_ul02{
	display:inline-block;
	text-align:left;/*リストを左揃え*/
}

/*h1のテキスト01*/
#h1_01{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}

/*h1のテキスト01のアイコン*/
#h1_01:before{
	content:"\f2e7";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}

/*h2のテキスト01*/
#h2_01{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}

/*h2のテキスト01のアイコン*/
#h2_01:before{
	content:"\f7b5";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}

.dt_01{
	color:#ee8c4e;
}

.li_01{
	text-align:justify;/*テキストの均等割付*/
	text-indent:-1em;/*リストのインデントを揃えるために必要*/
	text-justify:inter-character;/*テキストの均等割付。IE用に必要な記述*/
}

.li_01:before{
	color:#000000;
	content:"\30fb";/*"・"のunicode*/
}

/*----------------------- flowページ ----------------------------- */

/*ヒーローイメージ*/
#hero_img05{
	background-image:url(../images/back4.jpg);
	background-position:65% 0%;
	background-size:cover;/*縦横比保持の最小サイズ*/
 	height:30em;
	width:100%;
}

#map{
	width:100%;
}

/*h2のテキスト02*/
#h2_02{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}

/*h2のテキスト02のアイコン*/
#h2_02:before{
	content:"\f073";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}

.timetable_01{
	background:#eaf4c9;
	display:flex;
}

.timetable_02{
	display:flex;
}

/*TELのアンカーリンク*/
.flow_tel01{
	color:#4a7a2a;
	display:inline-block;
	text-decoration:none;/*テキスト装飾線なし*/
}

.flow_h03{
	color:#4a7a2a;
	font-weight:normal;
	margin-top:1em;
	text-align:center;
}

.flow-hr01{
	border:none;/*hrの余分な線を消す*/
	margin-bottom:-2em;/*高さの調整のために使用*/
	text-align:center;
}

.flow-hr01:after{
	color:#f29600;
	content:"\f063";
	font-family:"Font Awesome 5 Free";
	font-size:calc((0.8em + 1vw)*2.5);
	font-weight:bold;/*boldにしないと表示されない*/
}

/*----------------------- courseページ ----------------------------- */

/*ヒーローイメージ*/
#hero_img06{
	background-image:url(../images/back5.jpg);
	background-position:75% 0%;
	background-size:cover;/*縦横比保持の最小サイズ*/
 	height:30em;
	width:100%;
}

/*h3のテキスト01*/
#h3_02{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}

/*h3のテキスト02*/
#h3_03{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}

/*h3のテキスト03*/
#h3_04{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}

.cou_p01{
	margin-top:1em;
	text-align:justify;/*テキストの均等割付*/
	text-justify:inter-character;/*テキストの均等割付。IE用に必要な記述*/
}

.cou_p02{
	margin-top:1em;
	text-align:justify;/*テキストの均等割付*/
	text-justify:inter-character;/*テキストの均等割付。IE用に必要な記述*/
}

/*h3のテキスト05*/
#h3_05{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}

/*h3のテキスト06*/
#h3_06{
	color:#4a7a2a;
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}


/*h4のテキスト01*/
.h4_01{
	color:#4a7a2a;
	font-weight:normal;
	margin-top:1em;
}

/*----------------------- FAQ ----------------------------- */

/*ヒーローイメージ*/
#hero_img07{
	background-image:url(../images/back6.jpg);
	background-position:75% 0%;
	background-size:cover;/*縦横比保持の最小サイズ*/
 	height:30em;
	width:100%;
}

.faq_dt01{
	margin-left:1em;
	text-indent:-1em;/*2行目以降を1文字下げる*/
}

.faq_dt01:before{
	color:#4a7a2a;
	content:"\f128";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.25em;/*文字の半角分スペース*/
}

.faq_dd01{
	border-bottom:1px dotted #999999;/*区切りを点線で表示*/
	margin:0.5em 0em 0em 1em;
	padding-bottom:0.5em;/*区切りの位置を調整*/
	text-indent:-1em;/*2行目以降を1文字下げる*/
}

.faq_dd01:before{
	color:#4a7a2a;
	content:"\f031";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.25em;/*文字の半角分スペース*/
}

/*----------------------- gallery ----------------------------- */

/*ヒーローイメージ*/
#hero_img08{
	background-image:url(../images/back7.jpg);
	background-position:center;
	background-size:cover;/*縦横比保持の最小サイズ*/
 	height:30em;
	width:100%;
}

#gal_img001{
	background-image:url(../gallery/gal001.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
 	height:16em;
	margin:1em auto 0em auto;
	width:100%;
}


#gal_img002{
	background-image:url(../gallery/gal002.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
 	height:16em;
	margin:1em auto 0em auto;
	width:100%;
}

#gal_img003{
	background-image:url(../gallery/gal003.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
 	height:16em;
	margin:1em auto 0em auto;
	width:100%;
}

#gal_img004{
	background-image:url(../gallery/gal004.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
 	height:16em;
	margin:1em auto 0em auto;
	width:100%;
}

#gal_img005{
	background-image:url(../gallery/gal005.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
 	height:16em;
	margin:1em auto 0em auto;
	width:100%;
}

#gal_img006{
	background-image:url(../gallery/gal006.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
 	height:16em;
	margin:1em auto 0em auto;
	width:100%;
}

#gal_img007{
	background-image:url(../gallery/gal007.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
 	height:16em;
	margin:1em auto 0em auto;
	width:100%;
}

#gal_img008{
	background-image:url(../gallery/gal008.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
 	height:16em;
	margin:1em auto 0em auto;
	width:100%;
}





/*----------------------- フッター ----------------------------- */

#foot{
	background:#80b62f;/*背面を薄いグリーン*/
	color:#ffffff;
	margin-top:1em;
	width:100%;
}

.foot_div01{
	font-style:normal;/*斜体を元に戻す*/
	margin:0em 1.25em 0em 1.25em;/*1.25emの訳はdiv01＋p01のマージン分*/
	padding-top:1em;/*上余白分。marginが効かないのでpaddingを使用*/
}

/*お問い合わせのハイライト部分*/
#foot_tel01{
	background:#4a7a2a;
	color:#ffffff;
	display:inline;
	padding:0em 0.5em 0em 0.5em;
	text-decoration:none;/*テキスト装飾線なし*/
}

.foot_li01{
	display:inline-block;/*ブロック要素を横並びにする*/
}

.foot_a01{
	color:#ffffff;
	text-decoration:none;/*テキスト装飾線なし*/
}

/*テキストのあいだに全角のバックスペースを挿入。改行した場合の左インデントを揃えるため左マージンは不可*/
.foot_a01:after{
	content:"\3000";/*全角スペース*/
}

#copyright{
	font-size:0.8em;
	padding:1em 1.25em 0.25em 0em;/*右マージン1.25emの訳はdiv01＋p01のマージン分*/
	text-align:right;
}

/*------------------------- swiper ------------------------------ */

.swiper-container{
	background:#f5f5f5;/*背景色はbodyと同色*/
	height:auto;
	margin-top:0.5em;
	width:100%;
}

.swiper-slide{
	height:auto;
	margin-top:0.5em;
	width:100%;
}

.swiper-img{
	height:auto;
	max-width:100%;
	width:100%;
}

/*--------------------- google mapの表示 -------------------------- */

#map{
	margin-top:1em;
	height:15em;
	width:100%;
}

/*------------------------ page-top ------------------------------ */

/*先頭行に戻るボタン*/
#pagetop{
	background:rgba(74,122,42,0.7);/*RGBAカラー 赤 緑 青 透明度*/
	border-radius:8px;/*要素の四隅を角丸。*/
	bottom:1em;
	cursor:pointer;/*マウスオーバー時にカーソルが指マーク*/
	display:block;
	height:3em;
	position:fixed;/*スクロールしても固定*/
	right:1em;
	text-align:center;
	width:3em;
	z-index:1;/*重なり前面*/
}

/*先頭行に戻るボタンのテキスト"top"*/
#pagetop-text{
	color:#ffffff;
	display:block;
	font-size:10px;
	margin-top:1em;
	text-align:center;
}

/*先頭行に戻るボタンの矢印 "↑"*/
#pagetop-text:before{
	content:"\f062";
	display:block;
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
}

/*●●●●●●●●●● ブラウザ幅が768px以上 ●●●●●●●●●●●*/

@media screen and (min-width:768px){

/*----------------------- indexページ ----------------------------- */

/*画像の差し替え*/
#hero_img01{
	background-image:url(../images/back3.jpg);
}

/*----------------------- flowページ ----------------------------- */

.flow_h03{
	text-align:left;/*左揃えに変更*/
}

/*------------------------ page-top ------------------------------- */

/*margin-topと文字の大きさの変更*/
#pagetop-text{
	font-size:16px;
	margin-top:0.5em;
}

}/* /min-width:768px */

/*●●●●●●●●●● ブラウザ幅が1024px以上 ●●●●●●●●●●●*/

@media screen and (min-width:1024px){

/*----------------------- body ------------------------------ */

body{
	font-size:16px;
}

#wrap{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;/*相対配置の親要素を追加。#head_04に影響する*/
}

/*----------------------- 共通 ----------------------------- */

/*flexの親要素*/
.container{
	display:flex;
}

.div01{
	margin:1em 0em 0em 0em;/*divの左右マージンを解除*/
}

/*オーダーで使用。ブラウザ幅が1024px以上の画面右側*/
.div02{
	order:2;
	width:100%;
}

/*オーダーで使用。ブラウザ幅が1024px以上の画面左側*/
.div03{
	order:1;
	width:100%;
}

/*h3のテキスト01*/
#h3_01{
	border-bottom:1px solid #ee8c4e;/*項目下側の枠線*/
	margin-left:0.25em;/*クラスp01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*------------------------- ヘッダー ---------------------------- */

/*ブラウザ幅が1024px以上のハンバーガーメニューの非表示*/
#toggle{
	cursor:initial;
	display:none;
}

/*head_04はPC幅のみで表示するように設定*/
#head_04{
	position:absolute;/*#wrapと連動*/
	right:1em;
	top:1em;
}

/*------------------------ パンくずリスト ------------------------*/

.breadcrumbs01:hover{
	color:#ee8c4e;/*ブラウザ幅が1024px以上でホバーが実行される*/
}

.breadcrumbs_gn01:hover{
	color:#ee8c4e;/*ブラウザ幅が1024px以上でホバーが実行される*/
}

/*----------------------- ナビゲーション -------------------------- */

/*▼メニューバーの装飾*/
ul.ddmenu{
	margin:0px;/*メニューバー外側の余白(ゼロ)*/
	padding:0px 0px 0px 15px;/*メニューバー内側の余白(左に15px)*/
}

/*▼メインメニュー項目の装飾*/
ul.ddmenu li{
	display:inline-block;/*横並びに配置する*/
	list-style-type:none;/*リストの先頭記号を消す*/
	position:relative;/*サブメニュー表示の基準位置にする*/
	width:125px;/*メニュー項目の横幅(125px)*/
}

ul.ddmenu a{
	background-color:#ffffff;/*メニュー項目の背景色*/
	border-bottom:1px solid #ee8c4e;/*項目下側の枠線*/
	border-radius:3px;/*要素を角丸*/
	color:#555555;/*メニュー項目の文字色*/
	display:block;/*項目内全域をリンク可能にする*/
	line-height:35px;/*メニュー項目のリンクの高さ(40px)*/
	text-align:center;/*メインメニューの文字列の配置(中央寄せ)*/
	text-decoration:none;/*メニュー項目の装飾(下線を消す)*/
}

ul.ddmenu a:hover{
	background-color:#ffffff;/*メニュー項目にマウスが載ったときの背景色*/
	color:#98ca98;/*メニュー項目にマウスが載ったときの文字色*/
}

/*▼サブメニューがある場合に開く処理。※サブメニューが1階層しか存在しない場合の記述*/
ul.ddmenu li:hover ul{
	display:block;/*マウスポインタが載っている項目の内部にあるリストを表示する*/
}

/*▼サブメニューの装飾*/
ul.ddmenu ul{
	display:none;/*標準では非表示にする*/
	margin:0px;/*サブメニュー外側の余白(ゼロ)*/
	padding:0px;/*サブメニュー内側の余白(ゼロ)*/
	position:absolute;/*絶対配置にする*/
}

/*▼サブメニュー項目の装飾*/

ul.ddmenu ul li{
	width:125px;/*サブメニュー1項目の横幅(125px)*/
}

ul.ddmenu ul li a{
	line-height:35px;/*サブメニュー1項目の高さ(35px)*/
	padding-left:1em;/*文字列前方の余白*/
	text-align:left;/*文字列の配置(左寄せ)*/
}

ul.ddmenu ul li a:hover{
	background-color:#ffffff;/*サブメニュー項目にマウスが載ったときの背景色*/
	color:#98ca98;/*サブメニュー項目にマウスが載ったときの文字色*/
}

/*ナビのアイコンフォント。ブラウザ幅が1024px以上で緑色になる*/
.nav_gn01{
	color:#80b62f;
}

/*------------------------- フッター ------------------------------ */

.foot_a01:hover{
	color:#326633;/*ブラウザ幅が1024px以上でホバーが実行される*/
}

/*----------------------- indexページ ----------------------------- */

/*キャッチコピー01*/
#hero_p01{
	font-size:1.8em;
	margin-top:6em;
	text-shadow:1px 1px 1px #ffffff;/*文字の影　横の位置 縦の位置 ぼかし具合 色*/
}

/*キャッチコピー02*/
#hero_p02{
	text-shadow:1px 1px 1px #ffffff;/*文字の影　横の位置 縦の位置 ぼかし具合 色*/
}

/*講師キャッチコピー01*/
.inst_p01{
	margin-top:2em;
}

/*h1のテキスト01*/
#h1_01{
	border-bottom:1px solid #ee8c4e;/*項目下側の枠線*/
	margin-left:0.25em;/*クラスp01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*h2のテキスト01*/
#h2_01{
	border-bottom:1px solid #ee8c4e;/*項目下側の枠線*/
	margin-left:0.25em;/*クラスp01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*----------------------- flowページ ----------------------------- */

/*h2のテキスト02*/
#h2_02{
	border-bottom:1px solid #ee8c4e;/*項目下側の枠線*/
	margin-left:0.25em;/*クラスp01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*ヒーローイメージ*/
#hero_img05{
	background-position:top;
}

/*----------------------- courseページ ----------------------------- */

/*ヒーローイメージ*/
#hero_img06{
	background-position:0% 15%;
}

/*h3のテキスト01*/
#h3_02{
	display:inline;/*cou_p01を横並べにするためインライン要素に変更*/
	margin-left:1em;/*クラスcou_p01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*h3のテキスト01のアイコン。ブラウザ幅が1024px以上で表示*/
#h3_02:before{
	content:"\f007";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}

/*h3のテキスト02*/
#h3_03{
	display:inline;/*cou_p01を横並べにするためインライン要素に変更*/
	margin-left:1em;/*クラスcou_p01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*h3のテキスト02のアイコン。ブラウザ幅が1024px以上で表示*/
#h3_03:before{
	content:"\f234";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}

/*h3のテキスト03*/
#h3_04{
	display:inline;/*cou_p01を横並べにするためインライン要素に変更*/
	margin-left:1em;/*クラスcou_p01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*h3のテキスト02のアイコン。ブラウザ幅が1024px以上で表示*/
#h3_04:before{
	content:"\f4ff";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}

/*h3のテキスト05*/
#h3_05{
	display:inline;/*cou_p01を横並べにするためインライン要素に変更*/
	margin-left:1em;/*クラスcou_p01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*h3のテキスト02のアイコン。ブラウザ幅が1024px以上で表示*/
#h3_05:before{
	content:"\f4ff";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}

/*h3のテキスト05*/
#h3_06{
	display:inline;/*cou_p01を横並べにするためインライン要素に変更*/
	margin-left:1em;/*クラスcou_p01と左マージンを揃える*/
	text-align:left;/*左揃えに変更*/
}

/*h3のテキスト02のアイコン。ブラウザ幅が1024px以上で表示*/
#h3_06:before{
	content:"\f4ff";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
	margin-right:0.5em;/*文字の半角分スペース*/
}


.cou_p01{
	display:inline;/*h3_02を横並べにするためインライン要素に変更*/
	margin-left:1em;
}

.cou_p02{
	margin-left:2.25em;/*IDのh3_0xと左マージンを揃える*/
}

.h4_01{
	margin-left:2.25em;/*IDのh3_0xと左マージンを揃える*/
}

/*------------------------ FAQ ------------------------------ */

/*ヒーローイメージ*/
#hero_img07{
	background-position:top;
}

/*----------------------- gallery ----------------------------- */

/*画像の解説文*/
.gal_p01{
	margin:0em 4em 0em 4em;/*画像の幅内に解説文を記述するために必要*/
	text-align:justify;/*テキストの均等割付*/
	text-justify:inter-character;/*テキストの均等割付。IE用に必要な記述*/
}

/*ヒーローイメージ*/
#hero_img08{
	background-position:top;
}

/*------------------------ page-top ------------------------------ */

/*margin-topと文字の大きさの変更*/
#pagetop-text{
	font-size:13px;
	margin-top:0.5em;
}

}/* /min-width:1024px */