@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: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
background-color: #ffffff;
}

/* --- 全体のリンクテキスト --- */
a:link {
color: #000000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
a:visited { color: #666666; }
a:hover { color: #333333; }
a:active { color: #555555; }

/* 全体の画像 */
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: "Vollkorn",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: #d40000;
}
/* --- テキスト色（青） --- */
.color02 {
color: #1d57a9;
}
/* --- テキスト色（白） --- */
.color03 {
color: #ffffff;
}
/* --- テキスト色（薄赤） --- */
.color04 {
color: #eea2a7;
}

/* --- テキストサイズ --- */
.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;
}

/* --- パッディング --- */
.p-top-50 {
padding-top: 50px !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;
padding: 0;
}

/* --- セクション（共通設定） --- */
#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;
}

#content ul.type01 {
display: table;
margin: 0 auto 40px;
padding: 0;
line-height: 200%;
}
#content ul.type01 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;
background-color: #df3e4e;
}
/* --- h2（ゴールド文字） --- */
#content h2.type10 {
color: #BFAC83;
}

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

/* --- 囲み数字 --- */
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: #BFAC83;
}

/* --- アイキャッチ --- */
#content div.eyecatch {
position: relative;
width: 100%;
min-width: 1000px;
height: 550px;
margin: 0 0 50px;
padding: 0;
background: url(../image01/eyecatch-back.png);
background-position: 50% 30%;
background-repeat: no-repeat;
background-size: cover;
}
#content div.eyecatch div.inner {
position: relative;
width: 1000px;
height: 550px;
margin: 0 auto;
padding: 0;
}
#content div.eyecatch div.inner h1 {
position: absolute;
top: 50px;
left: 100px;
width: 500px;
margin: 0;
padding: 0;
}
#content div.eyecatch div.inner h1.type01 {
position: absolute;
top: 100px;
left: 100px;
width: 600px;
margin: 0;
padding: 0;
}
#content div.eyecatch div.inner h1.type02 {
position: absolute;
top: 35px;
left: 100px;
width: 600px;
margin: 0;
padding: 0;
}
#content div.eyecatch div.inner a.btn01 {
position: absolute;
top: 400px;
left: 105px;
margin: 0;
padding: 40px 40px;
color: #ffffff;
font-size: 20px;
text-decoration: none;
background-color: #333333;
}
#content div.eyecatch div.inner a.btn01 span {
color: #BFAC83;
}
#content div.eyecatch div.inner a.btn01:hover {
background-color: #5b5b5b;
}

/* --- スライダー --- */
#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 {
margin: 0;
padding: 30px 0 0;
background-color: #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: 20px 10px;
background-color: #f8f6f2;
}

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

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

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

/* --- チェックマーク（span） --- */
#content span.checkType01 {
display: inline-block;
margin: 0;
padding: 0 0 0 50px;
background: url(../image01/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(../image01/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(../image01/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%, #eef4fc 60%);
}

/* --- ボタン（緑） --- */
#content a.btnType01 {
position: relative;
display:inline-block;
width: 650px;
margin: 0;
padding: 20px 0 15px;
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.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;
}

#content a.btn01 {
display: inline-block;
margin: 0;
padding: 40px 40px;
color: #ffffff;
font-size: 20px;
text-decoration: none;
background-color: #333333;
}
#content a.btn01 span {
color: #BFAC83;
}
#content a.btn01:hover {
background-color: #5b5b5b;
}
#content span.btn01 {
display: inline-block;
margin: 0;
padding: 40px 40px;
color: #ffffff;
font-size: 20px;
text-decoration: none;
background-color: #999999;
}


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


/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
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;
}

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

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

/* --- ボックス（ボーダーゴールド／装飾有り） --- */
#content div.boxType07 {
position: relative;
margin: 0 auto 40px;
padding: 5px;
background: -moz-linear-gradient(to right,#b8860b,#fae2a6 50%,#b8860b); 
background: -webkit-linear-gradient(to right,#b8860b,#fae2a6 50%,#b8860b); 
background: linear-gradient(to right,#b8860b,#fae2a6 50%,#b8860b); 
}
#content div.boxType07 div.inner {
margin: 0;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 0 15px rgba(0,0,0,0.8) inset;
}

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

/* --- パッディング調整（PC） --- */
.padding-top-40Pc {
padding-top: 40px !important;
}
.padding-bottom-40Pc {
padding-bottom: 40px !important;
}

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

/* --- h2（背景色（赤）＋白文字） --- */
#content h2.type05 {
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.type05::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 5px;
border-bottom: 1px solid #333333;
background-color: #b8860b;
}

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

