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

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

basic

------------------------------------------------------------ */
@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:Yu Gothic, "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

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

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

shortcodes

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

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

/* opacity
---------------------------------------------- */
.opa70{
	transition:.2s ease-in-out;
}

.opa70:hover{opacity:.7;}

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

.f14rem{font-size:1.4rem !important;}
.f24rem{font-size:2.4rem !important;}
.f28rem{font-size:2.8rem !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;}

/* none
---------------------------------------------- */
.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;}
.mt_100{margin-top:100px !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;}

/* width
---------------------------------------------- */
.w700{width:700px !important;}

.w15per{width:15% !important;}
.w19per{width:19% !important;}
.w22per{width:22% !important;}
.w23per{width:23% !important;}
.w27per{width:27% !important;}
.w28per{width:28% !important;}

/* lineheight
---------------------------------------------- */
.lh14{
	line-height: 1.4;
	display: inline-block;
}

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

common

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

#wrap_all{
	padding-left:200px;
	height:100%;
	max-width: 1920px;
}

#wrap_type01{
	width:1000px;
	margin:0 auto 120px;
	overflow:hidden;
}

#main_type01{
	width:730px;
	float:left;
}

#wrap_top{
	background:#6BB04C;
	color:#FFF;
	font-size:1.2rem;
	line-height:1.2;
	padding:3px 0;
	font-weight:300;
}

#wrap_top h1{
	display:block;
	width:1000px;
	margin:0 auto;
	text-align:right;
}

/*-- link --*/
.link01{
	color:#519225;
	text-decoration:underline !important;
}

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

/* ページタイトル
---------------------------------------------- */
.pagettl{background:url(../img/bg_pagettl01.jpg) no-repeat 0 0;}

.pagettl h2{
	height:280px;
	text-align:center;
	padding-top: 100px;
}

/* 見出し
---------------------------------------------- */
.heading01{
	background:url(../img/ico_square01.jpg) no-repeat 0 0;
	font-size:2rem;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:20px;
	padding-left:30px;
}

.heading01 span{
	font-weight:normal;
	font-size:1.2rem;
}

.heading02{
	background:#FFF;
	border:1px solid #6BB04C;
	border-left:6px solid #6BB04C;
	padding:10px 15px;
	margin-bottom:30px;
	font-weight:bold;
}

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

.type01 th,
.type01 td{padding:10px;}

.type01 th{
	background:#6BB04C;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	border:1px solid #6BB04C;
	border-right:1px solid #FFF;
}

.type01 th:last-child{border-right:1px solid #6BB04C;}

.type01 td{border:1px solid #6BB04C;}

/* リスト
---------------------------------------------- */
/*--type01--*/
.list_type01 li{margin-bottom:10px;}

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

.list_type01 li a{
	background:url(../img/ico_circle01.png) no-repeat left 0.4em;
	padding-left:15px;
	color:#519225;
	text-decoration:underline;
}

.list_type01 li a:hover{text-decoration: none;}

/*--type02--*/
.list_type02 li{border-bottom:1px dotted #AAA;}

.list_type02 li a{
	background:url(../img/ico_arrow04.png) no-repeat left 1.4em;
	display:block;
	color:#519225;
	padding:12px 15px;
	transition:.1s ease-in-out;
}

.list_type02 li a:hover{color:#6BB04C;}

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

nav#breadcrumb ol{
	width:1000px;
	margin:0 auto;
	font-size:1.3rem;
	line-height:1.2;
	overflow:hidden;
	list-style:none;
}

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

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

nav#breadcrumb ol li a{
	color:#333;
	transition:.2s ease-in-out;
}

nav#breadcrumb ol li a:hover{color:#6BB04C;}

/* 記事
---------------------------------------------- */
.article{
	background:url(../img/ico_arrow01.png) no-repeat right center;
	border-bottom:1px dotted #aaa;
}

.article a{
	display:block;
	padding:20px 40px 14px 0;
	color:#333;
	overflow:hidden;
	line-height:1.2;
	transition:.2s ease-in-out;
}

.article a:hover{color:#6CB04D;}

.article time{
	display:block;
	margin-bottom:10px;
	color:#888;
}

.article h3{
 	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* wordpress wp_contents
---------------------------------------------- */
div.wp_contents{
	overflow:hidden;
	width:730px;
	margin-bottom:80px;
	line-height:1.8;
}

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

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

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

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

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

/*--太字、取り消し線--*/
.wp_contents strong{font-weight: bold;}
.wp_contents del{text-decoration:line-through;}

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

div.wp-pagenavi span{
	background:#6BB04C;
	color:#FFF;
    display:inline-block;
    margin: 0 10px 0 0;
	padding: 9px 13px;
    line-height: 1;
	letter-spacing:normal;
	border:1px solid #B1BAAB;
}

div.wp-pagenavi a{
	color:#6BB04C;
    display:inline-block;
    margin:0 10px 0 0;
	padding: 9px 13px;
    line-height:1;
	letter-spacing:normal;
	border:1px solid #B1BAAB;
	transition:.2s ease-in-out;
}

div.wp-pagenavi a:hover{
	background:#6BB04C;
	color:#FFF;
}

div.wp-pagenavi a.prevpostslink,
div.wp-pagenavi a.nextpostslink{padding: 9px 11px;}

.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:#FFF;
	width:200px;
	height:100vh;
	position:fixed;
	left:0;
	top:0;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -ms-overflow-style: none;
	padding-bottom: 30px;
}

#side::-webkit-scrollbar {
    display: none;
}

#s_logo{
	padding:25px 0 29px;
	text-align:center;
}

/*--グローバルナビ--*/
.nav_global{margin-bottom:40px;}

.nav_global li a,
.nav_global li button{
	font-weight: bold;
	display:block;
	color:#333;
	font-size:1.4rem;
	line-height:1.2;
	padding:27px 0;
	text-align:center;
	transition:.2s ease-in-out;
}

.nav_global li button{
	width: 100%;
	background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
	cursor: pointer;
}

.nav_global li a:hover,
.nav_global li button:hover{
	background:#6BB04C;
	font-weight:bold;
	color:#FFF;
}

/*--言語ナビ--*/
#nav_language{
	width:76px;
	height:33px;
	margin:0 auto;
	overflow:hidden;
}

