body {
padding: 0;
background: #fff;
color: #333;
font-size: 1.4em;
}


.logo {
width: 100%;
background: #f0f0f0;
border-bottom: 2px solid #b18f52;
padding: 10px 0;
}

.thanks .logo {
margin-top: -20px;
}

.logo img {margin: 0 auto;}

.container {
  max-width: 1000px !important;
  clear: both;
  background: #fff;
  padding: 0;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.rform {
  width: 90%;
  margin: 0 5%;
  font-size: 0.95em;
  text-align: left;
  color: #000;

}

.cap {
font-size: 80%;
}

.hajimeni {
display: block;
background: #cc0000;
padding: 5px 0;
max-width: 600px;
margin: 10px auto;
text-align: center;
color: #fff;
border-radius: 20px;
font-size: 16px;
}

[class*="col-"], .row {
margin: 0 auto !important;
}

.brown {
background: #f1eee9;
}

#main {
margin: 0;
padding: 0 10px;
clear: both;
}

#right {
position: relative;
margin: 0;
padding: 0 0 1px !important;
line-height: 1;
}

.caption {margin-bottom: 20px;}

.menu {
background:#6a6355;
padding: 3px 0;
margin-top: 18px
}

.menu img {margin: 0 auto;padding: 0;}

.formf {
max-width: 940px;
margin: 0 auto;
padding: 0;
}

.demo5 {
margin: 0;
}
.demo5 a {
display: block;
margin: 0;
padding: 20px 0;
text-align: center;
background: #0068b7;
color: #fff;
border-radius: 30px;
font-size: 85%;
border: 2px solid #fff;
}

.demo5 a:hover {background: #ff9900;}

movie1 dt, movie2 dt {
padding: 0 10px;
}

.movie {
    position: relative;
    padding-bottom: 77%;
    padding-top: 10px;
    height: 0;
    overflow: hidden;
}
 
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#tab a span {
display: inline-block;
float: left;
width: 18%;
margin: 10px 1%;
padding: 10px;
background: #ccc;
color: #333;
text-decoration: none;
text-align: center;
border-radius: 30px;
font-size: 80%;
}

#tab img {
margin: 3px 0;
padding: 0;
}

/*----------画像センタリング
----------*/
.img-centered {display: block; margin: 10px auto;}
.text-center {text-align: center !important;}

/*----------ページ最上部h1----------*/
h1 {
  color: #fff;
  font-size: 80%;
  line-height: 1;
  margin: 0;
  padding: 3px 10px;
  font-weight: normal;
  text-align: right;
}

