@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

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

basic

------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese');

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 500;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

*{font-family:Noto Sans JP, Yu Gothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

body{
	background: #FDFCF1;
	font-size:16px;
	font-size:1.6rem;/*-16px-*/
	line-height:1.8;
	color:#555;
    font-weight: 400;
	min-width: 1200px;
}

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

shortcodes

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

/* clear
---------------------------------------------- */
.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.center{margin:0 auto !important;}
.left{float:left !important;}
.right{float:right !important;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}
.italic{font-style: italic !important;}

/* vertical-align
---------------------------------------------- */
.valign_top{vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_btm{vertical-align:bottom !important;}

/* visibility
---------------------------------------------- */
.hidden{visibility:hidden !important;}
.visible{visibility:visible !important;}

/* display
---------------------------------------------- */
.none{display:none !important;}

/* margin
---------------------------------------------- */
.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}

/* indent
---------------------------------------------- */
.indent-1{
	text-indent: -1em !important;
	padding-left: 1em !important;
}

.indent-3_5{
	text-indent: -3.5em !important;
	padding-left: 3.5em !important;
}

/* color
---------------------------------------------- */
.orange01{color: #F19933 !important;}
.red01{color:#D50000 !important;}

/* width
---------------------------------------------- */
.w80{width: 80px !important;}
.w150{width: 150px !important;}
.w350{width: 350px !important;}
.w470{width: 470px !important;}
.w550{width: 550px !important;}

.w18per{width: 18% !important;}
.w43er{width: 43% !important;}
.w55per{width: 55% !important;}

/* height
---------------------------------------------- */
.h250{height: 250px;}

/* padding
---------------------------------------------- */
.pt_50{padding-top: 50px !important;}

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

common

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

/* レイアウト
---------------------------------------------- */
#wrap_all{overflow: hidden;}

.wrap_common01{
	min-width: 1000px;
	width: 100%;
	padding-left: 200px;
	position: relative;
}

.wrap_common02{
    width: 960px;
    min-height: 800px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#wrap_top{
	position: absolute;
	top: 8px;
	right: 30px;
	z-index: 1;
}

#wrap_top h1{
	color: #FFF;
	text-align: right;
	font-size: 1.1rem;
	line-height: 1.2;
}

/*--404ページ--*/
.wrap_404{
	width: 960px;
	margin: 0 auto 80px;
}

/* リンク
---------------------------------------------- */
.link01{
	color: #F19934;
	text-decoration: underline !important;
}

.link01:hover{
	opacity: 0.7;
	text-decoration: none !important;
}

.link02{
	color: #FDFCF1;
	text-decoration: underline !important;
}

.link02:hover{text-decoration: none !important;}

/* ページタイトル
---------------------------------------------- */
.wrap_pagettl{
	background: url(../img/bg_main01.jpg) no-repeat 0 bottom;
	background-size: cover;
	height: 560px;
	position: relative;
	z-index: -1;
}

.wrap_pagettl::after{
	content: '';
	background: url(../img/bg_wave01.png) repeat-x 0 0;
	width: 100%;
	height: 13px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}

.ttl_pagettl01{
    margin-left: -600px;
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: 2;
}

/* 見出し
---------------------------------------------- */
.heading01{
	color: #F0922A;
	font-weight: bold;
	font-size: 3.4rem;
	padding-bottom: 20px;
	background: url(../img/bg_bdr02.gif) repeat-x 0 bottom;
	margin-bottom: 40px;
}

.heading02{
	color: #867968;
	font-size: 2.6rem;
	padding-bottom: 10px;
	margin-bottom: 27px;
	border-bottom: 3px solid #F9D8B3;
	position: relative;
	font-weight: bold;
}

.heading02::before{
	content: '';
	display: block;
	background: #FDFCF1 url(../img/bg_dots01.png) repeat-x 0 0;
	height: 5px;
	width: 20px;
	position: absolute;
	left: 0;
	bottom: -4px;
}

.heading02::after{
	content: '';
	display: block;
	background: #FDFCF1 url(../img/bg_dots01.png) repeat-x 0 0;
	height: 5px;
	width: 20px;
	position: absolute;
	right: 0;
	bottom: -4px;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.heading02 span{font-size: 1.6rem;}

.heading03{
	background: url(../img/ico_square01.jpg) no-repeat 0 0.3em;
	color: #F0922A;
	font-size: 2rem;
	padding-left: 36px;
	margin-bottom: 17px;
	font-weight: bold;
}

/* コンテンツ
---------------------------------------------- */
/*--wrap_box01--*/
.wrap_box01{
	padding: 45px 20px;
	background-image:linear-gradient(45deg, #F19936 20px, transparent 0),
					linear-gradient(-45deg, #F19936 20px, transparent 0),
					linear-gradient(135deg, #F19936 20px, transparent 0),
					linear-gradient(-135deg, #F19936 20px, transparent 0);
	position: relative;
	text-align: center;
	color: #867968;
	font-weight: bold;
}

.wrap_box01::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-image: url(../img/bg_bdr04.png), url(../img/bg_bdr04.png), url(../img/bg_pattern01.jpg);
	background-size: 100%, 100%, 100%;
	background-position: 0 0, 0 bottom, 0 0;
	background-repeat: no-repeat, no-repeat, repeat;
	width: 100%;
	z-index: -1;
}

/*--wrap_bdr01--*/
.wrap_bdr01{
	border-bottom: 1px solid #DAD5CF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.wrap_bdr01:last-of-type{margin-bottom: 0;}

/* パンくずリスト
---------------------------------------------- */
#breadcrumb{
	margin-bottom: 60px;
	padding:20px 0;
	border-bottom: 1px solid #DAD5CF;
}

#breadcrumb ul{
	width: 960px;
	margin: 0 auto;
	font-size:1.3rem;
	line-height:1.4;
	overflow:hidden;
	list-style:none;
}

#breadcrumb ul li{
	float:left;
	background:url(../img/ico_arrow03.png) no-repeat right 0.4em;
	padding-right:17px;
	margin-right:7px;
	color:#777;
}

#breadcrumb ul li:last-child{
	background:none;
	padding-right:0;
	margin-right:0;
}

#breadcrumb ul li a{color:#777;}

#breadcrumb ul li a:hover{color:#F19936;}

/* リスト
---------------------------------------------- */
/*--list_type01--*/
.list_type01 li{
	background: url(../img/ico_circle03.png) no-repeat 0 0.6em;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}

.list_type01 li:last-child{margin-bottom: 0;}

/*--list_type02--*/
.list_type02 li{
	background: url(../img/ico_arrow05.jpg) no-repeat 0 0.3em;
	padding-left: 25px;
	margin-bottom: 5px;
	line-height: 1.8;
}

.list_type02 li:last-child{margin-bottom: 0;}

/* ブログ・お知らせ記事
---------------------------------------------- */
/*--一覧ページ--*/
.article{background: url("../img/bg_bdr01.png") repeat-x 0 bottom;}

.article:first-of-type a{padding-top: 0;}

.article a{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-align-items:center;/*--safari用--*/
	align-items:center;
	font-size: 1.6rem;
	padding: 15px 0 19px;
}

.article a .photo{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 100px;
	height: 100px;
}

.article_inner{
	width: 840px;
	margin-left: 15px;
}

.article_inner time{
	color: #AA9F93;
	display: block;
	padding-left: 10px;
	margin-bottom: 5px;
}

.article_inner h3{
	background: url("../img/ico_arrow01.png") no-repeat 0 center;
	color: #333;
	padding-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.article a:hover .article_inner h3{color: #68C5C9;}

/*-詳細ページ---*/
.single_date{
	color: #AA9F93;
	font-size: 1.6rem;
	margin-bottom: 20px;
	display: block;
}

/* テーブル
---------------------------------------------- */
.type01{width: 100%;}

.type01 th,
.type01 td{
	padding: 10px 13px;
	border: 1px solid #F0922A;
	vertical-align: top;
}

.type01 th{
	background: #FBE4CC;	
	color: #F0922A;
	font-weight: bold;
}

.type01 td p:not(:last-child){margin-bottom: 14px;}

.type01 td ul{
    text-indent: -1em;
    padding-left: 1em;
}

.type01 td ul:not(:last-child){margin-bottom: 14px;}

.type01 td a{color: #F0922A;}

.type01 td a:hover{opacity: .7;}

/* フォーム関連
---------------------------------------------- */
.form{
	width:100%;
	margin-bottom: 60px;
	background: url(../img/bg_bdr01.png) repeat-x 0 top;
}

.form tr{background: url(../img/bg_bdr01.png) repeat-x 0 bottom;}

.form th,
.form td{padding: 25px 0;}
.form th{font-weight: bold;}

.form th img{
	vertical-align: middle;
	margin-right: 10px;
}

.form td{word-break: break-all;}

input[type=text],
textarea{
	border:1px solid #DAD5CF;
	padding:5px;
	background: #FDFCF1;
	outline: none;
	font-size: 1.4rem;
}

input::-moz-focus-inner,
select::-moz-focus-inner{border: 0;}/* Firefox 点線消す */

textarea{
	display:block;
	vertical-align: top;
}

.must{color:#D50000;}

.ERR{color:#D50000;}

label{display:inline-block;}

input[type=radio],
input[type=checkbox]{
	margin-right:5px;
	vertical-align:baseline;
}

/*--内容確認--*/
input.submit{
	background:url(../img/btn_submit01.jpg) no-repeat 0 0;
 	border:none;
	display:inline-block;
	text-indent: -9999px;
	width:300px;
	height:74px;
	cursor: pointer;
	padding: 0;
	outline: none;
}

input.submit:hover{background:url(../img/btn_submit01_on.jpg) no-repeat 0 0;}

/*--戻る--*/
input.back{
	background:url(../img/btn_back01.jpg) no-repeat 0 0;
	border:none;
	display:inline-block;
	text-indent: -9999px;
	width:300px;
	height:74px;
	cursor: pointer;
	padding: 0;
	outline: none;
}

input.back:hover{background:url(../img/btn_back01_on.jpg) no-repeat 0 0;}

/*--送信--*/
input.send{
	background:url(../img/btn_send01.jpg) no-repeat 0 0;
	border:none;
	display:inline-block;
	text-indent: -9999px;
	width:300px;
	height:74px;
	cursor: pointer;
	margin-left:20px;
	padding: 0;
	outline: none;
}

input.send:hover{background:url(../img/btn_send01_on.jpg) no-repeat 0 0;}

/* wordpress wp_contents
---------------------------------------------- */
div.wp_contents{
	overflow:hidden;
	width:960px;
	margin-bottom:60px;
	line-height:1.6;
}

div.wp_contents p{margin-bottom:1.5em;}
div.wp_contents p:last-child{margin-bottom:0;}

div.wp_contents strong{font-weight: bold;}
div.wp_contents del{text-decoration:line-through;}

div.wp_contents a{
	color:#F0922A;
	text-decoration:underline;
}

div.wp_contents a:hover{text-decoration:none;}

div.wp_contents img{
	max-width:960px;
	height:auto;
}

div.wp_contents .alignleft{float:left;}
div.wp_contents .alignright{float:right;}
div.wp_contents .aligncenter{
	display:block;
	margin:auto;
}

/* wordpress ページネーション
---------------------------------------------- */
div.wp-pagenavi{
	text-align:center;
	padding-top:60px;
	letter-spacing:-0.4em;
}

div.wp-pagenavi span{
	background:#F0922A;
	color:#FFF;
    display:inline-block;
    margin: 0 8px 0 0;
	padding: 9px 12px;
    line-height: 1;
	letter-spacing:normal;
	border: 1px solid #F0922A;
}

div.wp-pagenavi a{
	color:#F0922A;
    display:inline-block;
    margin:0 8px 0 0;
	padding:9px 12px;
    line-height:1;
	letter-spacing:normal;
	border: 1px solid #DAD5CF;
}

div.wp-pagenavi a:hover{
	background:#F0922A;
	color: #FFF;
	border: 1px solid #F0922A;
}

div.wp-pagenavi a.previouspostslink,
div.wp-pagenavi a.nextpostslink{padding:9px 12px;}

.first,
.last,
.pages,
.extend{display:none !important;}	

/* wordpress 引用
---------------------------------------------- */
blockquote{
	display:inline-block;
	padding:10px 27px 0 27px;
	position: relative;
	color:#999;
}
 
blockquote::before{
	content: "\201C"; /*Unicode for Left Double Quote*/

	/*フォント*/
	font-family: Georgia, serif;
	font-size: 30px;
	font-weight: bold;

	/*ポジショニング*/
	position: absolute;
	left: 10px;
	top:0;
}
 
blockquote::after{
	content: "\201D"; /*Unicode for Right Double Quote*/

	/*フォント*/
	font-family: Georgia, serif;
	font-size: 30px;
	font-weight: bold;

	/*ポジショニング*/
	position: absolute;
	right: 10px;
	top:0;
}

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

aside

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

#side{
	background: #FFFBE6 url("../img/bg_side01.jpg") repeat-y right 0;
	width: 200px;
	padding: 20px 17px 0 13px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#side_inner{
	position: relative;
	height: 100vh;
}

#s_logo{margin: 0 0 20px 30px;}

/* ナビ
---------------------------------------------- */
.nav_global01 ul li a{
	display: block;
	height: 92px;
}

.nav_global01 ul li.s01 a{height: 94px;}

.s01 a{background: url("../img/nav_global01.jpg") no-repeat 0 0;}
.s02 a{background: url("../img/nav_global01.jpg") no-repeat 0 -94px;}
.s03 a{background: url("../img/nav_global01.jpg") no-repeat 0 -186px;}
.s04 a{background: url("../img/nav_global01.jpg") no-repeat 0 -278px;}
.s05 a{background: url("../img/nav_global01.jpg") no-repeat 0 -370px;}
.s06 a{background: url("../img/nav_global01.jpg") no-repeat 0 -462px;}

.s01 a:hover{background: url("../img/nav_global01.jpg") no-repeat -170px 0;}
.s02 a:hover{background: url("../img/nav_global01.jpg") no-repeat -170px -94px;}
.s03 a:hover{background: url("../img/nav_global01.jpg") no-repeat -170px -186px;}
.s04 a:hover{background: url("../img/nav_global01.jpg") no-repeat -170px -278px;}
.s05 a:hover{background: url("../img/nav_global01.jpg") no-repeat -170px -370px;}
.s06 a:hover{background: url("../img/nav_global01.jpg") no-repeat -170px -462px;}

.nav_global01 ul li a span{display: none;}

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

footer

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

#footer{
	background: url("../img/bg_bdr02.gif") repeat-x 0 0;
	padding-top: 12px;
}

#bottom{
	background: #F0932A;
	padding: 5px 0 4px;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.1rem;
}

#footer_inner01{
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}

/* お問い合わせ
---------------------------------------------- */
#wrap_inquiry{
	background: url("../img/bg_inquiry01.jpg") no-repeat 0 0;
	background-size: cover;
	padding: 60px 0;
	position: relative;
	overflow: hidden;
}

#wrap_inquiry::before{
	content: "";
	display: block;
	background: url("../img/bg_inquiry02.png") no-repeat 0 0;
	width: 722px;
	height: 436px;
	position: absolute;
}

#inquiry{
	width: 1100px;
	margin: 0 auto;
}

#inquiry_inner{
	width: 620px;
	position: relative;
	margin-left: 480px;
	z-index: 1;
}

