@charset "UTF-8";

/*===============================================
●画面の横幅が769px以上（タブレット、PC用）
===============================================*/
@media screen and (min-width: 769px){

/* --- 全体の背景・テキスト --- */
body {
min-width: 1000px;
margin: 0;
padding: 0;
color: #333333;
font-size: 18px;
font-family : '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
background-color: #ffffff;
}

/* --- 全体のリンクテキスト --- */
a:link {
color: #4682b4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
a:visited { color: #386992; }
a:hover { color: #79a7cc; }
a:active { color: #00c0c0; }

/* 全体の画像 */
img {
margin: 0;
padding: 0;
border: none;
max-width: 100%;
height: auto;
width /***/:auto;
}

/* --- 画像マウスオーバー --- */
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70); 
}

/* --- 段落内画像 --- */
p img {
vertical-align: middle;
}

/* --- 画像左フロート --- */
img.floatLeft {
float: left;
margin: 0 30px 30px 0;
padding: 0;
}

/* --- 画像右フロート --- */
img.floatRight {
float: right;
margin: 0 0 30px 30px;
padding: 0;
}

/* --- 画像（円形） --- */
img.circle {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

/* --- テキストフォント（明朝） --- */
.mincho {
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/* --- テキスト中央揃え --- */
.center {
text-align: center;
}

/* --- テキスト右揃え --- */
.right {
text-align: right;
}

/* --- テキスト左揃え --- */
.left {
text-align: left;
}

/* --- 取り消し線 --- */
.through {
text-decoration: line-through;
}

/* --- アンダーライン --- */
.underline {
text-decoration: underline;
}

/* --- テキスト太字 --- */
.bold {
font-weight: bold;
}

/* --- テキスト色（黒） --- */
.color00 {
color: #000000;
}
/* --- テキスト色（赤） --- */
.color01 {
color: #df3e4e;
}
/* --- テキスト色（青） --- */
.color02 {
color: #1d57a9;
}
/* --- テキスト色（白） --- */
.color03 {
color: #ffffff;
}
/* --- テキスト色（薄赤） --- */
.color04 {
color: #eea2a7;
}
/* --- テキスト色（緑） --- */
.color05 {
color: #00c300;
}

/* --- テキストサイズ --- */
.size10 {font-size: 10px !important;}
.size11 {font-size: 11px !important;}
.size12 {font-size: 12px !important;}
.size13 {font-size: 13px !important;}
.size14 {font-size: 14px !important;}
.size15 {font-size: 15px !important;}
.size16 {font-size: 16px !important;}
.size17 {font-size: 17px !important;}
.size18 {font-size: 18px !important;}
.size19 {font-size: 19px !important;}
.size20 {font-size: 20px !important;}
.size21 {font-size: 21px !important;}
.size22 {font-size: 22px !important;}
.size23 {font-size: 23px !important;}
.size24 {font-size: 24px !important;}
.size25 {font-size: 25px !important;}
.size26 {font-size: 26px !important;}
.size27 {font-size: 27px !important;}
.size28 {font-size: 28px !important;}
.size29 {font-size: 29px !important;}
.size30 {font-size: 30px !important;}
.size31 {font-size: 31px !important;}
.size32 {font-size: 32px !important;}
.size33 {font-size: 33px !important;}
.size34 {font-size: 34px !important;}
.size35 {font-size: 35px !important;}
.size36 {font-size: 36px !important;}
.size37 {font-size: 37px !important;}
.size38 {font-size: 38px !important;}
.size39 {font-size: 39px !important;}
.size40 {font-size: 40px !important;}
.size41 {font-size: 41px !important;}
.size42 {font-size: 42px !important;}
.size43 {font-size: 43px !important;}
.size44 {font-size: 44px !important;}
.size45 {font-size: 45px !important;}
.size50 {font-size: 50px !important;}

/* --- マージン --- */
.m-bottom-0 {
margin-bottom: 0 !important;
}
.m-bottom-5 {
margin-bottom: 5px !important;
}
.m-bottom-10 {
margin-bottom: 10px !important;
}
.m-bottom-15 {
margin-bottom: 15px !important;
}
.m-bottom-20 {
margin-bottom: 20px !important;
}
.m-bottom-25 {
margin-bottom: 25px !important;
}
.m-bottom-30 {
margin-bottom: 30px !important;
}
.m-bottom-35 {
margin-bottom: 35px !important;
}
.m-bottom-40 {
margin-bottom: 40px !important;
}
.m-bottom-50 {
margin-bottom: 50px !important;
}
.m-bottom-100 {
margin-bottom: 100px !important;
}

/* --- ラインハイト --- */
.line-height-100 {
line-height: 100% !important;
}
.line-height-120 {
line-height: 120% !important;
}
.line-height-150 {
line-height: 150% !important;
}
.line-height-180 {
line-height: 180% !important;
}
.line-height-200 {
line-height: 200% !important;
}

/* --- 幅 --- */
.width-100pc {
width: 100% !important;
}
.width-90pc {
width: 90% !important;
}
.width-80pc {
width: 80% !important;
}
.width-70pc {
width: 70% !important;
}
.width-60pc {
width: 60% !important;
}
.width-50pc {
width: 50% !important;
}
.width-40pc {
width: 40% !important;
}
.width-30pc {
width: 30% !important;
}
.width-20pc {
width: 20% !important;
}
.width-10pc {
width: 10% !important;
}

/* --- ボーダーラディウス --- */
.border-radius-3 {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.border-radius-5 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.border-radius-10 {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.border-radius-15 {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
.border-radius-20 {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

/* --- ▼コンテンツ内の設定開始 --- */
/* --- ラッパー --- */
#wrapper {
margin: 0;
padding: 0;
}

/* --- コンテンツ --- */
#content {
margin: 0 auto;
padding: 0;
}

/* --- コンテナ --- */
div.container {
width: 1000px;
margin: 0 auto;
padding: 0;
}

/* --- コンテンツ01（背景グレー） --- */
#content div.content01 {
margin: 0 0 50px;
padding: 50px 0 1px;
background-color: #f5f5f5;
}

/* --- セクション（共通設定） --- */
#content section {
margin: 0 0 50px;
padding: 0;
}
#content section.type01 {
margin: 0 0 100px;
padding: 0;
}

/* --- セクション（共通設定） --- */
div.section {
margin: 0 0 50px;
padding: 0;
}

/* --- 見出し・段落・リスト（基本設定） --- */
#content h1 {
margin: 0 0 40px;
padding: 0;
color: #000000;
font-size: 35px;
line-height: 200%;
}

#content h2 {
margin: 0 0 40px;
padding: 0;
color: #000000;
font-size: 25px;
line-height: 200%;
}

#content h3 {
margin: 0 0 20px;
padding: 0;
font-size: 22px;
color: #000000;
line-height: 200%;
}

#content h4 {
margin: 0 0 20px;
padding: 0;
font-size: 21px;
line-height: 200%;
}

