@charset "UTF-8";
/* 
	
CSS wp.css */






/*//////////////////


sampleコンテンツ


//////////////////*/

/* #-samnav */
#-gnav ul { margin-top: 100px; }
#-gnav ul li { float: left; margin-right: 20px; font-family: Gotham-Black; position: relative; }
#-gnav ul li a { text-decoration: none; }
#-gnav ul li p{ cursor: pointer; }
#-gnav ul li p+ul{ margin-top: 10px; position: absolute; background: #333; left: 50%; width: 200px; margin-left: -100px; z-index: 1;  }
#-gnav ul li p+ul:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#-gnav ul li p+ul>li>a{ padding: 10px; display: block; line-height: 1.6; color: #fff; text-align: center; }
#-gnav ul li p+ul>li{ border-bottom: 1px solid #fff; float: none; margin-right: 0; -webkit-transition: all .5s; transition: all .5s; }
#-gnav ul li p+ul>li:last-child{ border-bottom: none; }
#-gnav ul li p:hover,
#-gnav ul li a:hover { color: #ccc; opacity: 1; }
@media screen and (max-width: 767px) { 
}

/* #-pankuzu */
#-pankuzu { margin-top: 100px; }
#-pankuzu li { float: left;  }
#-pankuzu li a { text-decoration: underline; }
#-pankuzu li:after { content: "/"; margin: 0 5px; }
#-pankuzu li:last-child:after { display: none;  }
#-pankuzu li a:hover { color: #ccc; opacity: 1; }
@media screen and (max-width: 767px) { 
}

/* -cr */
.-cr { padding: 10px 0; }
.-article { margin-bottom: 140px; }

/* -pagetitle */
.-pagetitle { text-align: left; margin-bottom: 40px; line-height: 1.6; font-weight: bold; color: #000; }
.-pagetitle .en { font-family: Gotham-Black; font-size: 3.2rem; }
.-pagetitle .txt:before { content: "/"; padding: 0 10px; }
@media screen and (max-width: 767px) { 
	.-pagetitle { margin-bottom: 30px; }
	.-pagetitle .en { font-size: 2rem; }
}

/* -sectitle */
.-sectitle { text-align: left; padding-bottom: 40px; font-weight: bold; line-height: 1.6; font-size: 3.2rem; position: relative; }
@media screen and (max-width: 767px) { 
	.-sectitle { padding-bottom: 20px; font-size: 1.8rem; }
}

/* sampleindex.php - #sec_options_img */
#-options_img li { height: 300px; width: 33.3%; float: left; }
#-options_img img { height: 100%; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }



















/*//////////////////


wpEDIT v5の出力領域（管理画面も共通）


//////////////////*/

/*.editbody { max-width: 880px; margin: 0 auto; }*/
.editbody:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.editbody div:not(.section):not(.block),
.editbody p,
.editbody h2,
.editbody h3,
.editbody h4,
.editbody ul, .editbody ol, .editbody img, .editbody table { margin-bottom: 30px; }
.editbody p:last-child, .editbody div:last-child, .editbody ul:last-child, .editbody ol:last-child, .editbody img:last-child, .editbody table:last-child { margin-bottom: 0px; } 
 .editbody *>*:last-child { margin-bottom: 0px; } 

 .editbody img{ max-width: 100% }
 .editbody .wp-caption{ width: 100%!important }

/* デフォルト処理 */
.editbody ul li { padding-left: 1em!important; text-indent: -1em; }
.editbody ol li { counter-increment: number; padding-left: 1.6em!important; text-indent: -1.6em; }
.editbody ul li:before { content: "・"; }
.editbody ol li:before { content: counter(number) "．"; }

.editbody div.clearfix { margin-bottom: 0; }
.editbody div > *:last-child,
.editbody ul > *:last-child,
.editbody li > *:last-child,
.editbody p > *:last-child ,
.editbody dt > *:last-child,
.editbody dd > *:last-child,
.editbody ol > *:last-child { margin-bottom: 0px; }
.editbody div div:not(.section):not(.block):last-child { margin-bottom: 0; }


/* 背景ボックス（wpEDITORで画像を背景に）*/
p.blend { width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0; }
p.bgimg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; overflow: hidden; }
p.bgimg>img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; max-width: none; }
p.bgimg>img.rellax { height: 200%; }