/* --- フォーム --- */
#content div.formArea {
width: 900px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 3;
}

#content div.formArea div.leftBox{
float: left;
width: 450px;
margin: 0;
padding: 0;
}
#content div.formArea div.rightBox{
float: right;
width: 450px;
margin: 0;
padding: 0;
}

#content table.formtable {
width: 100%;
margin: 0 auto 20px;
border-collapse: collapse;
line-height: 180%;
}
#content table.formtable td {
width: 50%;
padding: 10px 20px;
}
input {
width: 100%;
font-size: 20px;
margin-bottom: 2px;
padding: 15px 0;
border: 5px solid #b8860b;
background-color: #fff5f5;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
/* --- ボタン（緑） --- */
input.btnType01 {
position: relative;
width: 100%;
padding: 15px 0 10px;
font-size: 30px;
font-weight: bold;
color: #ffffff;
text-align: center;
vertical-align: middle;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 5px solid #002c0e;
text-shadow: 3px 3px 5px #002c0e;
background: -moz-linear-gradient(bottom, #00c93f, #00531b);
background: -webkit-linear-gradient(bottom, #00c93f, #00531b);
background: linear-gradient(to bottom, #00c93f, #00531b);
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
cursor: pointer;
font-family : '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
-webkit-appearance: none;
}
input.btnType01::after {
position: absolute;
top: 50%;
right: 15px;
font-size: 50px;
margin: -25px 0 0;
padding: 0;
font-family: FontAwesome;
content: '\f105';
}
input.btnType01:hover {
border-bottom: 5px solid #00541b;
text-shadow: 3px 3px 5px #00541b;
background: -moz-linear-gradient(bottom, #00f24c, #007c28);
background: -webkit-linear-gradient(bottom, #00f24c, #007c28);
background: linear-gradient(to bottom, #00f24c, #007c28);
}

img.sizePc01 {
width: 500px;
}

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

}

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

/* --- 全体の背景・テキスト --- */
body {
width: 100%;
margin: 0;
padding: 0;
color: #333333;
font-size: 18px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* --- 全体のリンクテキスト --- */
a:link {
color: #000000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
a:visited { color: #666666; }
a:hover { color: #333333; }
a:active { color: #555555; }

/* 全体の画像 */
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: "Vollkorn",serif;
}

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

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

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

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

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

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

/* --- テキストサイズ --- */
.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;
}


.m-left-10 {
margin-left: 10px !important;
}
.m-right-10 {
margin-right: 10px !important;
}
/* --- パッディング --- */
.p-top-50 {
padding-top: 50px !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 {
margin: 0 auto;
padding: 0 10px;
}

/* --- コンテンツ01（左右余白調整） --- */
#content div.content01 {
margin: 0;
padding: 0 10px;
}

/* --- セクション（共通設定） --- */
#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;
}

#content ul.type01 {
display: table;
margin: 0 auto 40px;
padding: 0;
line-height: 200%;
}
#content ul.type01 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 5px 10px 5px;
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;
background-color: #df3e4e;
}
/* --- h2（ゴールド文字） --- */
#content h2.type10 {
margin: 0 0 10px;
color: #BFAC83;
}

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

/* --- 囲み数字 --- */
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: #BFAC83;
}


/* --- アイキャッチ --- */
#content div.eyecatch {
margin: 0 0 40px;
padding: 0;
}
#content div.eyecatch h1 {
margin: 0;
padding: 0;
line-height: 100%;
text-align: center;
}


/* --- スライダー --- */
#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 {
margin: 0;
padding: 30px 10px 0;
background-color: #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;
background-color: #f8f6f2;
}


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

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

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

/* --- チェックマーク（span） --- */
#content span.checkType01 {
display: inline-block;
margin: 0;
padding: 0 0 0 50px;
background: url(../image01/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(../image01/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(../image01/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%, #eef4fc 60%);
}

/* --- ボタン（緑） --- */
#content a.btnType01 {
position: relative;
display:inline-block;
width: 90%;
margin: 0;
padding: 20px 0 15px;
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.btnType01::after {
position: absolute;
top: 50%;
right: 15px;
font-size: 20px;
margin: -10px 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: 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;
}

#content a.btn01 {
display: inline-block;
margin: 0;
padding: 30px 15px;
color: #ffffff;
text-decoration: none;
background-color: #333333;
}
#content a.btn01 span {
color: #BFAC83;
}
#content a.btn01:hover {
background-color: #5b5b5b;
}
#content span.btn01 {
display: inline-block;
margin: 0;
padding: 30px 15px;
color: #ffffff;
text-decoration: none;
background-color: #999999;
}


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