/* バナー
---------------------------------------------- */
.f_bn_area{
	background: #FCF1E0;
	padding: 30px 0;
}

.f_bn_area ul{
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}

.f_bn_area ul li{
	width: 300px;
	float: left;
	margin-right: 30px;
}

.f_bn_area ul li:last-child{margin-right: 0;}

/* ナビ
---------------------------------------------- */
.nav_footer > ul{
	text-align: center;
	letter-spacing: -0.4em;
	font-size: 1.6rem;
	font-weight: bold;
}

.nav_footer ul:nth-child(1){
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E0DCD8;
}

.nav_footer > ul > li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	line-height: 1.2;
}

.nav_footer > ul > li:nth-child(1){background: url("../img/bg_bdr03.png") no-repeat left 0.2em;}

.nav_footer > ul > li > a{
	background: url("../img/bg_bdr03.png") no-repeat right 0.2em;
	display: block;
	color: #AA9F92;
	padding: 0 26px 0 20px;
}

.nav_footer ul li a:hover{color: #F0932A;}

.nav_footer > ul:nth-child(2) > li:nth-child(2){
	background: url("../img/bg_bdr03.png") no-repeat right 0.2em;
	width: 290px;
	text-align: left;
	line-height: 1.4;
	padding: 0 26px 0 20px;
}

.nav_footer ul li span{
	display: table-cell;
	vertical-align: top;
	color: #AA9F92;
	width: 110px;
}

.nav_footer ul li ul{
	display: table-cell;
	vertical-align: top;
	font-weight: normal;
}

.nav_footer ul li ul li a{
	background: url("../img/ico_arrow02.png") no-repeat 0 0.5em;
	padding-left: 8px;
	color: #C5BFB8;
	display: block;
}

/* 右下ボタン
---------------------------------------------- */
#btn_footer01{
	width: 98px;
	height: 360px;
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 100;
}

#btn_footer01 ul li{margin-bottom: 20px;}

#btn_footer01 ul li:last-of-type{margin-bottom: 0;}

#pagetop{cursor: pointer;}


@media screen and (max-width:1450px){ /* 表示領域が1450px以下の場合に適用するスタイル */
	
	/* ページタイトル
	---------------------------------------------- */
	.ttl_pagettl01{width: 1020px;}
	
	.ttl_pagettl01 img{width: 100%;}
	
	.ttl_pagettl01 {
		margin-left: -510px;
		top: 86px;
	}

}/*--@media--*/