@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body { line-height: 1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul { list-style: none;}
blockquote,q { quotes: none;}
blockquote:before,blockquote:after,q:before,q:after { content: '';content: none;}
a { margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ins { background-color: #ff9;color: #000;text-decoration: none;}
mark { background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del { text-decoration: line-through;}
abbr[title],dfn[title] { border-bottom: 1px dotted;cursor: help;}
table { border-collapse: collapse;border-spacing: 0;}
hr { display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select { vertical-align: middle;}
ul { list-style: none;}
.cf:after { content: "";clear: both;display: block;}
.pt10 { padding-top: 10px !important;}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}
.pt60 { padding-top: 60px !important;}
.pt70 { padding-top: 70px !important;}
.pt80 { padding-top: 80px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
/*-----------------------------------*/
/*-------------------------*/
/*  base
/*-------------------------*/
body { font-family: 'Kosugi Maru', sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative; line-height: 1.5; font-size: 14px;}
.none { display: none !important;}
.center { text-align: center;}
b { font-weight: bold;}
.logo a { display: block;}
a { -webkit-transition: all 0.3s 0s ease;-moz-transition: all 0.3s 0s ease;transition: all 0.3s 0s ease; color: #000}
a:hover { opacity: 0.5;}
nav a { text-decoration: none;}
nav a:hover { text-decoration: underline;}
a:visit,a:hover,a:link {}
img { width: 100%; display: block; }
*:before,*:after {    content: "";    display: block;}
a:before, a:after {    content: "";    display: none;}
/*-------------------------*/
/*  pc
/*-------------------------*/
section.bgon { background: #fdf8ef;border-bottom: 1px solid #c7c0b3;}
.insp,.sp { display: none;}
.pc { display: block;}
.inner { max-width: 1300px; width: 100%;margin: 0 auto;padding: 0 25px;position: relative;z-index: 1;box-sizing: border-box;}
body { padding-bottom: 0px;}
nav { background: transparent;}
.nobg { background: none !important;}
/*  col2  */
.col4,.col3,.col2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: flex-start;}
.col2>li, .col2>div  { flex: 1 calc(100% / 3); margin-right: 30px;}
.col2>li:nth-child(2n) { margin-right: 0px;}
.col2>li:nth-child(n+3) { margin-top: 30px;}
/*  col3  */
.col3>li { flex: 1 calc(100% / 4); margin-right: 15px;}
.col3>li:nth-child(3n) { margin-right: 0px;}
.col3>li:nth-child(n+4) { margin-top: 19px;}
/*  col4  */
.col4>li { flex: 1 calc(100% / 5); margin-right: 15px;}
.col4>li:nth-child(4n) { margin-right: 0px;}
.col4>li:nth-child(n+5) { margin-top: 19px;}
dl,dt,dd { margin: 0; padding: 0;}
dl { margin: 0 auto; border-width: 0 1 1 1; border-style: solid; border-color: black; text-align: left;}
dt { float: left; clear: both; width: 150px; border-width: 1 0 0 0; border-style: solid; border-color: black; padding: 5px; font-size: 12px; opacity: 0.5;}
dd { margin-left: 150px; border-width: 1 0 0 1; border-style: solid; border-color: black; padding: 5px;}

/*-------------------------*/
/*  sp
/*-------------------------*/
@media (max-width: 767px) { .sp {  display: block;}
	.insp {  display: inline-block;}
	.pc {  display: none;}
	.inner {  padding: 0;}
	section {  text-align: left;padding: 30px 10px;}
	section ul {  padding: 10px 0 0;}
	section li {  padding: 10px 0;}
	section li:last-child {  padding: 10px 0;}
	section:nth-child(odd) {  /*background: #fdf8ef;*/}
	section a {  text-decoration: none;}
	footer {  text-align: center;}
	#contact .inner,.inner,.inner2,img,nav { width: 100%; }
	.col4,.col3,.col2 { display: block; -webkit-flex-flow: row wrap; justify-content: flex-start; }
	.col2>li, .col3>li,.col4>li { margin-right: 0px;}
.col2>li, .col2>div  { margin-right: 0px;}
	dl,dt,dd { margin: 0; padding: 0; box-sizing: border-box; }
	dl { margin: 0 auto; border-width: 0 1 1 1; border-style: solid; border-color: black; width: 100%; text-align: left; }
	dt { float: none; clear: both; width: 100%; border-width: 1 0 0 0; border-style: solid; border-color: black; opacity: 0.5; padding: 0px; padding-left: 10px; }
	dd { border-width: 1 0 0 1; border-style: solid; border-color: black; padding: 0px; padding-left: 30px; margin-bottom: 20px; }
}