/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
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: 10px;
right: 10px;
z-index: 4;
}
#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用） --- */
.size13Sp {font-size: 13px !important;}
.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;}
.size25Sp {font-size: 25px !important;}
.size35Sp {font-size: 35px !important;}

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

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

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

/* --- ボックス（ボーダーグレー） --- */
#content div.boxType06 {
position: relative;
margin: 0 0 40px;
padding: 10px;
background-color: #ffffff;
border: 3px solid #D9D2BE;
}
#content div.boxType06 h2 {
font-size: 16px;
}

/* --- Youtube --- */
#content div.movie {
position: relative;
width: 90%;
margin: 0 auto 30px;
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.boxType07 {
position: relative;
margin: 0 10px 40px;
padding: 5px;
background: -moz-linear-gradient(to right,#b8860b,#fae2a6 50%,#b8860b); 
background: -webkit-linear-gradient(to right,#b8860b,#fae2a6 50%,#b8860b); 
background: linear-gradient(to right,#b8860b,#fae2a6 50%,#b8860b); 
}
#content div.boxType07 div.inner {
margin: 0;
padding: 10px;
background-color: #ffffff;
box-shadow: 0 0 15px rgba(0,0,0,0.8) inset;
}

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

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

/* --- h2（背景色（赤）＋白文字） --- */
#content h2.type05 {
position: relative;
margin: 0 0 40px;
padding: 13px 5px 10px 5px;
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.type05::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 5px;
border-bottom: 1px solid #333333;
background-color: #b8860b;
}

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

/* --- フォーム --- */
#content div.formArea {
margin: 0 10px;
padding: 0;
position: relative;
z-index: 3;
}

#content table.formtable {
width: 100%;
margin: 0 auto;
border-collapse: collapse;
line-height: 180%;
}
#content table.formtable td {
width: 50%;
padding: 3px 10px;
}
input {
width: 100%;
font-size: 15px;
margin-bottom: 2px;
padding: 10px 0;
border: 2px solid #b8860b;
background-color: #fff5f5;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
/* --- ボタン（緑） --- */
input.btnType01 {
position: relative;
width: 100%;
padding: 15px 0 10px;
font-size: 20px;
font-weight: bold;
color: #ffffff;
text-align: center;
vertical-align: middle;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 5px solid #002c0e;
text-shadow: 3px 3px 5px #002c0e;
background: -moz-linear-gradient(bottom, #00c93f, #00531b);
background: -webkit-linear-gradient(bottom, #00c93f, #00531b);
background: linear-gradient(to bottom, #00c93f, #00531b);
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
cursor: pointer;
font-family : '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
-webkit-appearance: none;
}
input.btnType01::after {
position: absolute;
top: 50%;
right: 15px;
font-size: 50px;
margin: -25px 0 0;
padding: 0;
font-family: FontAwesome;
content: '\f105';
}
input.btnType01:hover {
border-bottom: 5px solid #00541b;
text-shadow: 3px 3px 5px #00541b;
background: -moz-linear-gradient(bottom, #00f24c, #007c28);
background: -webkit-linear-gradient(bottom, #00f24c, #007c28);
background: linear-gradient(to bottom, #00f24c, #007c28);
}

div.wrapperSp {
margin: 0 10px;
}

img.sizeSp01 {
width: 150px;
}

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

}