#content h5 {
margin: 0 0 20px;
padding: 0;
font-size: 20px;
line-height: 200%;
}

#content h6 {
margin: 0 0 20px;
padding: 0;
font-size: 19px;
line-height: 200%;
}

#content p {
margin: 0 0 40px;
padding: 0;
line-height: 200%;
}

#content ul,
#content ol {
margin: 0 0 40px 20px;
padding: 0;
line-height: 200%;
}
#content ul li,
#content ol li {
margin: 0 0 10px;
padding: 0;
}
/* --- h2（吹出し（中央）＋背景色（青）＋白文字） --- */
#content h2.type00 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #ffffff;
text-align: center;
text-shadow: 3px 3px 5px #7e020b;
background: -moz-linear-gradient(bottom, #f40415, #a5030e);
background: -webkit-linear-gradient(bottom, #f40415, #a5030e);
background: linear-gradient(to bottom, #f40415, #a5030e);
box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
#content h2.type00::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 5px;
border-bottom: 1px solid #333333;
background-color: #b8860b;
}
#content h2.type00::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #a5030e;
}
/* --- h2（吹出し（中央）＋背景色（薄青）＋黒文字） --- */
#content h2.type01 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #000000;
text-align: center;
background-color: #fcefd0;
}
#content h2.type01::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #fcefd0;
}
/* --- h2（吹出し（左）＋背景色（薄青）＋黒文字） --- */
#content h2.type02 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #000000;
font-size: 22px;
background-color: #eef4fc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#content h2.type02::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #eef4fc;
}
/* --- h2（吹出し（左）＋背景色（青）＋白文字） --- */
#content h2.type03 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #ffffff;
font-size: 22px;
background-color: #1d57a9;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#content h2.type03::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #1d57a9;
}
/* --- h2（背景色（赤）＋白文字） --- */
#content h2.type04 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #ffffff;
font-size: 22px;
text-shadow: 3px 3px 5px #7e020b;
background: -moz-linear-gradient(bottom, #f40415, #a5030e);
background: -webkit-linear-gradient(bottom, #f40415, #a5030e);
background: linear-gradient(to bottom, #f40415, #a5030e);
}

/* --- h3（背景色（グレー）＋黒文字） --- */
#content h3.type01 {
margin: 0 0 40px;
padding: 8px 20px 5px 20px;
color: #000000;
background-color: #f5f5f5;
}

/* --- アイキャッチ --- */
#content div.eyecatch {
position: relative;
width: 100%;
min-width: 1000px;
margin: 0;
padding: 30px 0 0;
background: url(../image/eyecatch-back.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
border-top: 5px solid #a5030e;
}
#content div.eyecatch::before{
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9); /* カラーを重ねる */
}
#content div.eyecatch h1,
#content div.eyecatch p {
position: relative;
margin: 0;
padding: 0;
color: #000000;
line-height: 100%;
text-align: center;
z-index: 2;
}
#content div.eyecatch h1 img,
#content div.eyecatch p img {
width: 1000px;
margin: 0;
padding: 0;
vertical-align: bottom;
}

/* --- スライダー --- */
#loopslider {
position: relative;
width: 100%;
height: 200px;
margin: 0 auto;
padding: 0;
text-align: left;
overflow: hidden;
}
 
#loopslider ul {
display: inline-block;
float: left;
height: 200px;
margin: 0;
padding: 0;
line-height: 100%;
overflow: hidden;
}
 
#loopslider ul li {
display: inline;
float: left;
width: 400px;
height: 200px;
margin: 0;
padding: 0;
overflow: hidden;
}
#loopslider ul::after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

/* --- オープニング（セミナー名など） --- */
#content div.opening {
position: relative;
margin: 0;
padding: 30px 0;
background-color: #1d57a9;
}
#content div.opening::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #1d57a9;
}

/* --- ボックス（ボーダーグレー） --- */
#content div.boxType01 {
margin: 0 0 40px;
padding: 0;
border: 1px solid #c0c0c0;
}
#content div.boxType01 p {
margin-left: 20px;
margin-right: 20px;
}

/* --- ボックス（背景白） --- */
#content div.boxType02 {
margin: 0 0 40px;
padding: 50px;
background-color: #ffffff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* --- ボックス（ボーダー＋角アクセント） --- */
#content div.boxType03 {
position: relative;
margin: 0 auto 40px;
padding: 20px;
background-color: #ffffff;
border: 2px solid #1d57a9;
}
#content div.boxType03::before {
position: absolute;
top: -10px;
left: -10px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 10px solid #1d57a9;
transform: rotate(45deg);
}
#content div.boxType03::after {
position: absolute;
bottom: -10px;
right: -10px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-left: 10px solid #1d57a9;
transform: rotate(45deg);
}

/* --- ボックス（ボーダー＋角アクセント） --- */
#content div.boxType04 {
position: relative;
margin: 0 auto 40px;
padding: 20px;
background-color: #ffffff;
border: 2px solid #000000;
}
#content div.boxType04::before {
position: absolute;
top: -10px;
left: -10px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 10px solid #000000;
transform: rotate(45deg);
}
#content div.boxType04::after {
position: absolute;
bottom: -10px;
right: -10px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-left: 10px solid #000000;
transform: rotate(45deg);
}

/* --- チェックマーク（span） --- */
#content span.checkType01 {
display: inline-block;
margin: 0;
padding: 0 0 0 50px;
background: url(../image/check01.png) no-repeat left top;
}

/* --- チェックマーク（ul） --- */
#content ul.checkType01 {
margin: 0 0 40px;
padding: 0;
line-height: 200%;
list-style-type: none;
}
#content ul.checkType01 li {
margin: 0 0 10px;
padding: 0 0 0 50px;
background: url(../image/check01.png) no-repeat left top;
}

