/* 基本ナビゲーション */
.navi {
	color:#3366CC;
	text-decoration: underline;
}
.navi:hover {
	color:#FF3366;
}
/* アンカー位置調整 */
a.anchor {
	margin-top: -20px;
	padding-top: 20px;
	display:block;
}
/* アンカー位置調整 */
a.r-anchor {
	margin-top: -70px;
	padding-top: 70px;
	display:block;
}
/* ロールオーバー効果 */
a .hover_img1 {
	transition:all 0.3s ease; /*0.5秒かけて要素を変化させる*/
}
a:hover .hover_img1 {
	opacity: 0.6;/*要素の透明度を指定*/
	filter: alpha(opacity=60); /*ie6、7の透明度指定*//*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
}
.telbox {
	width: 620px;
	margin-top: 20px;
	margin-left: 0px;
	border: 1px solid #CCC;
	border-radius:  0.3em;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 50px;
	margin-right: auto;
	padding-top: 7px;
	background-image: url(../img/kyoutu/telephone.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #EEEEEE;
}
/* 問い合せボタン設置 */
#contact {
	position: fixed;
	bottom: 200px;
	right: 0px;
	z-index: 3;
	height: 200px;
	width: 50px;
	z-index: 999!important;
}
/* エリアボタン設置 */
#area {
	position: fixed;
	bottom: 430px;
	right: 0px;
	z-index: 3;
	height: 200px;
	width: 50px;
	z-index: 999!important;
}
/* ページトップボタン設置 */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 30px;
	font-size: 100%;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 110px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #333333;
	background-image: url(../img/kyoutu/pagetop.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	border: 1px solid #FFF;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #838383;
	background-image: url(../img/kyoutu/pagetop-up.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}
/* ページトップボタンＳＰ設置 */
#page-top-sp {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 10px;
	line-height: 10px;
}
#page-top-sp a {
	text-decoration: none;
	color: #fff;
	width: 50px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #333333;
	background-image: url(../img/kyoutu/pagetop.gif);
	background-repeat: no-repeat;
	background-position: center 5px;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#page-top-sp a:hover {
	text-decoration: none;
	background-color: #838383;
	background-image: url(../img/kyoutu/pagetop-up.gif);
	background-repeat: no-repeat;
	background-position: center 5px;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
	overflow:hidden;
}
.midashi {
	position:relative;
	height: 0;
	width: 100%;
	padding-top: 30%;
	background-size:100% 100%;
}
.midashi-txt {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 60px;
	color: #FFF;
	height: 1.5em;
	width: 100%;
	text-align: center;
		font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.midashi-txt-en {
	font-size: 20px;
}
.komidashi_txt {
	height: auto;
	width: 300px;
	color: #111111;
	font-size: 42px;
	padding-bottom: 30px;
	font-weight: 700;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/kyoutu/bar.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 60px;
}
.img-responsive-extnd {
	display:block;
	height:auto;
	width: 100%;
}
main {
	text-align: left;
	color: #1E1E1E;
		font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8em;
}
.area_wrapper {
	width: 100%;
	overflow:hidden;
}
.leftarea50 {
	width: 50%;
	float: left;
}
.rightarea50 {
	float: right;
	width: 50%;
}
.leftarea60 {
	width: 60%;
	float: left;
}
.rightarea40 {
	float: right;
	width: 40%;
}
@media only screen and (max-width : 767px) {
.midashi-txt {
	font-size: 28px;
}
.komidashi_txt {
	height: auto;
	width: 200px;
	color: #111111;
	font-size: 20px;
	padding-bottom: 5px;
	margin-top: 30px;
	font-weight: 500;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}
/* ページトップボタン設置 */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 10px;
	line-height: 10px;
	font-size: 100%;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 50px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #333333;
	background-image: url(../img/kyoutu/pagetop-sp.gif);
	background-repeat: no-repeat;
	background-position: center 5px;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	border: 1px solid #FFF;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #838383;
	background-image: url(../img/kyoutu/pagetop-up-sp.gif);
	background-repeat: no-repeat;
	background-position: center 5px;
}
.leftarea50 {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing:border-box;
	float: none;
}
.rightarea50 {
	float: none;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing:border-box;
	width: 100%;
}
.leftarea60 {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing:border-box;
	float: none;
}
.rightarea40 {
	float: none;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing:border-box;
	width: 100%;
}
}
/* ==========================================
   クリアーフィックス
   ========================================== */
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
/* ==========================================
   共通レイアウト
   ========================================== */
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt50 {
	margin-top: 50px;
}
.mt100 {
	margin-top: 100px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb30 {
	margin-bottom: 30px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb100sp50 {
	padding-bottom: 100px;
}
.pl150 {
	padding-left: 150px;
}
.pa5 {
	padding: 10px;
}
.mt0sp20 {
	margin-top: 0px;
}
.mt100sp50 {
	margin-top: 100px;
}
.mt20sp10 {
	margin-top: 20px;
}
.mt50sp0 {
	margin-top: 50px;
}
.mt50sp20 {
	margin-top: 50px;
}
.mt50sp30 {
	margin-top: 50px;
}
.mb30sp10 {
	margin-bottom: 30px;
}
.mb100sp50 {
	margin-bottom: 100px;
}
.mb150sp75 {
	margin-bottom: 150px;
}
@media only screen and (max-width : 767px) {
.mt0sp20 {
	margin-top: 20px;
}
.mb30sp10 {
	margin-bottom: 10px;
}
.mt100sp50 {
	margin-top: 50px;
}
.mt20sp10 {
	margin-top: 10px;
}
.mt50sp0 {
	margin-top: 0px;
}
.mt50sp20 {
	margin-top: 20px;
}
.mt50sp30 {
	margin-top: 30px;
}
.mb150sp75 {
	margin-bottom: 75px;
}
.mb100sp50 {
	margin-bottom: 50px;
}
.pb100sp50 {
	padding-bottom: 50px;
}
}
/* ==========================================
   背景色
   ========================================== */
.color_01 {
	background-color: #E6F7FF;
}
.color_02 {
	background-color: #FFF;
}
.color_03 {
	background-color:#E6E6E6;
}
.font_color01 {
	color: #A55B9A;
}
.font_color02 {
	color: #E1B162;
}
.font_color03 {
	color: #999999;
}
.bold700 {
	font-weight: 700;
}
/* ==========================================
  フォント
   ========================================== */
.font_min　 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/* ==========================================
   テーブルスクロール
   ========================================== */
.scroll {
	　width: 100%;
	overflow-x:scroll;
}
/* ==========================================
   スクロールエフェクト
   ========================================== */
/* 画面外にいる状態 */
.fadein {
	opacity : 0;
	transform : translate(0, 5px);
	transition : all 1000ms;
}
.up40.fadein {
	opacity : 0;
	transform : translate(0, 40px);
	transition : all 800ms;
}
.footer60.fadein {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 800ms;
}
.left200.fadein {
	opacity : 0;
	transform : translate(-200px, 0);
	transition : all 1200ms;
}
.left1000.fadein {
	opacity : 0;
	transform : translate(-1000px, 0);
	transition : all 1200ms;
}
.right1000.fadein {
	opacity : 0;
	transform : translate(1000px, 0);
	transition : all 1200ms;
}
.right1500.fadein {
	opacity : 0;
	transform : translate(1500px, 0);
	transition : all 1200ms;
}
.left1500.fadein {
	opacity : 0;
	transform : translate(-1500px, 0);
	transition : all 1200ms;
}
/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.late100.fadein {
	transition-delay : 100ms;
}
.late200.fadein {
	transition-delay : 200ms;
}
.late300.fadein {
	transition-delay : 300ms;
}
.late400.fadein {
	transition-delay : 400ms;
}
.late500.fadein {
	transition-delay : 500ms;
}
.late600.fadein {
	transition-delay : 600ms;
}
.late700.fadein {
	transition-delay : 700ms;
}
.late800.fadein {
	transition-delay : 800ms;
}
.late900.fadein {
	transition-delay : 900ms;
}
.late1000.fadein {
	transition-delay : 1000ms;
}
.late1400 .fadein {
	transition-delay : 1400ms;
}