@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------

　   サイト全体

--------------------------------------------------------------------------------------------- */

html {
	margin:			0;
	padding:		0;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
	-moz-text-size-adjust:		none;/* スマホ文字サイズ自動調整 */
	-webkit-text-size-adjust:	100%;
	}
*{
	margin:				0;
	padding:			0;
	}
	
body{
	color: #562D00;
	font-family:	"Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;/*チラつき防止*/
	line-height:	150%;
	width:			100%;
	padding:		0;
	}
	@media only screen and (max-width: 900px) {
		body{
			line-height:	160%;
			}
		}
	@media only screen and (max-width: 600px) {
		body{
			font-size:		0.85em;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   ページ読み込み　ふわっと表示

--------------------------------------------------------------------------------------------- */

  body {
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    animation: fadeIn 1.5s ease 0s 1 normal;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }

/* ---------------------------------------------------------------------------------------------

　   画像

--------------------------------------------------------------------------------------------- */
img {
	border:			0;
	vertical-align:	middle;/*画像 縦配置時の隙間なくす*/
	}
a img {
	text-align:center;
    border-style:none;
	}

/* ---------------------------------------------------------------------------------------------

　   パーツ

--------------------------------------------------------------------------------------------- */

/*　PC・タブレットで非表示、スマホで表示　*/
.pc_hidden{
	display: none;
	}
	@media only screen and (max-width: 860px) {
		.pc_hidden{
			display:block !important;
			}
		}
/*　スマホで非表示、PC・タブレットで表示　*/
.sp_hidden{
	display: block;
	}
	@media only screen and (max-width: 860px) {
		.sp_hidden{
			display:none!important;
			}
		}

/*PCでのtel:無効に*/
[href^="tel"] {
    text-decoration: none;
    cursor: default;
    pointer-events: none;
	}
@media screen and (max-width: 860px) {
    [href^="tel"] {
        pointer-events: auto;
    	}
	}

/* 画像トリミングobject-fit　IE・Edge用　*/

.object-fit-img{
  object-fit: contain;
  font-family: 'object-fit: contain;'
}

/* ---------------------------------------------------------------------------------------------

　   罫線

--------------------------------------------------------------------------------------------- */

hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dashed; /* 線種 */
	border-color: #ccc; /* 線色 */
	height: 1px; /* 高さ */
    max-width: 100%;
	clear:both;
	margin: 23px 0px;
	}

/* ---------------------------------------------------------------------------------------------

　   wrap

--------------------------------------------------------------------------------------------- */

.wrap{
	overflow: hidden;
	}

/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */

header#header{
	padding: 0;
	margin: 0;
	margin-bottom: -95px;/*メインビジュアル重なり分の余白削除*/
	}
	@media only screen and (min-width: 1200px) {
		header#header{
			margin-bottom: -100px;
			}
		}
	@media only screen and (min-width: 1400px) {
		header#header{
			margin-bottom: -130px;
			}
		}
.gnav_wrap{
	width: 100%;
	/*max-width: 1200px;*/
	margin:  0 auto;
	background: url("../img/common/frame_top.png") no-repeat center bottom;
	background-size: cover;
	height: 225px;
	position: relative;
	z-index: 10;
	}

.gnav_wrap .gnav_inner{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.gnav_wrap .gnav_inner h1 a{
	margin-top: 34px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url("../img/common/site_ttl_001.svg") no-repeat;
	display: block;
	width: 274.66px;
	height: 62.84px;
	transition-duration: 0.3s;
	}
.gnav_wrap .gnav_inner h1 a:hover{
	opacity: 0.7;
	}
	
.gnav_wrap .gnav_inner nav#gNav ul.nav{
	margin-top: 55px;
	display: flex;
	}

.gnav_wrap .gnav_inner nav#gNav ul.nav li{
	list-style: none;
	}
.gnav_wrap .gnav_inner nav#gNav ul.nav li a{
	color: #ffffff;
	font-size: 16px;
	margin-right: 24px;
	text-decoration: none;
	transition-duration: 0.3s;
	}
.gnav_wrap .gnav_inner nav#gNav ul.nav li:last-child a{
	margin-right: 0;
	}
.gnav_wrap .gnav_inner nav#gNav ul.nav li a:hover{
	opacity: 0.7;
	}
