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

/*----------ページ最上部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;} /*--黒--*/

/*----------ヘッダー共通----------*/
#header {
  margin: 0 auto;
  padding: 0 1%;
  padding: 100px 0px;
}

body {
padding: 0;
background: #f1ecd9;
color: #333;
}

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

.header {
    margin: 0 auto;
    padding: 10px 0;
    color: #c40000;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    clear: both;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*----------ヘッダー、フッター背景色指定----------*/
#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;}

.main {padding: 30px 0;}


/*----------グローバルメニュー共通----------*/
ul [id*="menu"] {
text-align: center;
margin: 30px auto;
padding: 0;
list-style: none;
}

/*----------サイドメニュー共通----------*/
.sidelabel {
margin: 30px 0;
color: #fff;
padding: 10px;
}


.side ul {
margin: 30px 0;
}

.side ul li a {
padding:10px;
margin: 5px 0;
line-height: 2;
text-align: left;
}

[id*="menu"] li {
display: inline;
}

[id*="menu"] li a {
  display: inline-block;
  padding: 10px;
  margin: 0 5px;
}

[id*="menu"] li a:hover {
background: #eee;
-webkit-border-radius: 10px;
border-radius: 10px;
}

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

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

#logo {
text-align: center;
border-bottom: 1px solid #a69671;
margin: 0;
padding: 1px 0;
background: #e6e3cb;
}

.logo {
max-width: 300px;
padding: 0;
}

.pom {
margin: 0 auto 50px;
padding: 10px 0;
background: #605d50;
}


.container {
  max-width: 900px;
  clear: both;
  background: #fff;
  padding: 5px 2%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.letter .container {margin-top: 40px;}

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

@media screen and (min-width: 768px) {
.sp {display: none;}
.pc {display: block;}
.logo {padding: 10px 0;}
.container {
padding: 20px 20px 50px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.w200 {max-width: 200px;float: left;margin: 20px 20px 0 0 ;} 
}

.container p {
max-width: 680px;
font-size: 1.4em;
line-height: 1.75;
margin-top: 0;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
text-align:justify;
}


.container p.bb {font-size: 2em;}

[class*="box"]  {
max-width: 700px;
margin: 50px auto;
padding: 10px;
text-align: center;
border:5px solid #ccc;
font-size: 90%;
text-align: left;
}

@media screen and (min-width: 768px) {
[class*="box"]  {
padding: 30px;
}
}

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

.bullet
{
max-width: 700px;
margin: 30px auto;
padding: 10px 20px;
text-align: center;
border:5px solid #a9a169;
font-size: 90%;
text-align: left;
}

p.bp {margin-top: -20px;padding-left: 45px;}

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

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

.square {
	margin: 30px 0;
	padding: 10px 0 10px 15px;
	font-size: 1.4em;
	line-height: 1.25;
	border-left: 20px solid 
}

@media screen and (min-width: 768px) {
.square {
	margin: 30px 0;
	padding: 0 0 0 15px;
	font-size: 1.4em;
	line-height: 50px;
	height: 50px;
	border-left: 50px 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 
}

.bdb {
border-top: 3px dotted #ccc;
border-bottom: 3px dotted #ccc;
padding: 15px 0;
margin-bottom: 30px;
}

.pd10 {padding: 10px;}
.pd30 {padding: 30px 0;}

.prof {margin-top: 20px;}

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

#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;
	font-size: 1.4em;
}

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

.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;} /*--ベージュ--*/

/*----------コンテンツ枠シャドウスタイル----------*/
.shadow
{
padding: 10px 40px;
margin-bottom: 30px;
background: #fff;
-webkit-box-shadow: 0 0 30px 0 #eee;
box-shadow: 0 0 30px 0 #eee;
}

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


/*----------ボタン----------*/
.order {
	display: block;
	max-width: 96%;
	padding: 5px 10px;
	text-align: center;
	color: #fff;
	margin: 50px auto;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: #638c0b;
-webkit-box-shadow: 5px 0 15px 0 #C7C7C7;
box-shadow: 5px 0 15px 0 #C7C7C7;
}

.order a {
	display: block;
	width: 100%;
	padding: 15px 0;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	border: 2px solid #fff;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	background: #cc0000;
}

.order:hover, .order a:hover {background: #ff9900;}


@media screen and (min-width: 768px) {
.w700 {max-width: 700px;margin: 0 auto;}
.order {max-width: 70%;}
}

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

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

#mediaplayerres {
	position: relative;
	height: 0;
	padding: 30px 0 75%;
	overflow: hidden;
}
#mediaplayerres iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#movie,div#movie2 {
    max-width: 680px;
    margin: 0px auto;
}

object {
    margin: 20px auto 0px;
    width: 100%;
    max-width: 400px;
    display: block;
}


@-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;
}