/* 画像ブロック */
img.alignnone { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin-right: 5%; float: left; }
img.alignright { margin-left: 5%; float: right; }
@media screen and (max-width: 767px) { 
	img.alignnone,
	img.aligncenter,
	img.alignleft,
	img.alignright { float: none; width: 100%!important; margin-left: 0; margin-right: 0; }
}


/* トリミング、フィッティング */
img.objectfit { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }


/* formbox */
form .formbox>ul { }
form .formbox>ul>li { margin-bottom: 20px; }
form .formbox>ul>li { padding-left: 0!important; text-indent: 0; }
form .formbox>ul>li:before { content: ""; }
form .formbox>ul>li:last-child { margin-bottom: 0 }
form .formbox>ul>li>dl { display: flex; justify-content: space-between; }
form .formbox>ul>li>dl>dt { width: 180px; padding-top: 25px }
form .formbox>ul>li>dl>dt { padding-top: 25px; }
form .formbox.check>ul>li>dl>dt { padding-top: 0; }
form .formbox>ul>li>dl>dd { width: calc(100% - 200px); }
form .formbox>ul>li>dl>dd>ul.tategroup>li { margin-bottom: 10px }
form .formbox>ul>li>dl>dd>ul.tategroup>li:last-child { margin-bottom: 0; }
form .formbox>ul>li>dl>dd>ul.yoko>li{ margin-left: 20px; display: inline-block; }
form .formbox>ul>li>dl>dd>ul.yoko{ margin-left: -20px }
form .policy { padding: 40px; background: #f7f7f7; height: 200px; overflow: scroll; margin-bottom: 60px; }
form .wpcf7-response-output,
form .ajax-loader { display: none!important; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li>dl{ flex-direction: column }
	form .formbox>ul>li>dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px }
	form .formbox>ul>li>dl>dd{ width: 100%; }
	form .policy { padding: 8%; }
}
@media screen and (max-width: 639px) { 
	form .formbox>ul>li>dl>dd>ul.yoko>li{ display: block; }
}














/*//////////////////


カスタムブロック


//////////////////*/


/* 2列画像ボックス */
.imgflexbox { display: flex; }
.imgflexbox.reverse { flex-direction:row-reverse; }
.imgflexbox.stretch { align-items: stretch; }
.imgflexbox.aligncenter { }
.imgflexbox.margin { }
.imgflexbox .imgbox { margin-bottom: 0!important; flex-shrink: 0; text-align: center; }
.imgflexbox.margin .imgbox { margin-right: 5%; }
.imgflexbox.margin.reverse .imgbox { margin-right: 0; margin-left: 5%; }
.imgflexbox .imgbox>img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; max-width: none; }
.imgflexbox .txtbox { box-sizing: border-box; margin-bottom: 0; flex: 1; }
.imgflexbox.aligncenter .txtbox { align-items:center; display: flex; flex-direction:column; justify-content: center;}
@media screen and (max-width: 767px) { 
	.imgflexbox { flex-direction:column; }
	.imgflexbox.reverse { flex-direction:column; }
	.imgflexbox .imgbox { flex-shrink: unset; }
	.imgflexbox.margin .imgbox { margin-right: 0; margin-bottom: 4%!important; }
	.imgflexbox.margin.reverse .imgbox { margin-left: 0; margin-top: 4%; }
	.imgflexbox .imgbox, .imgflexbox .txtbox { width: 100%; }
}


/* imglistbox */
.imglistbox>ul { display: flex; flex-wrap: wrap;  }
.imglistbox>ul>li { list-style-type : none; padding: 0; margin: 0; list-style: none; padding-left:0!important; text-indent: 0;  }
.imglistbox>ul>li:before { content: ""; }
.imglistbox.square>ul>li img,
.imglistbox.rectangle4-2>ul>li img,
.imglistbox.rectangle5-3>ul>li img,
.imglistbox.rectangle5-4>ul>li img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }


/* videobox */
.videobox,
.wpview  { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videobox iframe,
.wpview iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* mapbox */
.mapbox { position: relative; /* padding-bottom: 56.25%; padding-top: 25px; height: 0; */ height: 400px; }
.mapbox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 639px) {
	.mapbox { height: 300px; }
}


