@charset "UTF-8";
/* 
	
CSS wp.css */


/*@import url(fonts/roboto.css);*/
@import url(//fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap);




/*//////////////////


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: 500px; }
.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; }
}














/*//////////////////


各種パーツ


//////////////////*/

/* postmeta */
/*
.postmeta { text-align: left; margin-bottom: 60px; }
.postmeta:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.postmeta .tag ul { display: inline-block; text-align: left; }
.postmeta .tag li { display: inline-block; margin-right: 3px; }
*/


/* 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; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.05em; text-decoration: none; margin-top: auto; margin-bottom: auto; display: flex; align-items: center; }
.pager a.prev:before,
.pager a[rel="prev"]:before{ content: ""; background: url(../img/common/prev.svg) no-repeat; background-size: contain; width: 10px; height: 14px; display: inline-block; vertical-align: -1px; margin-right: 10px }
.pager a.next:after,
.pager a[rel="next"]:after{ content: ""; background: url(../img/common/prev.svg) no-repeat; background-size: contain; width: 10px; height: 14px; display: inline-block; vertical-align: -1px; -webkit-transform:rotate(180deg); transform:rotate(180deg); margin-left: 10px }
.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; color: #1d4cb4 }
@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: 60px; height: 60px;  font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.05em; background: #f7f7f7; border-radius: 50%; font-weight: bold; line-height: 1; transition: 0.3s; text-decoration: none; }
.pager ul.page-numbers li a:hover { color: #fff; background: #1d4cb4; 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: #1d4cb4; }
.pager ul.page-numbers li span.current{ cursor: default; }

/* pagenav */
.pagenav { margin-top: 80px; }
.pagenav .incnt{ max-width: 620px; }

.single #pagebox{ margin-bottom: 90px }
.single #pagebox>.incnt>.inwrap{ display: flex; flex-direction: row; justify-content: center; align-items: center; }
.single #pagebox>.incnt>.inwrap .pagenav { width: 180px; margin-top: 0 }
.single #pagebox>.incnt>.inwrap .pagenav.pager a.prev,
.single #pagebox>.incnt>.inwrap .pagenav.pager a.next,
.single #pagebox>.incnt>.inwrap .pagenav.pager a[rel="prev"],
.single #pagebox>.incnt>.inwrap .pagenav.pager a[rel="next"]{ top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.single #pagebox>.incnt>.inwrap .toplink{ margin-right: 70px; width: 260px }
.single #pagebox>.incnt>.inwrap .toplink>.btn{ width: 100% }
@media screen and (max-width: 767px){
	.pager ul.page-numbers li a,
	.pager ul.page-numbers li span{ width: 40px; height: 40px; font-size: 1.6rem }

	.pagenav { margin-top: 40px!important; }
	.single .pagenav .incnt{ max-width: 280px; }
	.single #pagebox>.incnt>.inwrap{ flex-direction: column-reverse; }
	.single #pagebox>.incnt>.inwrap .toplink{ margin-right: auto; margin-left: auto; margin-top: 40px }
	.single #pagebox>.incnt>.inwrap .pagenav{ margin-left: auto; margin-right: auto; }
}



/* .snsbtnbox */
/*
.snsbtnbox { display: flex; justify-content: center; align-items: center; }
.snsbtnbox li a { border-radius: 50%; width: 40px; height: 40px; margin: 3px; position: relative; display: block; box-sizing: border-box; }
.snsbtnbox li a.fb { background: #3B5998; }
.snsbtnbox li a.tw { background: #55acee; }
.snsbtnbox li a.hatebu { background: #00A4DE; }
.snsbtnbox li a.pocket { background: #E63F4F; }
.snsbtnbox li a.google { background: #f24033; }
.snsbtnbox li a.line { background: #00c300; }
.snsbtnbox li a.fb:hover { background: #fff; border: 3px solid #3B5998; }
.snsbtnbox li a.tw:hover { background: #fff; border: 3px solid #55acee; }
.snsbtnbox li a.hatebu:hover { background: #fff; border: 3px solid #00A4DE; }
.snsbtnbox li a.pocket:hover { background: #fff; border: 3px solid #E63F4F; }
.snsbtnbox li a.google:hover { background: #fff; border: 3px solid #f24033; }
.snsbtnbox li a.line:hover { background: #fff; border: 3px solid #00c300; }
.snsbtnbox li a.fb:hover svg { fill: #3B5998; }
.snsbtnbox li a.tw:hover svg { fill: #55acee; }
.snsbtnbox li a.hatebu:hover svg { fill: #00A4DE; }
.snsbtnbox li a.pocket:hover svg { fill: #E63F4F; }
.snsbtnbox li a.google:hover svg { fill: #f24033; }
.snsbtnbox li a.line:hover svg { fill: #00c300; }
.snsbtnbox li a svg { width: 20px; height: 15px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.snsbtnbox li a svg { fill: #fff; }
@media screen and (max-width: 767px) { 
}
*/


#works.single #sec_1 .mainbox{ display: flex; flex-direction: row-reverse; min-height: 250px }
#works.single #sec_1 .mainbox .singlesectitle{ margin-bottom: 15px }
#works.single #sec_1 .mainbox .singlesectitle>.inwrap{ border: 1px solid #1d4cb4; color: #1d4cb4; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.05em; padding: 4px 10px; line-height: 1.4;  }
#works.single #sec_1 .mainbox .txtbox{ width: 100% }
#works.single #sec_1 .mainbox .txtbox .datalist{  }
#works.single #sec_1 .mainbox .txtbox .datalist>li{  }
#works.single #sec_1 .mainbox .txtbox .datalist>li>dl{ display: flex; flex-direction: row; }
#works.single #sec_1 .mainbox .txtbox .datalist>li>dl>dt{ flex-shrink: 0; font-weight: bold; width: 75px; padding-right: 20px; box-sizing: border-box; }
#works.single #sec_1 .mainbox .txtbox .datalist>li>dl>dd{  }
#works.single #sec_1 .mainbox .txtbox .beforebox{  }
#works.single #sec_1 .mainbox .txtbox .beforebox .imgbox{ width: 100% }
#works.single #sec_1 .mainbox .txtbox .beforebox .keywordlist{  }
#works.single #sec_1 .mainbox .txtbox .beforebox .keywordlist>li{  }
#works.single #sec_1 .mainbox .imgbox{ width: 100%; margin-right: 0 }
#works.single #sec_1 .mainbox .imgbox .imglist{  }
#works.single #sec_1 .mainbox .imgbox .imglist>li{ margin-bottom: 20px }
#works.single #sec_1 .mainbox .imgbox .imglist>li:last-child{ margin-bottom: 0 }
#works.single #sec_1 .mainbox .txtbox+.imgbox{ width: 62.7%; flex-shrink: 0; margin-right: 6%; }
@media screen and (max-width: 1040px){
	#works.single #sec_1 .mainbox .txtbox+.imgbox{ width: 46%; margin-right: 8%; }
}
@media screen and (max-width: 767px) {
	#works.single #sec_1 .mainbox{ flex-direction: column-reverse; min-height: 100px }
	#works.single #sec_1 .mainbox .txtbox+.imgbox{ width: 100%; margin-right: 0%; margin-bottom: 40px }
	#works.single #sec_1 .mainbox .txtbox .beforebox .imgbox{ margin-top: 0 }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}