/* --- チェックマーク（ul） --- */
#content ul.checkType02 {
margin: 0 0 40px;
padding: 0;
line-height: 200%;
list-style-type: none;
}
#content ul.checkType02 li {
margin: 0 0 10px;
padding: 0 0 10px 50px;
border-bottom: 1px dotted #c0c0c0;
background: url(../image/check01.png) no-repeat left top;
}

/* --- ポイント（ul） --- */
#content ul.pointType01 {
margin: 0 0 40px;
padding: 0;
list-style-type: none;
}
#content ul.pointType01 li {
min-height: 30px;
margin: 0 0 10px 0;
padding: 5px 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #f5f5f5;
}
#content ul.pointType01 li span.number {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 15px 0 0;
padding: 0;
color: #ffffff;
font-weight: bold;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #1d57a9;
}

/* --- マーカー --- */
#content span.markerType01 {
background: linear-gradient(transparent 60%, #ffff91 60%);
}

/* --- ボタン（緑） --- */
#content a.btnType01 {
position: relative;
display:inline-block;
width: 650px;
margin: 0;
padding: 20px 0 15px;
font-size: 30px;
font-weight: bold;
color: #ffffff;
line-height: 150%;
text-decoration: none;
text-align: center;
border-bottom: 5px solid #047420;
background-color: #06c236;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
#content a.btnType01::after {
position: absolute;
top: 50%;
right: 15px;
font-size: 50px;
margin: -25px 0 0;
padding: 0;
font-family: FontAwesome;
content: '\f105';
}
#content a.btnType01:hover {
border-bottom: 5px solid #06c236;
background-color: #07e941;
}

/* --- ボタン（緑） --- */
#content span.btnOffType01 {
position: relative;
display:inline-block;
width: 650px;
margin: 0;
padding: 20px 0 15px;
font-size: 30px;
font-weight: bold;
color: #ffffff;
line-height: 150%;
text-decoration: none;
text-align: center;
background-color: #047420;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

/* --- ボタン（緑） --- */
#content a.btnType02 {
position: relative;
display:inline-block;
width: 650px;
margin: 0;
padding: 20px 0 45px;
font-size: 30px;
color: #ffffff;
line-height: 150%;
text-decoration: none;
text-align: center;
border-bottom: 5px solid #047420;
background-color: #06c236;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
#content a.btnType02::after {
position: absolute;
bottom: 5px;
left: 50%;
font-size: 50px;
margin: 0 0 0 -25px;
padding: 0;
font-family: FontAwesome;
content: '\f107';
}
#content a.btnType02:hover {
border-bottom: 5px solid #06c236;
background-color: #07e941;
}


/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
footer {
margin: 0;
padding: 0;
font-size: 13px;
}

/* --- コピーライト --- */
footer div.copyright {
margin: 0;
padding: 20px;
background-color: #000000;
}

footer div.copyright p {
margin: 0;
padding: 0;
color: #ffffff;
font-size: 12px;
text-align: center;
line-height: 150%;
}
/* --- ▲フッター内の設定終了 --- */

/* --- ▼その他の設定開始 --- */
/* --- clearFix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ソーシャルボタン --- */
.socialBtn {
margin: 0 0 20px; 
padding: 0px;
text-align: left;
}
iframe.twitter-share-button {
width: 70px!important;
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}

/* --- トップに戻る --- */
#backTop {
position: fixed;
bottom: 50px;
margin-left: 1050px;
}
#backTop a {
display: block;
margin: 0;
padding: 10px 25px;
font-size: 13px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #808080;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#backTop a:hover {
background-color: #4d4d4d;
}

/* --- ページ内リンクのずれ解消 --- */
#chapter01,#chapter02,#chapter03,#chapter04,#chapter05,#chapter06,#chapter07,#chapter08,#chapter09,#chapter10 {
display: block;
margin-top: -100px;
padding-top: 100px;
}

/* --- ボックス（900px） --- */
#content div.width900 {
width: 900px;
margin: 0 auto;
padding: 0;
}

/* --- 横並びリスト（LINEキャプチャ画像） --- */
#content ul.type01 {
display: table;
margin: 0 auto 40px;
padding: 0;
list-style-type: none;
}
#content ul.type01 li {
display: inline;
margin: 0 50px;
padding: 0;
}

/* --- 横並びリスト（キャプチャ画像） --- */
#content ul.type02 {
display: table;
margin: 0 auto 40px;
padding: 0;
list-style-type: none;
}
#content ul.type02 li {
float: left;
width: 450px;
margin: 0 50px 20px 0;
padding: 0;
}
#content ul.type02 li:nth-of-type(2n) {
margin: 0 0 20px 0;
}
#content ul.type02 li img {
width: 100%;
}

/* --- h2（吹出し（左）＋背景色（緑）＋白文字） --- */
#content h2.type05 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #ffffff;
font-size: 22px;
background-color: #00c300;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#content h2.type05::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #00c300;
}

/* --- ボックス（上下ボーダーグレー） --- */
#content div.boxType05 {
margin: 0 0 40px;
padding: 20px 0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}

/* --- ボックス（ボーダー赤） --- */
#content div.boxType06 {
margin: 0 0 40px;
padding: 20px;
border: 1px solid #000000;
}

/* --- ボックス（下ボーダー赤） --- */
#content div.boxType07 {
margin: 0 0 40px;
padding: 0;
border-bottom: 1px solid #f40415;
}

/* --- ボックス（ボーダーグレー） --- */
#content div.boxType08 {
position: relative;
margin: 0 auto 40px;
padding: 20px;
background-color: #ffffff;
border: 5px solid #c0c0c0;
}

/* --- 表 --- */
#content table.type01 {
width: 100%;
margin: 0 0 40px;
border: 1px #c0c0c0 solid;
border-collapse: collapse;
line-height: 180%;
}
#content table.type01 caption {
color: #000000;
font-weight: bold;
text-align: center;
}
#content table.type01 th,
#content table.type01 td {
padding: 10px 20px;
border: 1px #c0c0c0 solid;
}
#content table.type01 th {
color: #000000;
font-weight: normal;
background-color: #f9f9f9;
}
#content table.type01 th.nowrap,
#content table.type01 td.nowrap {
white-space: nowrap;
}
#content table.type01 th.width20,
#content table.type01 td.width20 {
width: 20%;
}
#content table.type01 th.width30,
#content table.type01 td.width30 {
width: 30%;
}