/*----------背景色指定（h1、見出し背景など）----------*/
.bg-red {background: #c60000;} /*--赤--*/
.bg-blue {background: #00468b;} /*--青--*/
.bg-green {background: #00782d;} /*--緑--*/
.bg-orange {background: #fe7816;} /*--オレンジ--*/
.bg-gold {background: #807109;} /*--ゴールド--*/
.bg-black {background: #222;} /*--黒--*/

.sh {
    margin: 50px auto;
    padding: 30px 0;
    color: #c40000;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    clear: both;
    border-top: 3px dotted #ccc;
    border-bottom: 3px dotted #ccc;
}

.thanks .sh {
    margin: 10px auto;
    padding: 30px 0;
    color: #c40000;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    clear: both;
    border-top: 3px dotted #ccc;
    border-bottom: 3px dotted #ccc;
}

.thanks p {
font-size: 1.4em;
margin: 0 0 1em;
}

.thanks .bbbr {
font-size: 1.6em;
color: #cc0000;
margin: 0 0 1em;
}

.thanks .bb a {
border: 2px solid;
padding: 10px 20px;
margin: 10px 0;
border-radius: 30px;
}

.thanks .bb a:hover {
color: #ff9900;
text-decoration: none;
}

@media screen and (max-width: 640px) {
.sh br {display: none;}
}


/*----------ヘッダー、フッター背景色指定----------*/
#header.blue, #foot.blue {background: #d9e7f1;} /*--青--*/
#header.green, #foot.green {background: #a6e9bf;} /*--緑--*/
#header.pink, #foot.pink {background: #ffb0b3;} /*--ピンク--*/
#header.yellow, #foot.yellow {background: #ffcc00;} /*--黄--*/
#header.bage, #foot.bage {background: #faebd7;} /*--ベージュ--*/

/*----------ヘッダー背景画像指定----------*/
#header.photo {color: #fff;}

/*----------ヘッダーキャッチコピー----------*/
#header h2 {
  margin: 0 0 20px;
  padding: 0;
  font-size: 2em;
  line-height: 1.25;
  text-align: center;
  letter-spacing: 0.3em;
}

/*----------ヘッダーテキスト----------*/
#header p {
  max-width: 800px;
  padding: 0 1%;
  margin: 0 auto;
}

.head {margin-bottom: 50px;}
.head img {margin: 20px auto;}


/*----------SNSボタン----------*/
ul.sns {
text-align: center;
margin: 30px auto;
padding: 0;
list-style: none;
}

.sns li {display: inline; margin:20px;}

.sp {display: block;}
.pc {display: none;}

@media screen and (min-width: 768px) {
.sp {display: none;}
.pc {display: block;}

#movie3, #movie4, #movie5 {padding-top:50px;}

#tab a span {display: none;}

#main {
margin: 0;
padding: 0 20px;
clear: both;
}

#right {
position: relative;
margin: 0;
padding: 0 20px 1px 0 !important;
line-height: 1;
}

}

[class*="box"]  {
max-width: 100%;
margin: 50px 2%;
padding: 20px;
text-align: center;
border: 3px solid #ccc;
text-align: left;
border-radius: 20px;
}

.box {border-color:#6f6435;}
.box2 {border-color:#cc0000;}
.box3 {border-color:#b18f52}


.content {
max-width: 800px;
margin: 20px auto;
padding: 20px;
text-align: center;
border: 3px solid #dbd3c4;
text-align: left;
border-radius: 20px;
}


.s {
margin-top: -10px;
font-size:1em;
padding-left: 45px;;
}

/*----------H3見出しスタイル----------*/
.check {
background: url(../img/check.png) no-repeat left;
padding: 10px 0 10px 45px;
line-height: 1.25;
font-size: 20px !important;
font-weight: bold;
margin-bottom: 0.5em;
}

.square, p.square {
	margin: 30px 0;
	padding: 10px 0 10px 15px;
	font-size: 1.4em;
	line-height: 1;
	border-left: 40px solid 
}

.label {
	margin: 30px 0;
	padding: 10px 0 10px 20px;
	font-size: 1.4em;
	line-height: 1.5;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 #eee;
	box-shadow: 0 0 10px 0 #eee;
	border-left: 10px solid 
}


/*----------フッター共通----------*/
#footer {
text-align: center;
padding: 20px 0;
margin: 0 auto;
color: #5b5850;
font-size: 80%;
}

#footer a {color: #5b5850;}

#foot p {max-width: 1000px;margin: 16px auto 0;}

/*----------テキスト装飾----------*/
.white {color: #fff;}
.red {color: #c60000;}
.blue {color: #00468b;}
.green {color: #00782d;}
.orange {color: #fe7816;}
.gold {color: #807109;}

.b {
	font-weight: bold;
}

.bb {
	font-weight: bold;
	font-size: 1.6em;
}

.line {background: #fce89a;}
.u {border-bottom: 1px solid;}

/*----------見出し共通----------*/
[class*="header-"] {
  padding: 10px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/*----------見出し背景----------*/
.header-red {background: #c60000;}
.header-blue {background: #00468b;}
.header-green {background: #00782d;}
.header-orange {background: #fe7816;}
.header-gold {background: #807109;}

/*----------コンテンツ枠線共通----------*/
[class*="border-"] {
padding: 10px 30px;
margin-bottom: 30px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*----------コンテンツ枠線スタイル----------*/
.border-blue {border: 5px solid #d9e7f1;} /*--青--*/
.border-green {border: 5px solid #a6e9bf;} /*--緑--*/
.border-pink {border: 5px solid #ffb0b3;} /*--ピンク--*/
.border-yellow {border: 5px solid #ffcc00;} /*--黄--*/
.border-bage {border: 5px solid #faebd7;} /*--ベージュ--*/

/*----------コンテンツ枠 破線スタイル----------*/
.border-blue-dot {border: 5px dotted #d9e7f1;} /*--青--*/
.border-green-dot {border: 5px dotted #a6e9bf;} /*--緑--*/
.border-pink-dot {border: 5px dotted #ffb0b3;} /*--ピンク--*/
.border-yellow-dot {border: 5px dotted #ffcc00;} /*--黄--*/
.border-bage-dot {border: 5px dotted #faebd7;} /*--ベージュ--*/

/*----------左寄せ、右寄せ----------*/
.pull-left {margin-right: 15px; margin-bottom: 15px;}
.pull-right {margin-left: 15px; margin-bottom: 15px;}

p.cap {text-align: center; font-size: 12pt; color: #666;}


.qaq {
font-size: 1.2em;
font-weight: bold;
margin: 20px auto 10px;
min-height: 80px;
padding-top: 5px;
padding-left: 90px;
background: url(../img/q.png) no-repeat 5px;
}
.sg {padding-top: 25px;}

.qaa {
min-height: 80px;
margin: 10px auto;
padding: 10px 10px 30px 90px;
background: url(../img/a.png) no-repeat 5px;
border-bottom: 3px dotted #ddd;
}

div.qaa:last-child {
border: none;
}

.qaa p {
margin: 0;
padding: 0;
}


/*----------Font Awsome----------*/

@font-face {
  font-family: "FontAwesome";
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?#iefix') format('eot'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff') format('woff'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.ttf') format('truetype'),
       url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
}

/*-----テキストの前にアイコンを表示させる-----*/

.car:before {
content: "\f1b9";
font-family: FontAwesome;
}	/*-----車-----*/

.bank:before {
content: "\f19c";
font-family: FontAwesome;
}	/*-----銀行-----*/

.bar-chart:before {
content: "\f080";
font-family: FontAwesome;
}	/*-----棒グラフ-----*/

.arrow-circle-right:before {
content: "\f0a9";
font-family: FontAwesome;
}	/*-----白抜き矢印右-----*/

.arrow-circle-left:before {
content: "\f0a8";
font-family: FontAwesome;
}	/*-----白抜き矢印左-----*/

.arrow-left:before {
content: "\f060";
font-family: FontAwesome;
}	/*-----矢印右-----*/

.arrow-right:before {
content: "\f061";
font-family: FontAwesome;
}	/*-----矢印左-----*/

.amazon:before {
content: "\f270";
font-family: FontAwesome;
}	/*-----amazonロゴ-----*/

.vsign:before {
content: "\f209";
font-family: FontAwesome;
}	/*-----Vサイン-----*/

.angle-down:before {
content: "\f107";
font-family: FontAwesome;
}	/*-----下へ-----*/

.angle-up:before {
content: "\f106";
font-family: FontAwesome;
}	/*-----上へ-----*/

.angle-left:before {
content: "\f104";
font-family: FontAwesome;
}	/*-----左へ-----*/

.angle-right:before {
content: "\f105";
font-family: FontAwesome;
}	/*-----右へ-----*/

.bicycle:before {
content: "\f206";
font-family: FontAwesome;
}	/*-----自転車-----*/

.birthday-cake:before {
content: "\f1fd";
font-family: FontAwesome;
}	/*-----バースデーケーキ-----*/

.bomb:before {
content: "\f1e2";
font-family: FontAwesome;
}	/*-----爆弾-----*/

.book:before {
content: "\f02d";
font-family: FontAwesome;
}	/*-----本-----*/

.briefcase:before {
content: "\f0b1";
font-family: FontAwesome;
}	/*-----鞄-----*/

.building:before {
content: "\f1ad";
font-family: FontAwesome;
}	/*-----ビル-----*/

.calendar:before {
content: "\f073";
font-family: FontAwesome;
}	/*-----カレンダー-----*/

.camera:before {
content: "\f030";
font-family: FontAwesome;
}	/*-----カメラ-----*/

.amex:before {
content: "\f1f3";
font-family: FontAwesome;
}	/*-----AMEXロゴ-----*/

.diners-club:before {
content: "\f24c";
font-family: FontAwesome;
}	/*-----ダイナースロゴ-----*/

.mastercard:before {
content: "\f1f1";
font-family: FontAwesome;
}	/*-----マスターカードロゴ-----*/

.visa:before {
content: "\f1f0";
font-family: FontAwesome;
}	/*-----VISAロゴ-----*/

.paypal:before {
content: "\f1f4";
font-family: FontAwesome;
}	/*-----PayPalロゴ-----*/

.jcb:before {
content: "\f24b";
font-family: FontAwesome;
}	/*-----JCBロゴ-----*/

.check-circle:before {
content: "\f05d";
font-family: FontAwesome;
}	/*-----チェックマーク丸-----*/

.check-square:before {
content: "\f046";
font-family: FontAwesome;
}	/*-----チェックマーク四角-----*/

.chain:before {
content: "\f0c1";
font-family: FontAwesome;
}	/*-----鎖-----*/

.child:before {
content: "\f1ae";
font-family: FontAwesome;
}	/*-----子供-----*/

.clock-:before {
content: "\f017";
font-family: FontAwesome;
}	/*-----時計-----*/

.cloud-download:before {
content: "\f0ed";
font-family: FontAwesome;
}	/*-----クラウドダウンロード-----*/

.coffee:before {
content: "\f0f4";
font-family: FontAwesome;
}	/*-----コーヒー-----*/

.gears:before {
content: "\f085";
font-family: FontAwesome;
}	/*-----歯車-----*/

.comment:before {
content: "\f075";
font-family: FontAwesome;
}	/*-----コメント-----*/

.credit-card:before {
content: "\f09d";
font-family: FontAwesome;
}	/*-----クレジットカード-----*/

.cut:before {
content: "\f0c4";
font-family: FontAwesome;
}	/*-----ハサミ-----*/

.cutlery:before {
content: "\f0f5";
font-family: FontAwesome;
}	/*-----カトラリー-----*/

.database:before {
content: "\f1c0";
font-family: FontAwesome;
}	/*-----データベース-----*/

.desktop:before {
content: "\f108";
font-family: FontAwesome;
}	/*-----デスクトップ-----*/

.laptop:before {
content: "\f109";
font-family: FontAwesome;
}	/*-----ラップトップ-----*/

.diamond:before {
content: "\f219";
font-family: FontAwesome;
}	/*-----ダイアモンド-----*/

.download:before {
content: "\f019";
font-family: FontAwesome;
}	/*-----ダウンロード-----*/

.mail-black:before {
content: "\f0e0";
font-family: FontAwesome;
}	/*-----メール黒-----*/

.mail-white:before {
content: "\f003";
font-family: FontAwesome;
}	/*-----メール白-----*/

.eye:before {
content: "\f06e";
font-family: FontAwesome;
}	/*-----目-----*/

.exclamation:before {
content: "\f071";
font-family: FontAwesome;
}	/*-----注意-----*/

.external-link:before {
content: "\f08e";
font-family: FontAwesome;
}	/*-----別ウィンドウで-----*/

.lock:before {
content: "\f023";
font-family: FontAwesome;
}	/*-----南京錠-----*/

.facebook:before {
content: "\f082";
font-family: FontAwesome;
}	/*-----Facebookロゴ-----*/

.feed:before {
content: "\f09e";
font-family: FontAwesome;
}	/*-----フィード-----*/

.female:before {
content: "\f182";
font-family: FontAwesome;
}	/*-----女性-----*/

.file:before {
content: "\f016";
font-family: FontAwesome;
}	/*-----ファイル-----*/

.file-text:before {
content: "\f0f6";
font-family: FontAwesome;
}	/*-----テキストファイル-----*/

.film:before {
content: "\f008";
font-family: FontAwesome;
}	/*-----フィルム-----*/

.flag:before {
content: "\f024";
font-family: FontAwesome;
}	/*-----旗-----*/

.flask:before {
content: "\f0c3";
font-family: FontAwesome;
}	/*-----フラスコ-----*/

.folder:before {
content: "\f07b";
font-family: FontAwesome;
}	/*-----フォルダ黒-----*/

.folder-white:before {
content: "\f114";
font-family: FontAwesome;
}	/*-----フォルダ白-----*/

.folder-open:before {
content: "\f07c";
font-family: FontAwesome;
}	/*-----開いたフォルダ黒-----*/

.folder-open-white:before {
content: "\f115";
font-family: FontAwesome;
}	/*-----開いたフォルダ白-----*/

.glass:before {
content: "\f000";
font-family: FontAwesome;
}	/*-----カクテルグラス-----*/

.globe:before {
content: "\f0ac";
font-family: FontAwesome;
}	/*-----地球-----*/

.graduation-cap:before {
content: "\f19d";
font-family: FontAwesome;
}	/*-----角帽-----*/

.hand-left:before {
content: "\f0a5";
font-family: FontAwesome;
}	/*-----指差し左-----*/

.hand-right:before {
content: "\f0a4";
font-family: FontAwesome;
}	/*-----指差し右-----*/

.headphones:before {
content: "\f025";
font-family: FontAwesome;
}	/*-----ヘッドホン-----*/

.heart:before {
content: "\f004";
font-family: FontAwesome;
}	/*-----ハート-----*/

.home:before {
content: "\f015";
font-family: FontAwesome;
}	/*-----家-----*/

.history:before {
content: "\f1da";
font-family: FontAwesome;
}	/*-----履歴-----*/

.instagram:before {
content: "\f16d";
font-family: FontAwesome;
}	/*-----インスタグラムロゴ-----*/

.key:before {
content: "\f084";
font-family: FontAwesome;
}	/*-----鍵-----*/

.male:before {
content: "\f183";
font-family: FontAwesome;
}	/*-----男性-----*/

.line-chart:before {
content: "\f201";
font-family: FontAwesome;
}	/*-----折れ線グラフ-----*/

.list:before {
content: "\f03a";
font-family: FontAwesome;
}	/*-----リスト-----*/

.lightbulb:before {
content: "\f0eb";
font-family: FontAwesome;
}	/*-----リスト-----*/

.map:before {
content: "\f278";
font-family: FontAwesome;
}	/*-----地図-----*/

.mobile:before {
content: "\f10b";
font-family: FontAwesome;
}	/*-----スマホ-----*/

.mouse-pointer:before {
content: "\f245";
font-family: FontAwesome;
}	/*-----マウスポインター-----*/

.music:before {
content: "\f001";
font-family: FontAwesome;
}	/*-----音符-----*/

.newspaper:before {
content: "\f1ea";
font-family: FontAwesome;
}	/*-----新聞-----*/

.paperclip:before {
content: "\f0c6";
font-family: FontAwesome;
}	/*-----クリップ-----*/

.paper-plane:before {
content: "\f1d8";
font-family: FontAwesome;
}	/*-----紙飛行機-----*/

.paw:before {
content: "\f1b0";
font-family: FontAwesome;
}	/*-----犬の足跡-----*/

.pencil:before {
content: "\f040";
font-family: FontAwesome;
}	/*-----鉛筆-----*/

.plane:before {
content: "\f072";
font-family: FontAwesome;
}	/*-----飛行機-----*/

.plug:before {
content: "\f1e6";
font-family: FontAwesome;
}	/*-----コンセントプラグ-----*/

.question:before {
content: "\f128";
font-family: FontAwesome;
}	/*-----クエスチョンマーク-----*/

.question-circle:before {
content: "\f059";
font-family: FontAwesome;
}	/*-----クエスチョンマーク白抜き-----*/

.recycle:before {
content: "\f1b8";
font-family: FontAwesome;
}	/*-----リサイクルマーク-----*/

.rocket:before {
content: "\f135";
font-family: FontAwesome;
}	/*-----ロケット-----*/

.search:before {
content: "\f002";
font-family: FontAwesome;
}	/*-----虫眼鏡-----*/

.search-minus:before {
content: "\f010";
font-family: FontAwesome;
}	/*-----虫眼鏡マイナス-----*/

.search-plus:before {
content: "\f00e";
font-family: FontAwesome;
}	/*-----虫眼鏡プラス-----*/

.shopping-cart:before {
content: "\f07a";
font-family: FontAwesome;
}	/*-----ショッピングカート-----*/

.sign-in:before {
content: "\f090";
font-family: FontAwesome;
}	/*-----サインイン-----*/

.sign-out:before {
content: "\f08b";
font-family: FontAwesome;
}	/*-----サインアウト-----*/

.sitemap:before {
content: "\f0e8";
font-family: FontAwesome;
}	/*-----サイトマップ-----*/

.star:before {
content: "\f005";
font-family: FontAwesome;
}	/*-----星-----*/

.tree:before {
content: "\f1bb";
font-family: FontAwesome;
}	/*-----木-----*/

.trash:before {
content: "\f1f8";
font-family: FontAwesome;
}	/*-----ゴミ箱-----*/

.trophy:before {
content: "\f091";
font-family: FontAwesome;
}	/*-----トロフィー-----*/

.truck:before {
content: "\f0d1";
font-family: FontAwesome;
}	/*-----トラック-----*/

.user:before {
content: "\f007";
font-family: FontAwesome;
}	/*-----ユーザー-----*/

.video-camera:before {
content: "\f03d";
font-family: FontAwesome;
}	/*-----ビデオカメラ-----*/

.volume:before {
content: "\f028";
font-family: FontAwesome;
}	/*-----ボリューム-----*/

.youtube:before {
content: "\f167";
font-family: FontAwesome;
}	/*-----Youtubeアイコン-----*/

.play:before {
content: "\f16a";
font-family: FontAwesome;
}	/*-----再生-----*/

.industry:before {
content: "\f275";
font-family: FontAwesome;
}	/*-----工場-----*/

.tie:before {
content: "\f27e";
]:font-family: FontAwesome;
}	/*-----ネクタイ-----*/

.gift:before {
content: "\f06b";
font-family: FontAwesome;
}	/*-----プレゼント-----*/

.tag:before {
content: "\f02b";
font-family: FontAwesome;
}	/*-----タグ-----*/


@-webkit-keyframes 'fadeIn' {
0% {
opacity:0;
}
100% {
opacity:1;
}
}

img.fadeIn {
-webkit-animation-name: 'fadeIn';
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
}

.txt-center {
    text-align: center !important;
}

.small {
    font-size: 1.1em !important;
}

