/* 基本ナビゲーション */
.navi {
	color:#3366CC;
	text-decoration: underline;
}
.navi:hover {
	color:#FF3366;
}
/* アンカー位置調整 */
a.anchor{
	margin-top: -70px;
	padding-top: 70px;
	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;
}

/* Facebookボタン設置 */
#facebook {
	position: fixed;
	bottom: 420px;
	right: 5px;
	font-size: 100%;
	font-family: 'Noto Sans JP',   sans-serif;
    font-weight: 600;
	z-index: 3;
}
#facebook a {
	text-decoration: none;
	width: 60px;
	text-align: center;
	display: block;
	height: 60px;
	}
/*インスタボタン設置 */
#instagram {
	position: fixed;
	bottom: 320px;
	right: 5px;
	font-size: 100%;
	font-family: 'Noto Sans JP',   sans-serif;
    font-weight: 600;
	z-index: 3;
}
#instagram a {
	text-decoration: none;
	width: 60px;
	text-align: center;
	display: block;
	height: 60px;
	}
/*YouTubeボタン設置 */
#youtube {
	position: fixed;
	bottom: 220px;
	right: 5px;
	font-size: 100%;
	font-family: 'Noto Sans JP',   sans-serif;
    font-weight: 600;
	z-index: 3;
}
#youtube a {
	text-decoration: none;
	width: 60px;
	text-align: center;
	display: block;
	height: 60px;
	}
	/*SDGSボタン設置 */
#sdgs {
	position: fixed;
	bottom: 120px;
	right: 5px;
	font-size: 100%;
	font-family: 'Noto Sans JP',   sans-serif;
    font-weight: 600;
	z-index: 3;
}
#sdgs a {
	text-decoration: none;
	width: 60px;
	text-align: center;
	display: block;
	height: 60px;
	}
/* ページトップボタン設置 */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 5px;
	font-size: 100%;
	font-family: 'Noto Sans JP',   sans-serif;
    font-weight: 600;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 60px;
	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 0px;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	border: 1px solid #FFF;
	font-size: 12px;
}
#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;
}

/* 取引の流れボタン設置 */
#flow {
	position: fixed;
	bottom: 120px;
	right: 5px;
	font-size: 100%;
	font-family: 'Noto Sans JP',   sans-serif;
    font-weight: 600;
	z-index: 3;
}
#flow a {
	text-decoration: none;
	color: #fff;
	width: 90px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #003D57;
	background-image: url(../img/kyoutu/flow.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;
	font-size: 12px;
}
#flow a:hover {
	text-decoration: none;
	background-color: #005C84;
	background-image: url(../img/kyoutu/flow-up.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}
/* ＦＡＱボタン設置 */
#faq {
	position: fixed;
	bottom: 220px;
	right:5px;
	font-size: 100%;
	font-family: 'Noto Sans JP',   sans-serif;
    font-weight: 600;
    z-index: 3;
}
#faq a {
	text-decoration: none;
	color: #fff;
	width: 90px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #006793;
	background-image: url(../img/kyoutu/faq.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;
	font-size: 12px;
}
#faq a:hover {
	text-decoration: none;
	background-color: #1F95DC;
	background-image: url(../img/kyoutu/faq-up.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
	overflow:hidden;
}
.midashi {
	position:relative;
	height: 0;
	width: 100%;
	padding-top: 27%;
	background-size:100% 100%;
}

.midashi-txt {
	position:absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	font-size: 50px;
	color: #FFF;
	height: 1.5em;
	width: 100%;
	text-align: center;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	letter-spacing:0.2em;
}
.midashi-sp  {
	letter-spacing:0.25em;
}
.midashi-sp2  {
	letter-spacing:0.1em;
}
.midashi-txt-en{
	font-size: 20px;
	letter-spacing:0.05em;
}
.komidashi_txt {
	height: auto;
	width: 330px;
	font-size:38px;
	padding-bottom: 20px;
	font-weight: 300;
	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: 50px;
	margin-bottom: 30px;
}
.komidashi_txt_wt {
	height: auto;
	width: 330px;
	color: #FFFFFF;
	font-size: 38px;
	padding-bottom: 30px;
	margin-top: 60px;
	font-weight: 300;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/kyoutu/bar2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.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;
	}

@media only screen and (max-width : 1200px) {
/* ページトップボタン設置 */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 10px;
	line-height: 10px;
	font-size: 100%;
	font-family: 'Noto Sans JP',   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;
}	
}	
	
	
@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: 20px;
	font-weight: 700;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.komidashi_txt_wt {
	height: auto;
	width: 200px;
	color: #FFFFFF;
	font-size: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	font-weight: 700;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/kyoutu/bar2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
}

/* ==========================================
   クリアーフィックス
   ========================================== */
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/* ==========================================
   共通レイアウト
   ========================================== */
.mt10 {	margin-top: 10px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt50 {	margin-top: 50px;}
.mt100 { margin-top: 100px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 30px;}
.pb50 {
	padding-bottom: 50px;
}
.pl150 {
	padding-left: 150px;
}
.pa5 {
	padding: 10px;
}
.mt100sp50 { margin-top: 100px;}
.mt20sp10 { margin-top: 20px;}
.mt30sp0 { margin-top: 30px;}
.mt50sp0 { margin-top: 50px;}
.mt50sp20 { margin-top: 50px;}
.mt50sp30 { margin-top: 50px;}
.mb0sp75  { margin-bottom: 0px;}
.mb30sp10 { margin-bottom: 30px;}
.mb100sp0 { margin-bottom: 100px;}
.mb100sp50 { margin-bottom: 100px;}
.mb150sp75 { margin-bottom: 150px;}
@media only screen and (max-width : 767px) {
.mb30sp10 { margin-bottom: 10px;}
.mt100sp50 { margin-top: 50px;}
.mt20sp10 { margin-top: 10px;}
.mt30sp0 { margin-top: 0px;}
.mt50sp0 { margin-top: 0px;}
.mt50sp20 { margin-top: 20px;}
.mt50sp30 { margin-top: 30px;}
.mb0sp75  { margin-bottom: 75px;}
.mb150sp75 { margin-bottom: 75px;}
.mb100sp0 { margin-bottom: 0px;}
.mb100sp50 { margin-bottom: 50px;}
}
/* ==========================================
   背景色
   ========================================== */
.color_01{	background-color: #E6F7FF;}
.color_02{	background-color: #FFF;}
.font_color01  {
	color: #003D57;
}
.font_color02  {
	color: #0075AF;
}
.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 1500ms;
}
.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;
}
/* ==========================================
   改行制御
   ========================================== */
.br-sp  {
	display:block;
}
.br-pc  {
		display:none;
}
@media only screen and (max-width : 767px) {
.br-sp  {
	display:none;
}
.br-pc  {
	display:block;
}
}