/* --- 非表示 --- */
.displayNonePc {
display: none;
}

/* --- 特典（ul） --- */
#content ul.pointType02 {
display: table;
margin: 0 auto 40px;
padding: 0;
list-style-type: none;
}
#content ul.pointType02 li {
height: 100px;
margin: 0 0 20px;
padding: 10px 20px 10px 140px;
font-size: 30px;
line-height: 100px;
border: 3px solid #ffeeaa;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#content ul.pointType02 li:nth-of-type(1) {
background: url(../image/icon01.png) no-repeat 20px center;
}
#content ul.pointType02 li:nth-of-type(2) {
background: url(../image/icon02.png) no-repeat 20px center;
}
#content ul.pointType02 li:nth-of-type(3) {
background: url(../image/icon03.png) no-repeat 20px center;
}
#content ul.pointType02 li:nth-of-type(4) {
background: url(../image/icon04.png) no-repeat 20px center;
}
#content ul.pointType02 li:nth-of-type(5) {
background: url(../image/icon05.png) no-repeat 20px center;
}

/* --- 特典（span） --- */
#content span.pointType01 {
display: inline-block;
height: 100px;
margin: 0;
padding: 0 0 0 120px;
font-size: 30px;
background: url(../image/icon01.png) no-repeat left center;
}
#content span.pointType02 {
display: inline-block;
height: 100px;
margin: 0;
padding: 0 0 0 120px;
font-size: 30px;
background: url(../image/icon02.png) no-repeat left center;
}
#content span.pointType03 {
display: inline-block;
height: 100px;
margin: 0;
padding: 0 0 0 120px;
font-size: 30px;
background: url(../image/icon03.png) no-repeat left center;
}
#content span.pointType04 {
display: inline-block;
height: 100px;
margin: 0;
padding: 0 0 0 120px;
font-size: 30px;
background: url(../image/icon04.png) no-repeat left center;
}
#content span.pointType05 {
display: inline-block;
height: 100px;
margin: 0;
padding: 0 0 0 120px;
font-size: 30px;
background: url(../image/icon05.png) no-repeat left center;
}


/* --- h3（背景色（青）＋白文字） --- */
#content h3.type02 {
margin: 0 0 40px;
padding: 8px 20px 5px 20px;
color: #ffffff;
background-color: #1d57a9;
}

/* --- 日程 --- */
#content div.summary {
display: table;
margin: 0 auto 50px;
padding: 0;
}
#content div.summary p {
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #c0c0c0;
}

/* --- フッター固定ナビ --- */
div.footerNavi {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 10px 0;
background-color: rgba(0,0,0,0.8);
z-index: 9999;
}
div.footerNavi p {
margin: 0 0 5px;
padding: 0;
color: #ffffff;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 100%;
}
div.footerNavi ul {
display: table;
margin: 0 auto -20px;
padding: 0;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 100%;
list-style-type: none;
}
div.footerNavi ul li {
float: left;
width: 230px;
margin: 0 10px;
padding: 0;
}

div.footerNavi ul li:nth-of-type(1) a {
display: block;
margin: 0;
padding: 10px 0;
font-size: 20px;
color: #ffffff;
line-height: 100%;
text-decoration: none;
text-align: center;
border-bottom: 5px solid #047420;
background-color: #06c236;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
div.footerNavi ul li:nth-of-type(1) a:hover {
border-bottom: 5px solid #06c236;
background-color: #07e941;
}
div.footerNavi ul li:nth-of-type(2) a {
display: block;
margin: 0;
padding: 10px 0;
font-size: 20px;
color: #ffffff;
line-height: 100%;
text-decoration: none;
text-align: center;
border-bottom: 5px solid #d85600;
background-color: #ff7f2a;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
div.footerNavi ul li:nth-of-type(2) a:hover {
border-bottom: 5px solid #ff7f2a;
background-color: #ffae79;
}
div.footerNavi ul li:nth-of-type(3) a {
display: block;
margin: 0;
padding: 10px 0;
font-size: 20px;
color: #ffffff;
line-height: 100%;
text-decoration: none;
text-align: center;
border-bottom: 5px solid #006a84;
background-color: #00aad4;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
div.footerNavi ul li:nth-of-type(3) a:hover {
border-bottom: 5px solid #00aad4;
background-color: #25d4ff;
}
div.footerNavi ul li:nth-of-type(4) a {
display: block;
margin: 0;
padding: 10px 0;
font-size: 20px;
color: #ffffff;
line-height: 100%;
text-decoration: none;
text-align: center;
border-bottom: 5px solid #ff3385;
background-color: #ff83b5;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
div.footerNavi ul li:nth-of-type(4) a:hover {
border-bottom: 5px solid #ff5b9d;
background-color: #ffabcd;
}

/* --- Youtube --- */
#content div.movie {
position: relative;
width: 100%;
margin: 0 auto;
padding-top: 56.25%;
}
#content div.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
margin: 0;
padding: 0;
}

/* --- ボックス（750px） --- */
#content div.width750 {
width: 750px;
margin: 0 auto;
padding: 0;
}
#content div.width550 {
width: 550px;
margin: 0 auto;
padding: 0;
}

/* --- ボックス（金枠） --- */
#content div.gold {
margin: 0 0 30px;
padding: 40px;
background-image: url(../image/bg01.png), url(../image/bg02.png), url(../image/bg03.png), url(../image/bg04.png);
background-position: left top, right top, left bottom, right bottom;
background-repeat: no-repeat, no-repeat;
background-size: 137.5px 120px, 137.5px 120px, 137.5px 120px, 137.5px 120px;
}

/* --- faq --- */
#content dl.faq {
margin: 0 0 40px;
padding: 0;
}
#content dl.faq dt {
margin: 0 0 15px;
padding: 15px 0 10px 40px;
background: #f5f5f5 url(../image/question.png) no-repeat 5px 18px;
color: #000000;
font-weight: bold;
line-height: 180%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#content dl.faq dd {
margin: 0 0 20px;
padding: 0 0 0 40px;
background: url(../image/answer.png) no-repeat 5px 5px;
line-height: 200%;
}

img.size01 {
width: 350px;
}
img.size02 {
width: 150px;
}
img.size03 {
width: 180px;
}
/* --- ▲その他の設定終了 --- */

}