.gnav_wrap .gnav_inner nav#gNav ul.nav li ul.sub-menu li a{/*2下層目リストの右余白打ち消し*/
	margin-right: 0;
	}
	@media only screen and (max-width: 1000px) {
		.gnav_wrap .gnav_inner{
			width: 94%;
			max-width: 980px;
			margin: 0 auto;
			}
		}
	@media only screen and (max-width: 865px) {
		header#header{
			margin-bottom: -75px;/*メインビジュアル重なり分の余白削除*/
			}
		.gnav_wrap{
			height: 160px;
			}
		.gnav_wrap .gnav_inner h1 a{
			margin-top: 18px;
			background: url("../img/common/site_ttl_001.svg") no-repeat;
			display: block;
			width: 180px;
			transition-duration: 0.3s;
			}
		.gnav_wrap .gnav_inner nav#gNav ul.nav{
			display: none;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   MAIN

--------------------------------------------------------------------------------------------- */

/*-- TOPスライダー・下層ページタイトル --*/
.main_visual{
	position: relative;
	bottom: 95px;
	z-index: 0;
	}
	@media only screen and (min-width: 1200px) {
		.main_visual{
			bottom: 100px;
			}
		}
	@media only screen and (min-width: 1400px) {
		.main_visual{
			bottom: 130px;
			}
		}
	@media only screen and (max-width: 600px) {
		.main_visual{
			bottom: 75px;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   画像トリミング IE11用

--------------------------------------------------------------------------------------------- */
img.object_fit_img{
	object-fit: cover;
	font-family: 'object-fit: cover;'
	}

/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */

/*-- 全体 --*/
footer{
	background: url("../img/common/frame_bottom.png") no-repeat center top;
	background-size: cover;
	margin: 80px auto 0 auto;
	text-align: center;
	width: 100%;
	}
footer .footer_menu_wrap{}

footer .footer_menu_wrap ul{
	display: flex;
	justify-content: center;
	}

footer .footer_menu_wrap ul li{
	list-style: none;
	}
footer .footer_menu_wrap ul li::after{
	content: ' ｜ ';
	color: #BE7400;
	}
footer .footer_menu_wrap ul li:last-child::after{
	content: none;
	}
footer .footer_menu_wrap ul li a{
	color: #A27500;
	font-size: 15px;
	line-height: 210%;
	text-decoration: none;
	}

footer .footer_menu_wrap ul.f_menu1{}
footer .footer_menu_wrap ul.f_menu2{}

footer .footer_inner{
	margin: 68px auto 0 auto;
	padding-bottom: 20px;
	color: #ffffff;
	}

footer .footer_inner .f_logo{
	transition-duration: 0.3s;
	}
footer .footer_inner .f_logo img{
	width: 100%;
	max-width:218px; 
	height: auto;
	padding-bottom: 10px;
	}
footer .footer_inner .f_logo a:hover{
	opacity: 0.7;
	}
footer .footer_inner .f_add{
	font-size: 13px;
	}
footer .footer_inner .f_add a{
	color: #ffffff;
	transition-duration: 0.3s;
	}
footer .footer_inner .f_add a:hover{
	opacity: 0.7;
	}

/*-- コピーライト --*/
footer .cpright{
	font-size: 12px;
	}

	@media only screen and (max-width: 600px) {
		footer{
			margin: 0 auto;
			padding: 90px 0 0 0;
			}
		footer .footer_menu_wrap{
				display: none;
			}
		footer .footer_inner{
			margin: 0 auto;
			padding-bottom: 10px;
			}
		footer .footer_inner .f_logo img{
			width: 85%;
			padding-bottom: 15px;
			}
		/*-- コピーライト --*/
			footer .cpright{
				font-size: 10px;
				}
		}

/* ---------------------------------------------------------------------------------------------

　   ページトップ

--------------------------------------------------------------------------------------------- */

.pagetop {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
	z-index: 10000;
	}
.pagetop a {
    display: block;
    background-color: #ffba00;
    color: #ffffff;
    font-size: 18px;
    background: rgba(255, 186, 0, .8);
	padding: 20px 21px;
	text-align: center;
    text-decoration: none;
	transition: .3s;
	}
.pagetop a:hover {
    display: block;
    background: rgba(255, 186, 0, 1);
    text-align: center;
    color: #fff;
    text-decoration: none;
	}
	@media only screen and (max-width: 600px) {
		.pagetop a {
			padding: 10px 11px;
			}
		}

/* ---------------------------------------------------------------------------------------------

　   インタビューバナー

--------------------------------------------------------------------------------------------- */

.bnr{
	text-align: center;
	margin:30px auto 10px auto;
	}

.bnr a{
	transition: 0.3s;
	}
	
.bnr a:hover{
	opacity: 0.7;
	}
.bnr a img{
	max-width: 98%;
	height: auto;
	}
	@media only screen and (max-width: 600px) {
		.bnr{
			text-align: center;
			margin:15px auto 10px auto;
			}
		}