/* boxunit */
.boxunit>ul {}
.boxunit>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.boxunit>ul>li { margin-bottom: 2%; padding-left: 0em!important; text-indent: 0 !important; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.boxunit>ul>li:before{ content: none }
.boxunit.-borderbox { border: none; padding: 0; }
.boxunit.-borderbox>ul>li{ border: 1px solid #005188; }
.boxunit.-bgbox { background: transparent; padding: 0; }
.boxunit.-bgbox>ul>li{ background: #f7f7f7; }
.boxunit.-borderbox.col2>ul>li, .boxunit.-bgbox.col2>ul>li { padding: 6%!important; }
.boxunit.-borderbox.col3>ul>li, .boxunit.-bgbox.col3>ul>li { padding: 4%!important; }
.boxunit.-borderbox.col4>ul>li, .boxunit.-bgbox.col4>ul>li { padding: 3%!important; }
@media screen and (max-width: 767px) { 
	.boxunit.-borderbox { padding: 0; }
	.boxunit.-bgbox { padding: 0; }
	.boxunit.-borderbox.col2>ul>li, .boxunit.-bgbox.col2>ul>li,
	.boxunit.-borderbox.col3>ul>li, .boxunit.-bgbox.col3>ul>li,
	.boxunit.-borderbox.col4>ul>li, .boxunit.-bgbox.col4>ul>li { padding: 6%!important; }
}
@media screen and (max-width: 479px) {
	.boxunit.-borderbox.col2>ul>li, .boxunit.-bgbox.col2>ul>li,
	.boxunit.-borderbox.col3>ul>li, .boxunit.-bgbox.col3>ul>li,
	.boxunit.-borderbox.col4>ul>li, .boxunit.-bgbox.col4>ul>li { padding: 8%!important; }
}
.boxunit.col2>ul { margin-left: -2%; }
.boxunit.col2>ul>li { width: 48%; margin-left: 2%; }
.boxunit.col3>ul { margin-left: -2%; }
.boxunit.col3>ul>li { width: 31.3%; margin-left: 2%; }
.boxunit.col4>ul { margin-left: -2%; }
.boxunit.col4>ul>li { width: 23%; margin-left: 2%; }
.boxunit.-borderbox, .boxunit.-bgbox { overflow: hidden; }
.boxunit.-borderbox:not(.closely):not(.separate)>ul, .boxunit.-bgbox:not(.closely):not(.separate)>ul { margin-bottom: -2%!important; }
.boxunit.closely>ul>li{ border-left: none!important; margin-left: 0; padding: 4%!important; margin-bottom: 0 !important; border: 1px solid #191919!important; }
.boxunit.none.closely>ul>li{ border-left: 1px solid #191919!important; }
.boxunit.col2.closely>ul{ margin-left: 0; }
.boxunit.col2.closely>ul>li { width: 50%; }
.boxunit.col2.closely>ul>li:nth-child(2n-1) { border-right: none!important;  }
.boxunit.col2.closely>ul>li:nth-child(n+3) { border-top: none!important; }
.boxunit.col3.closely>ul { margin-left: 0; }
.boxunit.col3.closely>ul>li { width: 33.3%; }
.boxunit.col3.closely>ul>li:nth-child(3n-1),
.boxunit.col3.closely>ul>li:nth-child(3n) { border-left: none!important; }
.boxunit.col3.closely>ul>li:nth-child(n+4) { border-top: none!important; }
.boxunit.col4.closely>ul { margin-left: 0; }
.boxunit.col4.closely>ul>li { width: 25%;  }
.boxunit.col4.closely>ul>li:nth-child(4n-1),
.boxunit.col4.closely>ul>li:nth-child(4n-2),
.boxunit.col4.closely>ul>li:nth-child(4n) { border-left: none!important; }
.boxunit.col4.closely>ul>li:nth-child(n+5) { border-top: none!important; }
.boxunit.none.closely>ul>li { border-top: none!important; margin-bottom: 0; }
.boxunit.none.closely>ul>li:first-child { border-top: 1px solid #191919!important; }
.boxunit.separate>ul>li{ margin-left: 0; padding: 4%!important; margin-bottom: 0 !important; border: none !important; border-left: 1px solid #191919!important; border-top: 1px solid #191919!important;  }
.boxunit.col2.separate>ul{ margin-left: 0; }
.boxunit.col2.separate>ul>li { width: 50%; }
.boxunit.col2.separate>ul>li:nth-child(2n-1) { border-left: none!important;  }
.boxunit.col2.separate>ul>li:nth-child(-n+2){ border-top: none !important; }
.boxunit.col2.separate>ul>li:last-child:not(:nth-child(2n)){ border-right: 1px solid #191919!important; }
.boxunit.col3.separate>ul { margin-left: 0; }
.boxunit.col3.separate>ul>li { width: 33.3%; }
.boxunit.col3.separate>ul>li:nth-child(3n-2) { border-left: none!important; }
.boxunit.col3.separate>ul>li:nth-child(-n+3){ border-top: none !important; }
.boxunit.col3.separate>ul>li:last-child:not(:nth-child(3n)){ border-right: 1px solid #191919!important; }
.boxunit.col4.separate>ul { margin-left: 0; }
.boxunit.col4.separate>ul>li { width: 25%;  }
.boxunit.col4.separate>ul>li:nth-child(4n-3) { border-left: none!important; }
.boxunit.col4.separate>ul>li:nth-child(-n+4){ border-top: none !important; }
.boxunit.col4.separate>ul>li:last-child:not(:nth-child(4n)){ border-right: 1px solid #191919!important; }
.boxunit.none.separate>ul>li { border-top: none!important; margin-bottom: 0; }
.boxunit.none.separate>ul>li:first-child { border-top: none; }
.boxunit.none.separate>ul>li { border: none!important; border-top: 1px solid #191919!important; margin-bottom: 0; padding-left: 0!important; padding-right: 0!important; }
.boxunit.none.separate>ul>li:first-child { border-top: none!important; }
@media screen and (max-width: 767px) {
	.boxunit:not(.none)>ul{ display: block; }
	.boxunit.col2>ul,
	.boxunit.col3>ul,
	.boxunit.col4>ul { margin-left:0; }
	.boxunit.col2>ul>li,
	.boxunit.col3>ul>li,
	.boxunit.col4>ul>li { width: 100%!important;  margin-left: 0;}
	.boxunit.separate>ul>li { margin-bottom: 0!important; border-left: none !important; border-top: 1px solid #191919!important; padding-left: 0 !important; padding-right: 0 !important; }
	.boxunit.col2.separate>ul>li:nth-child(-n+2),
	.boxunit.col3.separate>ul>li:nth-child(-n+3),
	.boxunit.col4.separate>ul>li:nth-child(-n+4){ border-top: 1px solid #191919!important; }
	.boxunit.col2.separate>ul>li:last-child:not(:nth-child(2n)),
	.boxunit.col3.separate>ul>li:last-child:not(:nth-child(3n)),
	.boxunit.col4.separate>ul>li:last-child:not(:nth-child(4n)){ border-right: none !important; }
	.boxunit.separate>ul>li:first-child { border-top: none!important; }
	.boxunit.col2.separate>ul>li:nth-child(-n+2):first-child,
	.boxunit.col3.separate>ul>li:nth-child(-n+3):first-child,
	.boxunit.col4.separate>ul>li:nth-child(-n+4):first-child{ border-top: none!important; }
	.boxunit.closely>ul>li { border: 1px solid #191919!important; border-top: none!important; margin-bottom: 0!important; }
	.boxunit.closely>ul>li:first-child { border-top: 1px solid #191919!important; }
	.boxunit.col2.closely>ul>li:nth-child(2n-1) { border-right: 1px solid #191919!important; }
	.boxunit.col3.closely>ul>li:nth-child(3n-1),
	.boxunit.col3.closely>ul>li:nth-child(3n) { border-left: 1px solid #191919!important; }
	.boxunit.col4.closely>ul>li:nth-child(4n-1),
	.boxunit.col4.closely>ul>li:nth-child(4n-2),
	.boxunit.col4.closely>ul>li:nth-child(4n) { border-left: 1px solid #191919!important; }
}
@media screen and (max-width: 479px) { 
	.boxunit.-borderbox:not(.closely):not(.separate)>ul, .boxunit.-bgbox:not(.closely):not(.separate)>ul { margin-bottom: -8%; }
}


/* ブログカード　*/
.blogcard { border: 1px solid #eeeeee; word-wrap: break-word; padding: 40px; }
.blogcard div,
.blogcard p { margin-bottom: 0; }
.blogcard a { text-decoration: none; transition: 0.5s;  }
.blogcard a:hover { opacity: 0.6; }
.blogcard .thumb { float: left; margin: 0; width: 200px; height:150px; margin-right: 40px; }
.blogcard .thumb img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/  backface-visibility: hidden; }
.blogcard .title { font-weight: bold; line-height: 1.6; padding: 10px 0; }
.blogcard .excerpt { font-size: 1.4rem; line-height: 1.6; padding: 0 0 15px; }
@media screen and (max-width: 767px) {
	.blogcard { padding: 4%; }
	.blogcard .excerpt { display: none; }
	.blogcard .thumb { width: 30%; height:auto; margin-right: 6%; }
	.blogcard .title { font-weight: normal; line-height: 1.6; padding: 0; font-size: 1.2rem; }
}


/* よくある質問 */
ul.qandaunit>li{ text-indent: 0; margin-bottom: 20px; }
ul.qandaunit>li:before{ content: none!important }
ul.qandaunit>li:last-child{ margin-bottom: 0 }
ul.qandaunit>li dl{ border: 2px solid #9f8553; border-radius: 10px; padding: 45px 9%; }
ul.qandaunit>li dl>.itemname,
ul.qandaunit>li dl>.description
{ margin-bottom: 10px; }
ul.qandaunit>li dl>.itemname{ margin-left: -15px; display: flex; flex-direction: row; align-items: center; }
ul.qandaunit>li dl>.itemname .icon{ font-size:2.8rem; margin-left: 15px; line-height: 1.6; color: #9f8553; margin-bottom: 0 }
ul.qandaunit>li dl>.itemname .title{ font-size:1.8rem; line-height: 1.6; font-weight: bold; padding-top: 5px; margin-left: 15px; margin-bottom: 0 }
ul.qandaunit>li dl>.description{ padding-bottom: 10px; }
ul.qandaunit>li dl>.description:empty{ display: none; }
ul.qandaunit.accordion>li dl>.itemname{ position: relative; cursor: pointer; padding-right: 60px; }
ul.qandaunit.accordion>li dl>.itemname:before { content: ""; width: 44px; background: #191919; height: 2px; position: absolute; top: 50%; margin-top: 0px; right: 0; margin-right: 0; font-size:0; }
ul.qandaunit.accordion>li dl>.itemname:after { content: ""; width: 2px; background: #191919; height: 44px; position: absolute; top: 50%; margin-top: -20px; right: 20px; }
ul.qandaunit.accordion>li dl>.itemname.open:after { display: none; }
ul.qandaunit.separate>li{ border-bottom: 1px solid #191919; margin-bottom: auto; padding: 40px 0; }
ul.qandaunit.separate>li:last-child{ border-bottom: none; }
@media screen and (max-width: 1040px) {
	ul.qandaunit>li dl{ padding: 35px 8%; }
}
@media screen and (max-width: 767px) {
	ul.qandaunit>li dl{ padding: 25px 6%; }
	ul.qandaunit.accordion>li dl>.itemname{ padding-right: 50px; }
	ul.qandaunit>li dl>.itemname .title{ font-size: 1.6rem; }
	ul.qandaunit.accordion>li dl>.itemname:before { width: 30px; }
	ul.qandaunit.accordion>li dl>.itemname:after { height: 30px; margin-top: -14px; right: 14px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	
}



/* 定義リスト */
ul.defineunit>li{ margin-bottom: 20px; padding-left: 0!important; text-indent: 0; }
.txtbody ul.defineunit{ margin-top: 25px; margin-bottom: 25px; }
.txtbody ul.defineunit:first-child{ margin-top: 0; }
.txtbody ul.defineunit:last-child{ margin-bottom: 0; }
.txtbody ul.defineunit>li{ margin-bottom: 0; }
.txtbody ul.defineunit>li>dl>.itemname{ font-weight: normal; position: relative; }
.txtbody ul.defineunit>li>dl>.itemname:after{ content: "："; position: absolute; right: 0; top: 0; }
ul.defineunit>li:last-child{ margin-bottom: 0; }
ul.defineunit>li:before{ content: none!important }
ul.defineunit>li>dl>.itemname{ font-weight: bold; }
ul.defineunit.leftright>li>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
ul.defineunit.leftright>li>dl>.itemname{ margin-right: 20px; flex-shrink: 1; }
ul.defineunit.leftright.dtwidth40>li>dl>.itemname{ width: 40px; }
ul.defineunit.leftright.dtwidth50>li>dl>.itemname{ width: 50px; }
ul.defineunit.leftright.dtwidth60>li>dl>.itemname{ width: 60px; }
ul.defineunit.leftright.dtwidth70>li>dl>.itemname{ width: 70px; }
ul.defineunit.leftright.dtwidth80>li>dl>.itemname{ width: 80px; }
ul.defineunit.leftright.dtwidth90>li>dl>.itemname{ width: 90px; }
ul.defineunit.leftright.dtwidth100>li>dl>.itemname{ width: 100px; }
ul.defineunit.leftright.dtwidth120>li>dl>.itemname{ width: 120px; }
ul.defineunit.leftright.dtwidth140>li>dl>.itemname{ width: 140px; }
ul.defineunit.leftright.dtwidth160>li>dl>.itemname{ width: 160px; }
ul.defineunit.leftright.dtwidth180>li>dl>.itemname{ width: 180px; }
ul.defineunit.leftright.dtwidth200>li>dl>.itemname{ width: 200px; }
ul.defineunit.accordion>li .itemname{ cursor: pointer; position: relative; }
ul.defineunit.accordion>li .itemname:before { content: ""; width: 27px; background: #191919; height: 1px; position: absolute; top: 50%; margin-top: 0px; right: 0; }
ul.defineunit.accordion>li .itemname:after { content: ""; width: 1px; background: #191919; height: 27px; position: absolute; top: 50%; margin-top: -13px; right: 13px; }
ul.defineunit.accordion>li .itemname.open:after { display: none; }
ul.defineunit.separate>li{ border-bottom: 1px solid #191919; margin-bottom: auto; padding: 40px 0; }
ul.defineunit.separate>li:last-child{ border-bottom: none; }
@media screen and (max-width: 767px) { 
	ul.defineunit.leftright>li>dl{ display: block; }
	ul.defineunit.leftright>li>dl>.itemname{ margin-right: 0; margin-bottom: 10px; width: 100% !important; }
	.txtbody ul.defineunit>li{ margin-bottom: 10px; }
	.txtbody ul.defineunit>li:last-child{ margin-bottom: 0; }
	.txtbody ul.defineunit>li>dl>.itemname{ margin-bottom: 0; }
	.txtbody ul.defineunit>li>dl>.itemname:after{ content: none }
	.txtbody ul.defineunit{ margin-top: 20px; margin-bottom: 20px; }
}














/*//////////////////


各種パーツ


//////////////////*/


/* 記事の目次　*/
.editbody #toc_container p,
.editbody #toc_container div,
.editbody #toc_container ul { margin-bottom: 0; }
.editbody #toc_container { padding: 40px; width:100%; background: #f7f7f7; box-sizing: border-box; border-radius: 0px; margin-bottom: 60px; }
.editbody #toc_container .toc_title { margin-bottom: 15px; font-size: 1.2em; font-weight: bold; }
.editbody #toc_container ul a { text-decoration: none; }
.editbody #toc_container ul a:hover { text-decoration: underline; }
.editbody #toc_container>ul>li { padding-left: 0!important; text-indent: 0; list-style-type : none; line-height: 2; margin-top: 10px; }
.editbody #toc_container>ul>li:before { content: ""; }
.editbody #toc_container>ul>li li { padding-left: 2em!important; }
.editbody #toc_container a:visited { color: inherit; }
.editbody #toc_container>ul>li>a { font-weight: bold; }
@media screen and (max-width: 767px) {
	.editbody #toc_container .toc_title { margin-bottom: 5px; }
	.editbody #toc_container { padding: 6%; margin-bottom: 30px; }
	.editbody #toc_container>ul>li li { padding-left: 1em!important; }
}





/* お知らせ一覧 */
.navlist1>li { padding: 25px 0; border-bottom: 1px solid #ccc; position: relative;}
.navlist1>li:first-child { padding-top: 0; }
.navlist1>li:last-child { border-bottom: 0; padding-bottom: 0;  }
.navlist1>li>a { text-decoration: none; }
.navlist1>li>a:hover { text-decoration: underline; }
.navlist1>li dt { font-size: 1.5rem; margin-bottom: 3px; }
.navlist1>li dt span { vertical-align: middle; }
.navlist1>li dt span.cat { margin-left: 10px; padding: 5px 10px; line-height: 1; vertical-align: middle; background: #000; color: #fff; font-size: 1.3rem; display: inline-block; }
.navlist1>li>dl { position: relative; }
@media screen and (max-width: 767px) { 
	.navlist1>li>dl { display: block; padding: 0; }
	.navlist1>li>dl>dd { width: 100% }
	.navlist1>li>dl>dd .txt { padding-left: 0!important; text-indent: 0;  }
	.navlist1>li>dl>dt { width: 100%; text-align: justify; margin-top: 5px; }
}


/* サムネイル付き一覧 */
.navlist2 { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -35px; }
.navlist2>li { width: calc(33.3% - 35px); margin-left: 35px; margin-bottom: 40px; }
.navlist2>li:nth-last-child(-n+3) { margin-bottom: 0px; }
.navlist2>li a { text-decoration: none; display: block; }
.navlist2>li>a:hover { opacity: 1; }
.navlist2>li a .img { position: relative; width: 100%; height: 220px; }
.navlist2>li a .img .thumb { overflow: hidden; width: 100%; height: 100%; display: block; }
.navlist2>li a .img .thumb img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/  transition: 0.5s; backface-visibility: hidden; }
.navlist2>li>a:hover .img .thumb img { transform: scale(1.1); }
.navlist2>li a .txtbox { margin-top: 30px; }
.navlist2>li a .txtbox .title { transition: 0.3s; backface-visibility: hidden; line-height: 1.6; margin-bottom: 5px; }
.navlist2>li span.date { vertical-align: middle; font-size: 1.5rem; }
.navlist2>li span.cat { margin-left: 10px; padding: 5px 10px; line-height: 1; vertical-align: middle; background: #aaa; color: #fff; font-size: 1.3rem; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 767px) {
	.navlist2{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; margin-left: 0; }
	.navlist2>li{ width: 100%; margin-left: 0; margin-bottom: 25px; }
	.navlist2>li:nth-child(-n+3) { margin-bottom: 25px; }
	.navlist2>li:last-child{ margin-bottom: 0!important; }
	.navlist2>li a .img{ height: 200px; }
	.navlist2>li a .txtbox { margin-top: 25px; }
}


/* 人気記事一覧 */
.navlist3>li { padding: 15px 0; border-bottom: 1px solid #ccc; }
.navlist3>li:first-child { padding-top: 0; }
.navlist3>li:last-child { border-bottom: 0; padding-bottom: 0; }
.navlist3>li>a { text-decoration: none; padding-right: 100px; }
.navlist3>li>a:hover { text-decoration: underline; }
.navlist3>li span.view { float: right; }
@media screen and (max-width: 767px) { 
	.navlist3>li { padding-right: 0; }
	.navlist3>li span.view { float: none; display: block; }
}


/* カテゴリー一覧 */
.navlist4>li { }
.navlist4>li:first-child { padding-top: 0; }
.navlist4>li:last-child { border-bottom: 0; padding-bottom: 0; }
.navlist4>li>a { text-decoration: none; }
.navlist4>li>a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { 
}


/* タグ一覧 */
.navlist5 { text-align: left; }
.navlist5>li { display: inline-block; }
.navlist5>li:first-child { padding-top: 0; }
.navlist5>li:last-child { border-bottom: 0; padding-bottom: 0; }
.navlist5>li:after { content: "/"; padding: 0 5px; }
.navlist5>li:last-child:after { display: none; }
.navlist5>li>a { text-decoration: none; }
.navlist5>li>a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { 
}


/* 検索ボックス */
#searchbox { display: flex; align-items: center; width: 100%; margin:0 auto; }
#searchbox .searchtxtbox{ border: none !important; width: calc(100% - 20px); }
#searchbox .searchbtn { width: 20px; height: 20px; background: url(../img/common/searchbtn.svg) no-repeat center center; background-size: 20px 20px; min-width: 0; }
@media screen and (max-width: 767px) {
	#searchbox { max-width: 100%; margin:0; }
}


/* postmeta */
.newsname{ margin-bottom: 25px; line-height: 1.6; font-weight: bold; font-size: 3.2rem; }
.postmeta { text-align: left; margin-bottom: 45px; margin-left: -30px; }
.postmeta:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.postmeta .date{ color: #045DA4; font-weight: bold; font-size: 1.8rem; display: inline-block; vertical-align: middle; margin-left: 30px; letter-spacing: 0.05em; }
.postmeta .catlist{ display: inline-block; vertical-align: middle; margin-left: 30px; }
.postmeta .catlist .cat{ background: #F7F7F7; line-height: 1; padding: 7px 14px; display: inline-block; }
.postmeta .tag ul { display: inline-block; text-align: left; }
.postmeta .tag li { display: inline-block; margin-right: 3px; }
@media screen and (max-width: 1040px) {
	.newsname { font-size: 2.8rem; }
}
@media screen and (max-width: 767px) { 
	.newsname { font-size: 2.4rem; }
}
@media screen and (max-width: 479px) { 
	.newsname { font-size: 2.2rem; }
}


/* pager */
.pager { width: 100%; position: relative; }
.pager:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.pager a.prev,
.pager a.next,
.pager a[rel="prev"],
.pager a[rel="next"]  { font-weight: bold; letter-spacing: 0.1em; position: absolute; top: 0; bottom: 0; left: 0 }
.pager a.prev:before,
.pager a[rel="prev"]:before{ content: "<";  display: inline-block; vertical-align: middle; margin-right: 20px }
.pager a.next:after,
.pager a[rel="next"]:after{ content: "<";  display: inline-block; vertical-align: 0; -webkit-transform:rotate(180deg); transform:rotate(180deg); margin-left: 20px }
.pager a.next,
.pager a[rel="next"]{ right: 0; left: auto; }
.pager a.prev:hover,
.pager a.next:hover,
.pager a[rel="prev"]:hover,
.pager a[rel="next"]:hover { text-decoration: none; }
@media screen and (max-width: 767px) {
	body:not(.single) .pager { text-align: center; }
	body:not(.single) .pager a.prev,
	body:not(.single) .pager a.next,
	body:not(.single) .pager a[rel="prev"],
	body:not(.single) .pager a[rel="next"] { display: inline-block; position: static; margin: 0 10px 20px; }
}


/* pager page-numbers */
.pager ul.page-numbers { text-align: center; margin-left: -5px; }
.pager ul.page-numbers li { display: inline-block; margin-left: 5px; }
.pager ul.page-numbers li a,
.pager ul.page-numbers li span { display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; border: 3px solid #191919; border-radius: 50%; font-weight: bold; font-size: 1.8rem; line-height: 1; transition: 0.3s; text-decoration: none; }
.pager ul.page-numbers li a:hover { color: #fff; background: #191919; opacity: 1 }
.pager ul.page-numbers li span.dots {  }
.pager ul.page-numbers li a:hover,
.pager ul.page-numbers li span.current { color: #fff; background: #191919; }
.pager ul.page-numbers li span.current{ cursor: default; }

/* pagenav */
.pagenav { margin-top: 80px; }
.pagenav .incnt{ max-width: 520px; }
.single .pager .bottomlink{ padding-top: 90px }
@media screen and (max-width: 767px){
	.pager ul.page-numbers li a,
	.pager ul.page-numbers li span{ width: 28px; height: 28px; border: 2px solid #191919; font-size: 1.6rem; }

	.pagenav { margin-top: 40px!important; }
	.single .pager .bottomlink{ padding-top: 60px; }
	.single .pagenav .incnt{ max-width: 280px; }
}


/* .snsbtnbox */
.snsbtnbox { text-align: center; margin-left: -5px; margin-top: 65px; }
.snsbtnbox .title,
.snsbtnbox .list{ display: inline-block; vertical-align: middle; }
.snsbtnbox .title{ margin-left: 5px; vertical-align: 2px; }
.snsbtnbox .list>li{ margin-left: 5px; display: inline-block; vertical-align: middle; }
.snsbtnbox .list>li a svg{ width: 30px; height: 30px; }
.snsbtnbox .list>li svg .st0{ transition: 0.3s;  }
.snsbtnbox .list>li a:hover svg .st0{ fill:#9f8553; }




.approachbox{ border: 2px solid #9f8553; border-radius: 10px; }
.approachbox .title{ padding-left: 6%; padding-right: 6%; margin-bottom: 40px; }
.approachbox .title>span{ background: url(../img/common/bg1.png) no-repeat, #f5f3ee; background-size: 1800px 1238px; color: #9f8553; padding: 10px 19px; font-weight: bold; font-size: 2.4rem; display: inline-block; line-height: 1.6; }
.approachbox .mainbox{ padding-bottom: 40px; padding-left: 6%; padding-right: 6%; display: flex; flex-direction: row; }
.approachbox .mainbox .imgbox{ flex-grow: 1; width: 48.3%; margin-left: 4% }
@media screen and (max-width: 1040px){
	.approachbox .mainbox .imgbox{ width: 44% }
}
@media screen and (max-width: 767px) { 
	.approachbox{ border: none; }
	.approachbox .title{ padding: 0; margin-bottom: 30px; }
	.approachbox .title>span{ font-size: 2rem; width: 100%; box-sizing: border-box; }
	.approachbox .mainbox{ padding: 0; }
	.approachbox .mainbox .txtbox .bottomlink{ text-align: center!important; }
	.approachbox .mainbox .imgbox{ width: 100%; margin-top: 10px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}