/*===============================================
●画面の横幅が768pxまで（スマホ用）
===============================================*/
@media screen and (max-width: 768px){

/* --- 全体の背景・テキスト --- */
body {
width: 100%;
margin: 0;
padding: 0;
color: #333333;
font-size: 15px;
font-family : '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
background-color: #ffffff;
}

/* --- 全体のリンクテキスト --- */
a:link {
color: #4682b4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
a:visited { color: #386992; }
a:hover { color: #79a7cc; }
a:active { color: #00c0c0; }

/* 全体の画像 */
img {
margin: 0;
padding: 0;
border: none;
max-width: 100%;
height: auto;
width /***/:auto;
}

/* --- 画像マウスオーバー --- */
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70); 
}

/* --- 段落内画像 --- */
p img {
vertical-align: middle;
}

/* --- 画像左フロート --- */
img.floatLeft {
float: left;
margin: 0 30px 30px 0;
padding: 0;
}

/* --- 画像右フロート --- */
img.floatRight {
float: right;
margin: 0 0 30px 30px;
padding: 0;
}

/* --- 画像（円形） --- */
img.circle {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

/* --- テキストフォント（明朝） --- */
.mincho {
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/* --- テキスト中央揃え --- */
.center {
text-align: center;
}

/* --- テキスト右揃え --- */
.right {
text-align: right;
}

/* --- テキスト左揃え --- */
.left {
text-align: left;
}

/* --- 取り消し線 --- */
.through {
text-decoration: line-through;
}

/* --- アンダーライン --- */
.underline {
text-decoration: underline;
}

/* --- テキスト太字 --- */
.bold {
font-weight: bold;
}

/* --- テキスト色（黒） --- */
.color00 {
color: #000000;
}
/* --- テキスト色（赤） --- */
.color01 {
color: #df3e4e;
}
/* --- テキスト色（青） --- */
.color02 {
color: #1d57a9;
}
/* --- テキスト色（白） --- */
.color03 {
color: #ffffff;
}
/* --- テキスト色（薄赤） --- */
.color04 {
color: #eea2a7;
}
/* --- テキスト色（緑） --- */
.color05 {
color: #00c300;
}

/* --- テキストサイズ --- */
.size10 {font-size: 10px !important;}
.size11 {font-size: 11px !important;}
.size12 {font-size: 12px !important;}
.size13 {font-size: 13px !important;}
.size14 {font-size: 14px !important;}
.size15 {font-size: 15px !important;}
.size16 {font-size: 16px !important;}
.size17 {font-size: 17px !important;}
.size18 {font-size: 18px !important;}
.size19 {font-size: 19px !important;}
.size20 {font-size: 20px !important;}
.size21 {font-size: 21px !important;}
.size22 {font-size: 22px !important;}
.size23 {font-size: 23px !important;}
.size24 {font-size: 24px !important;}
.size25 {font-size: 25px !important;}
.size26 {font-size: 26px !important;}
.size27 {font-size: 27px !important;}
.size28 {font-size: 28px !important;}
.size29 {font-size: 29px !important;}
.size30 {font-size: 30px !important;}
.size31 {font-size: 31px !important;}
.size32 {font-size: 32px !important;}
.size33 {font-size: 33px !important;}
.size34 {font-size: 34px !important;}
.size35 {font-size: 35px !important;}
.size36 {font-size: 36px !important;}
.size37 {font-size: 37px !important;}
.size38 {font-size: 38px !important;}
.size39 {font-size: 39px !important;}
.size40 {font-size: 40px !important;}
.size41 {font-size: 41px !important;}
.size42 {font-size: 42px !important;}
.size43 {font-size: 43px !important;}
.size44 {font-size: 44px !important;}
.size45 {font-size: 45px !important;}

/* --- マージン --- */
.m-bottom-0 {
margin-bottom: 0 !important;
}
.m-bottom-5 {
margin-bottom: 5px !important;
}
.m-bottom-10 {
margin-bottom: 10px !important;
}
.m-bottom-15 {
margin-bottom: 15px !important;
}
.m-bottom-20 {
margin-bottom: 20px !important;
}
.m-bottom-25 {
margin-bottom: 25px !important;
}
.m-bottom-30 {
margin-bottom: 30px !important;
}
.m-bottom-35 {
margin-bottom: 35px !important;
}
.m-bottom-40 {
margin-bottom: 40px !important;
}
.m-bottom-50 {
margin-bottom: 50px !important;
}
.m-bottom-100 {
margin-bottom: 100px !important;
}


/* --- ラインハイト --- */
.line-height-100 {
line-height: 100% !important;
}
.line-height-120 {
line-height: 150% !important;
}
.line-height-150 {
line-height: 150% !important;
}
.line-height-180 {
line-height: 180% !important;
}
.line-height-200 {
line-height: 200% !important;
}

/* --- 幅 --- */
.width-100pc {
width: 100% !important;
}
.width-90pc {
width: 90% !important;
}
.width-80pc {
width: 80% !important;
}
.width-70pc {
width: 70% !important;
}
.width-60pc {
width: 60% !important;
}
.width-50pc {
width: 50% !important;
}
.width-40pc {
width: 40% !important;
}
.width-30pc {
width: 30% !important;
}
.width-20pc {
width: 20% !important;
}
.width-10pc {
width: 10% !important;
}

/* --- ボーダーラディウス --- */
.border-radius-3 {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.border-radius-5 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.border-radius-10 {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.border-radius-15 {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
.border-radius-20 {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

/* --- ▼コンテンツ内の設定開始 --- */
/* --- ラッパー --- */
#wrapper {
margin: 0;
padding: 0 10px;
}

/* --- コンテンツ --- */
#content {
margin: 0 auto;
padding: 0;
}

/* --- コンテナ --- */
div.container {
width: 100%;
margin: 0 auto;
padding: 0;
}

/* --- コンテンツ01（背景グレー） --- */
#content div.content01 {
margin: 0 0 50px;
padding: 50px 0 1px;
background-color: #f5f5f5;
}

/* --- セクション（共通設定） --- */
#content section {
margin: 0 0 50px;
padding: 0;
}
#content section.type01 {
margin: 0 0 100px;
padding: 0;
}

/* --- セクション（共通設定） --- */
div.section {
margin: 0 0 50px;
padding: 0;
}

/* --- 見出し・段落・リスト（基本設定） --- */
#content h1 {
margin: 0 0 40px;
padding: 0;
color: #000000;
font-size: 20px;
line-height: 180%;
}

#content h2 {
margin: 0 0 40px;
padding: 0;
color: #000000;
font-size: 18px;
line-height: 180%;
}

#content h3 {
margin: 0 0 20px;
padding: 0;
font-size: 17px;
color: #000000;
line-height: 180%;
}

#content h4 {
margin: 0 0 20px;
padding: 0;
font-size: 16px;
line-height: 180%;
}