#nav_language li:nth-child(1){float:left;}
#nav_language li:nth-child(2){float:right;}

#nav_language li a{
	color:#FFF;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.2;
	display:table-cell;
	background:#B1BAAB;
	width:33px;
	height:33px;
	text-align:center;
	vertical-align:middle;
	transition:.2s ease-in-out;
}

#nav_language li.active a,
#nav_language li:hover a{background:#6BB04C;}

/* サイドナビ
---------------------------------------------- */
#side_navi{
	width:230px;
	float:right;
}

#nav_sub ul{
	border:1px solid #B1BAAB;
	padding:0 20px;
	background:#FFF;
}

#nav_sub ul li{
	border-bottom:1px dotted #aaa;
	font-size:1.5rem;
	line-height:1.8;
}

#nav_sub ul li:last-child{border-bottom:none;}

#nav_sub ul li a{
	background:url(../img/ico_arrow04.png) no-repeat left 1.5em;
	padding:13px 0;
	color:#333;
	display:block;
	padding-left:13px;
	transition:.1s ease-in-out;
}

#nav_sub ul li a:hover{color:#59AC50;}

#nav_sub ul li a img{
	vertical-align:middle;
	margin-left:5px;
}
	
/* ------------------------------------------------------------

Footer

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

#footer_inner01{
	background:url(../img/bg_footer01.jpg) repeat-x 0 0;
	padding:26px 0;
}

#footer_inner02{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

#footer_inner03{
	padding:15px 0 20px;
	font-size:1.2rem;
	line-height:1.2;
	text-align:center;
}

#f_contact{
	float:right;
	margin-top: 4px;
}

/* ナビ
---------------------------------------------- */
#nav_footer01{
	float:left;
	width:440px;
}

#nav_footer01 ul{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	flex-wrap:wrap;
	margin:0 -30px -22px 0;
}

#nav_footer01 ul li{
	margin-right:25px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:15px;
}

#nav_footer01 ul li:nth-child(4),
#nav_footer01 ul li:nth-child(5),
#nav_footer01 ul li:nth-child(6){margin-bottom: 0;}

#nav_footer01 ul li:nth-child(7){
	margin: 0;
	position: relative;
}

#nav_footer01 ul li:nth-child(7)::after{
	content: "";
	display: inline-block;
	background: url("../img/ico_member01.png") no-repeat 0 0;
	width: 18px;
	height: 19px;
	position: absolute;
	top: -2px;
	right: -22px;
}

#nav_footer01 ul li a{
	background:url(../img/ico_arrow02.gif) no-repeat left 0.1em;
	display: block;
	color:#FFF;
	padding-left:24px;
	transition:.1s ease-in-out;
}

#nav_footer01 ul li a:hover{opacity:.7;}

#nav_footer01 ul li a img{margin-left: 3px; vertical-align: baseline;}

/* ページトップボタン
---------------------------------------------- */
#pagetop{
    position: fixed;
    right: 50px;
	bottom:40px;
    z-index: 100;
}

#pagetop a{
	background:url(../img/btn_pagetop01.png) no-repeat 0 0;
	display:block;
	width:40px;
	height:40px;
}

#pagetop a:hover{background:url(../img/btn_pagetop01_on.png) no-repeat 0 0;}

#pagetop a span{display:none;}