#content h5 {
margin: 0 0 20px;
padding: 0;
font-size: 15px;
line-height: 180%;
}

#content h6 {
margin: 0 0 20px;
padding: 0;
font-size: 14px;
line-height: 180%;
}

#content p {
margin: 0 0 40px;
padding: 0;
line-height: 200%;
}

#content ul,
#content ol {
margin: 0 0 40px 20px;
padding: 0;
line-height: 200%;
}
#content ul li,
#content ol li {
margin: 0 0 10px;
padding: 0;
}
/* --- h2（吹出し（中央）＋背景色（青）＋白文字） --- */
#content h2.type00 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #ffffff;
text-align: center;
text-shadow: 3px 3px 5px #7e020b;
background: -moz-linear-gradient(bottom, #f40415, #a5030e);
background: -webkit-linear-gradient(bottom, #f40415, #a5030e);
background: linear-gradient(to bottom, #f40415, #a5030e);
box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
#content h2.type00::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 5px;
border-bottom: 1px solid #333333;
background-color: #b8860b;
}
#content h2.type00::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #a5030e;
}
/* --- h2（吹出し（中央）＋背景色（薄青）＋黒文字） --- */
#content h2.type01 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #000000;
text-align: center;
background-color: #fcefd0;
}
#content h2.type01::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #fcefd0;
}
/* --- h2（吹出し（左）＋背景色（薄青）＋黒文字） --- */
#content h2.type02 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #000000;
background-color: #eef4fc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#content h2.type02::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #eef4fc;
}
/* --- h2（吹出し（左）＋背景色（青）＋白文字） --- */
#content h2.type03 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #ffffff;
background-color: #1d57a9;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#content h2.type03::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #1d57a9;
}
/* --- h2（背景色（赤）＋白文字） --- */
#content h2.type04 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #ffffff;
text-shadow: 3px 3px 5px #7e020b;
background: -moz-linear-gradient(bottom, #f40415, #a5030e);
background: -webkit-linear-gradient(bottom, #f40415, #a5030e);
background: linear-gradient(to bottom, #f40415, #a5030e);
}

/* --- h3（背景色（グレー）＋黒文字） --- */
#content h3.type01 {
margin: 0 0 40px;
padding: 8px 5px 5px 5px;
color: #000000;
background-color: #f5f5f5;
}

/* --- アイキャッチ --- */
#content div.eyecatch {
position: relative;
width: 100%;
margin: 0;
padding: 20px 0;
background: url(../image/eyecatch-back.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
border-top: 5px solid #a5030e;
}
#content div.eyecatch::before{
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9); /* カラーを重ねる */
}
#content div.eyecatch h1,
#content div.eyecatch p {
position: relative;
margin: 0 5px;
padding: 0;
color: #000000;
line-height: 100%;
text-align: center;
z-index: 2;
}
#content div.eyecatch h1 img,
#content div.eyecatch p img {
margin: 0;
padding: 0;
vertical-align: bottom;
}

/* --- スライダー --- */
#loopslider {
position: relative;
width: 100%;
height: 100px;
margin: 0 auto;
padding: 0;
text-align: left;
overflow: hidden;
}
 
#loopslider ul {
display: inline-block;
float: left;
height: 100px;
margin: 0;
padding: 0;
line-height: 100%;
overflow: hidden;
}
 
#loopslider ul li {
display: inline;
float: left;
width: 200px;
height: 100px;
margin: 0;
padding: 0;
overflow: hidden;
}
#loopslider ul li img {
width: 200px;
height: 100px;
}
#loopslider ul::after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

/* --- オープニング（セミナー名など） --- */
#content div.opening {
position: relative;
margin: 0;
padding: 20px 20px 1px;
background-color: #1d57a9;
}
#content div.opening::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #1d57a9;
}

/* --- ボックス（ボーダーグレー） --- */
#content div.boxType01 {
margin: 0 0 40px;
padding: 0;
border: 1px solid #c0c0c0;
}
#content div.boxType01 p {
margin-left: 10px;
margin-right: 10px;
}

/* --- ボックス（背景白） --- */
#content div.boxType02 {
margin: 0 0 40px;
padding: 10px 20px;
background-color: #ffffff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* --- ボックス（ボーダー＋角アクセント） --- */
#content div.boxType03 {
position: relative;
margin: 0 auto 40px;
padding: 10px;
background-color: #ffffff;
border: 2px solid #1d57a9;
}
#content div.boxType03::before {
position: absolute;
top: -10px;
left: -10px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 10px solid #1d57a9;
transform: rotate(45deg);
}
#content div.boxType03::after {
position: absolute;
bottom: -10px;
right: -10px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-left: 10px solid #1d57a9;
transform: rotate(45deg);
}

/* --- ボックス（ボーダー＋角アクセント） --- */
#content div.boxType04 {
position: relative;
margin: 0 auto 40px;
padding: 10px;
background-color: #ffffff;
border: 2px solid #000000;
}
#content div.boxType04::before {
position: absolute;
top: -10px;
left: -10px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 10px solid #000000;
transform: rotate(45deg);
}
#content div.boxType04::after {
position: absolute;
bottom: -10px;
right: -10px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-left: 10px solid #000000;
transform: rotate(45deg);
}

/* --- ボックス（下ボーダー赤） --- */
#content div.boxType05 {
margin: 0 0 40px;
padding: 0;
border-bottom: 1px solid #df3e4e;
}

/* --- チェックマーク（span） --- */
#content span.checkType01 {
display: inline-block;
margin: 0;
padding: 0 0 0 50px;
background: url(../image/check01.png) no-repeat left top;
}

/* --- チェックマーク（ul） --- */
#content ul.checkType01 {
margin: 0 0 40px;
padding: 0;
line-height: 200%;
list-style-type: none;
}
#content ul.checkType01 li {
margin: 0 0 10px;
padding: 0 0 0 50px;
background: url(../image/check01.png) no-repeat left top;
}

/* --- チェックマーク（ul） --- */
#content ul.checkType02 {
margin: 0 0 40px;
padding: 0;
line-height: 200%;
list-style-type: none;
}
#content ul.checkType02 li {
margin: 0 0 10px;
padding: 0 0 10px 50px;
border-bottom: 1px dotted #c0c0c0;
background: url(../image/check01.png) no-repeat left top;
}

/* --- ポイント（ul） --- */
#content ul.pointType01 {
margin: 0 0 40px;
padding: 0;
list-style-type: none;
}
#content ul.pointType01 li {
min-height: 30px;
margin: 0 0 10px 0;
padding: 5px 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #f5f5f5;
}
#content ul.pointType01 li span.number {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 15px 0 0;
padding: 0;
color: #ffffff;
font-weight: bold;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #1d57a9;
}

/* --- マーカー --- */
#content span.markerType01 {
background: linear-gradient(transparent 60%, #ffff91 60%);
}

/* --- ボタン（緑） --- */
#content a.btnType01 {
position: relative;
display:inline-block;
width: 100%;
margin: 0;
padding: 20px 0 15px;
font-size: 18px;
font-weight: bold;
color: #ffffff;
line-height: 150%;
text-decoration: none;
text-align: center;
border-bottom: 5px solid #047420;
background-color: #06c236;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
#content a.btnType01:hover {
border-bottom: 5px solid #06c236;
background-color: #07e941;
}

/* --- ボタン（緑） --- */
#content span.btnOffType01 {
position: relative;
display:inline-block;
width: 90%;
margin: 0;
padding: 20px 0 15px;
font-size: 18px;
font-weight: bold;
color: #ffffff;
line-height: 150%;
text-decoration: none;
text-align: center;
background-color: #047420;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

/* --- ボタン（緑） --- */
#content a.btnType02 {
position: relative;
display:inline-block;
width: 90%;
margin: 0;
padding: 20px 0 35px;
font-size: 18px;
color: #ffffff;
line-height: 150%;
text-decoration: none;
text-align: center;
border-bottom: 5px solid #047420;
background-color: #06c236;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
#content a.btnType02::after {
position: absolute;
bottom: 5px;
left: 50%;
font-size: 20px;
margin: 0 0 0 -10px;
padding: 0;
font-family: FontAwesome;
content: '\f107';
}
#content a.btnType02:hover {
border-bottom: 5px solid #06c236;
background-color: #07e941;
}


/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
footer {
margin: 0;
padding: 0;
font-size: 13px;
}

/* --- コピーライト --- */
footer div.copyright {
margin: 0;
padding: 10px;
background-color: #000000;
}

footer div.copyright p {
margin: 0;
padding: 0;
color: #ffffff;
font-size: 12px;
text-align: center;
line-height: 150%;
}
/* --- ▲フッター内の設定終了 --- */

/* --- ▼その他の設定開始 --- */
/* --- clearFix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ソーシャルボタン --- */
.socialBtn {
margin: 0 0 20px; 
padding: 0px;
text-align: left;
}
iframe.twitter-share-button {
width: 70px!important;
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}

/* --- トップに戻る --- */
#backTop {
position: fixed;
bottom: 50px;
right: 10px;
}
#backTop a {
display: block;
margin: 0;
padding: 5px 8px;
font-size: 12px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #808080;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#backTop a:hover {
background-color: #4d4d4d;
}

/* --- ページ内リンクのずれ解消 --- */
#chapter01,#chapter02,#chapter03,#chapter04,#chapter05,#chapter06,#chapter07,#chapter08,#chapter09,#chapter10 {
display: block;
margin-top: -100px;
padding-top: 100px;
}

/* --- テキストサイズ(SP用） --- */
.size15Sp {font-size: 15px !important;}
.size16Sp {font-size: 16px !important;}
.size17Sp {font-size: 17px !important;}
.size18Sp {font-size: 18px !important;}
.size19Sp {font-size: 19px !important;}
.size20Sp {font-size: 20px !important;}
.size21Sp {font-size: 21px !important;}
.size22Sp {font-size: 22px !important;}
.size23Sp {font-size: 23px !important;}
.size24Sp {font-size: 24px !important;}
.size25Sp {font-size: 25px !important;}
.size30Sp {font-size: 30px !important;}

/* --- テキスト左揃え(SP用） --- */
.leftSp {
text-align: left !important;;
}
/* --- テキスト中央揃え(SP用） --- */
.centerSp {
text-align: center !important;;
}


/* --- 画像フロート無しセンタリング(SP用） --- */
img.floatNoneCenterSp {
display: block !important;
float: none !important;
margin: 0 auto 30px !important;
padding: 0 !important;
}

/* --- 横並びリスト（LINEキャプチャ画像） --- */
#content ul.type01 {
display: table;
margin: 0 auto 40px;
padding: 0;
list-style-type: none;
}
#content ul.type01 li {
margin: 0 15px 20px;
padding: 0;
}

/* --- 横並びリスト（キャプチャ画像） --- */
#content ul.type02 {
display: table;
margin: 0 auto 40px;
padding: 0;
list-style-type: none;
}
#content ul.type02 li {
margin: 0 0 20px 0;
padding: 0;
}


/* --- h2（吹出し（左）＋背景色（緑）＋白文字） --- */
#content h2.type05 {
position: relative;
margin: 0 0 40px;
padding: 13px 20px 10px 20px;
color: #ffffff;
background-color: #00c300;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#content h2.type05::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #00c300;
}

/* --- ボックス（上下ボーダーグレー） --- */
#content div.boxType05 {
margin: 0 0 40px;
padding: 20px 0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}

/* --- ボックス（ボーダー赤） --- */
#content div.boxType06 {
margin: 0 0 40px;
padding: 20px;
border: 1px solid #000000;
}

/* --- ボックス（下ボーダー赤） --- */
#content div.boxType07 {
margin: 0 0 40px;
padding: 0;
border-bottom: 1px solid #f40415;
}

/* --- ボックス（ボーダーグレー） --- */
#content div.boxType08 {
position: relative;
margin: 0 auto 40px;
padding: 20px;
background-color: #ffffff;
border: 5px solid #c0c0c0;
}

/* --- 表 --- */
#content table.type01 {
width: 100%;
margin: 0 0 40px;
border: 1px #c0c0c0 solid;
border-collapse: collapse;
line-height: 180%;
}
#content table.type01 caption {
color: #000000;
font-weight: bold;
text-align: center;
}
#content table.type01 th,
#content table.type01 td {
padding: 10px 10px;
border: 1px #c0c0c0 solid;
word-break: break-all;
}
#content table.type01 th {
color: #000000;
font-weight: normal;
background-color: #f9f9f9;
}
#content table.type01 th.nowrap,
#content table.type01 td.nowrap {
white-space: nowrap;
}
#content table.type01 th.width20,
#content table.type01 td.width20 {
width: 20%;
}
#content table.type01 th.width30,
#content table.type01 td.width30 {
width: 30%;
}

/* --- 非表示 --- */
.displayNoneSp {
display: none;
}

/* --- Youtube --- */
#content div.movie {
position: relative;
width: 100%;
margin: 0 auto;
padding-top: 56.25%;
}
#content div.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
margin: 0;
padding: 0;
}

/* --- ボックス（金枠） --- */
#content div.gold {
margin: 0 0 30px;
padding: 20px;
background-image: url(../image/bg01.png), url(../image/bg02.png), url(../image/bg03.png), url(../image/bg04.png);
background-position: left top, right top, left bottom, right bottom;
background-repeat: no-repeat, no-repeat;
background-size: 68.75px 60px, 68.75px 60px, 68.75px 60px, 68.75px 60px;
}


/* --- テーブル --- */
.tableSp {
display: table !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* --- 特典（ul） --- */
#content ul.pointType02 {
display: table;
margin: 0 auto 40px;
padding: 0;
list-style-type: none;
}
#content ul.pointType02 li {
height: 50px;
margin: 0 0 10px;
padding: 5px 10px 5px 70px;
font-weight: bold;
line-height: 50px;
border: 3px solid #ffeeaa;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#content ul.pointType02 li:nth-of-type(1) {
background: url(../image/icon01.png) no-repeat 10px center;
background-size:50px 50px;
}
#content ul.pointType02 li:nth-of-type(2) {
background: url(../image/icon02.png) no-repeat 10px center;
background-size:50px 50px;
}
#content ul.pointType02 li:nth-of-type(3) {
background: url(../image/icon03.png) no-repeat 10px center;
background-size:50px 50px;
}

/* --- 特典（span） --- */
#content span.pointType01 {
display: inline-block;
margin: 0;
padding: 35px 0 0;
background: url(../image/icon01.png) no-repeat center top;
background-size:30px 30px;
}
#content span.pointType02 {
display: inline-block;
margin: 0;
padding: 35px 0 0;
background: url(../image/icon02.png) no-repeat center top;
background-size:30px 30px;
}
#content span.pointType03 {
display: inline-block;
margin: 0;
padding: 35px 0 0;
background: url(../image/icon03.png) no-repeat center top;
background-size:30px 30px;
}
#content span.pointType04 {
display: inline-block;
margin: 0;
padding: 35px 0 0;
background: url(../image/icon04.png) no-repeat center top;
background-size:30px 30px;
}
#content span.pointType05 {
display: inline-block;
margin: 0;
padding: 35px 0 0;
background: url(../image/icon05.png) no-repeat center top;
background-size:30px 30px;
}

/* --- h3（背景色（青）＋白文字） --- */
#content h3.type02 {
margin: 0 0 40px;
padding: 8px 20px 5px 20px;
color: #ffffff;
background-color: #1d57a9;
}

/* --- 日程 --- */
#content div.summary {
margin: 0 auto 40px;
padding: 0;
}
#content div.summary p {
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #c0c0c0;
}

/* --- フッター固定ナビ --- */
div.footerNavi {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 8px 0;
background-color: rgba(0,0,0,0.8);
z-index: 9999;
}
div.footerNavi p {
margin: 0 0 5px;
padding: 0;
color: #ffffff;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 100%;
}
div.footerNavi ul {
margin: 0 10px;
padding: 0;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 100%;
list-style-type: none;
}
div.footerNavi ul li {
float: left;
width: 32%;
margin: 0 2% 0 0;
padding: 0;
}
div.footerNavi ul li:last-of-type {
margin: 0;
}

div.footerNavi ul li:nth-of-type(1) a {
display: block;
margin: 0;
padding: 10px 0;
font-size: 15px;
color: #ffffff;
line-height: 100%;
text-decoration: none;
text-align: center;
border-bottom: 3px solid #047420;
background-color: #06c236;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.footerNavi ul li:nth-of-type(1) a:hover {
border-bottom: 3px solid #06c236;
background-color: #07e941;
}
div.footerNavi ul li:nth-of-type(2) a {
display: block;
margin: 0;
padding: 10px 0;
font-size: 15px;
color: #ffffff;
line-height: 100%;
text-decoration: none;
text-align: center;
border-bottom: 3px solid #d85600;
background-color: #ff7f2a;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.footerNavi ul li:nth-of-type(2) a:hover {
border-bottom: 3px solid #ff7f2a;
background-color: #ffae79;
}
div.footerNavi ul li:nth-of-type(3) a {
display: block;
margin: 0;
padding: 10px 0;
font-size: 15px;
color: #ffffff;
line-height: 100%;
text-decoration: none;
text-align: center;
border-bottom: 3px solid #006a84;
background-color: #00aad4;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.footerNavi ul li:nth-of-type(3) a:hover {
border-bottom: 3px solid #00aad4;
background-color: #25d4ff;
}
div.footerNavi ul li:nth-of-type(4) a {
display: block;
margin: 0;
padding: 10px 0;
font-size: 15px;
color: #ffffff;
line-height: 100%;
text-decoration: none;
text-align: center;
border-bottom: 3px solid #ff3385;
background-color: #ff83b5;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.footerNavi ul li:nth-of-type(4) a:hover {
border-bottom: 3px solid #ff5b9d;
background-color: #ffabcd;
}

/* --- faq --- */
#content dl.faq {
margin: 0 0 40px;
padding: 0;
}
#content dl.faq dt {
margin: 0 0 15px;
padding: 15px 0 10px 40px;
background: #f5f5f5 url(../image/question.png) no-repeat 5px 18px;
color: #000000;
font-weight: bold;
line-height: 180%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#content dl.faq dd {
margin: 0 0 20px;
padding: 0 0 0 40px;
background: url(../image/answer.png) no-repeat 5px 5px;
line-height: 200%;
}

/* --- ▲その他の設定終了 --- */

}