@charset "UTF-8";
/* import */
@import "reset.css";
@import "fontello.css";

/* font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,400,500,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:100,400,500,700,900&display=swap&subset=japanese');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css');

/* 変数 */
:root {
--grid-columns: 12;
--grid-gutter: 30px;
--grid-gutter-wide: calc(var(--grid-gutter) + 20px);

/* font */
--font-base:YakuHanJP, 'Noto Sans JP', "游ゴシック体","YuGothic", "游ゴシック Medium", "游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
--font-mincho:YakuHanJP, 'Noto Serif JP', 'PT Serif', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", HiraMinPro, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;

/* font-size */
--font-size: 14px;
--font-size-smaller: calc(var(--font-size) - 2px);
--font-size-small: calc(var(--font-size) - 1px);
--font-size-large: calc(var(--font-size) + 2px);
--font-size-larger: calc(var(--font-size) + 4px);
--font-size-largest: calc(var(--font-size) + 14px);

/* color */
--color-main: #989386;
--color-main-lighten: #E2D7BA;
--color-sub: #003D75;
--color-point: #9B8A25;
--color-gray: #D2D2D2;
--color-koji: #20B29E;
--color-kensho: #F8CB00;
--color-text: #333333;
--color-accent: #C54E4E;
--color-accent-lighten: #e91d1d;
--color-accent-darken: #6F0E0E;
}

@keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
}

/* --- common -------------------------------------- */
body {
	color: var(--color-text);
	font-family: var(--font-base);
	font-size: var(--font-size);
	line-height: 2.2;
	letter-spacing: 1.5px;
	text-align: justify;
	text-justify: inter-ideograph;
}
strong, .b {
	font-weight: bold;
	span{
		font-weight: bold;
	}
}
.u { text-decoration: underline; }
.show-sp, .show-sp.inline { display: none!important; }
.nowrap { white-space: nowrap;	}
a {
	color: var(--color-accent);
	text-decoration: none;
	&:hover {		
		color: var(--color-accent-lighten);
		opacity: .8;
	}
}
img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
mark, em {
	font-weight: normal;
	font-style: normal;
}
/* --- modules ------------------------------------- */
.tal { text-align: left;	}
.tac { text-align: center;margin: 0 auto;	}
.tar { text-align: right;	}
.vat{	vertical-align: top;	}
.vam{	vertical-align: middle;	}
.vab{	vertical-align: bottom;	}
.dib { display: inline-block;
}
.fl {	float: left;	}
.fr {	float: right;	}
.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.w0 {
  width: 0%;
}

.w5 {
  width: 5%;
}

.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w95 {
  width: 95%;
}

.w100 {
  width: 100%;
}

.fsize-smaller {
  font-size: 12px;
}

.fsize-small {
  font-size: 13px;
}

.fsize-normal {
  font-size: 14px;
}

.fsize-large {
  font-size: 16px;
}

.fsize-larger {
  font-size: 18px;
}

.fstyle-gothic {
  font-family: var(--font-base);
}

.fstyle-mincho {
  font-family: var(--font-mincho);
}
.fsize-smaller { font-size: var(--font-size-smaller); }
.fsize-small   { font-size: var(--font-size-small); }
.fsize-normal  { font-size: var(--font-size); }
.fsize-large   { font-size: var(--font-size-large); }
.fsize-larger  { font-size: var(--font-size-larger); }
.fsize-largest  { font-size: var(--font-size-largest); }
.fstyle-gothic { font-family: var(--font-base); }
.fstyle-mincho { font-family: var(--font-mincho); }
.palt {
	font-feature-settings : "palt";
}
.none{
	display: none;
}
.bg-w{
	background: #fff;
}
.bg-gray{
	background: #ededed;
}
.bg-beige{
	background: #CCC9C2;	
}
/* --- layout -------------------------------------- */
.container {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.wrapper {
	max-width: 1200px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
	&.wide {
		max-width: 100%;
	}
	&.narrow {
		max-width: 960px;
	}
}
.indent10{
	padding-left: 10px;
	padding-right: 10px;
}
.indent30 {
	padding-left: 30px;
	padding-right: 30px;
}
.indent40 {
	padding-left: 40px;
	padding-right: 40px;
}
.container {
	main{
		padding-top: 92px;
		p {
			+ p, + ul, + dl ,+ table,+ div {
				margin-top: 2em;
			}
			+ .imgWrap{
				margin-top: 2em;			
			}
		}
	}
}
/* column */
.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	&.flex-wrap {
		[class*=col] {
			margin-bottom: var(--grid-gutter);
		}
	}
	&.auto {
		> .col {
			flex: 1;
		}
	}
	&.between {
		justify-content: space-between;
	}
	&.gutters {
		margin-left: calc(-1 * var(--grid-gutter));
		& > .col {
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-1 {
			width: calc(8.33333% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-2 {
			width: calc(16.66667% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-3 {
			width: calc(25% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-4 {
			width: calc(33.33333% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-5 {
			width: calc(41.66667% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-6 {
			width: calc(50% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-7 {
			width: calc(58.33333% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-8 {
			width: calc(66.66667% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-9 {
			width: calc(75% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-10 {
			width: calc(83.33333% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-11 {
			width: calc(91.66667% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		& > .col-12 {
			width: calc(100% - var(--grid-gutter));
			margin-left: var(--grid-gutter);
			margin-bottom: 20px;
		}
		&.wide{
			margin-left: - var(--grid-gutter-wide);
			& > .col {
				margin-left: 60px;
			}
			& > .col-1 {
				width: calc(8.33333% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-2 {
				width: calc(16.66667% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-3 {
				width: calc(25% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-4 {
				width: calc(33.33333% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-5 {
				width: calc(41.66667% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-6 {
				width: calc(50% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-7 {
				width: calc(58.33333% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-8 {
				width: calc(66.66667% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-9 {
				width: calc(75% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-10 {
				width: calc(83.33333% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-11 {
				width: calc(91.66667% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
			& > .col-12 {
				width: calc(100% - var(--grid-gutter-wide));
				margin-left: var(--grid-gutter-wide);
				margin-bottom: 20px;
			}
		}
	}	
	&.layout{
		margin-bottom: 50px;
	}
	&.middle{
		align-items: center;
	}
	&.reverse {
		flex-direction: row-reverse;
	}
}
.col-1 {
  width: 8.33333%;
}

.offset-1 {
  margin-left: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.col-3 {
  width: 25%;
}

.offset-3 {
  margin-left: 25%;
}

.col-4 {
  width: 33.33333%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.col-6 {
  width: 50%;
}

.offset-6 {
  margin-left: 50%;
}

.col-7 {
  width: 58.33333%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.col-9 {
  width: 75%;
}

.offset-9 {
  margin-left: 75%;
}

.col-10 {
  width: 83.33333%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.offset-11 {
  margin-left: 91.66667%;
}

.col-12 {
  width: 100%;
}

.offset-12 {
  margin-left: 100%;
}
[class*=sec-],[class*=top-] {
	padding-bottom: 80px;
}		
/* --- header/nav ---------------------------------- */
header.head-wrap {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	width: auto;
	z-index: 10;
	background: rgba(255,255,255,1);
	transition: all 0.5s;
	border-bottom: var(--color-main) solid 5px;
	.head{
		display: flex;
		justify-content:space-between;
		align-items: center;
		.head-ttl{
			margin-left: 20px;
			margin-right: 40px;
			a{
				display: block;
				img{
					width: 300px;
					transition: all 1s;
				}
			}
		}
		.head-nav{
			.head-cta{
				display: none;
			}
			.gnav{
				.inner{
					display: flex;
					flex-direction: column;
	        align-items: flex-end;
					ul{
		  			display: flex ;
						&.main-nav{
							li {
								a{
									display: block;
									text-align: center;
									color: var(--color-text);
									font-size: 16px;
									transition: all 1s;
									font-weight: 400;
									position: relative;
									padding-top: 8px;
									padding-bottom: 8px;
									padding-left: 10px;
									padding-right: 10px;
									&:before{
										content: "";
										width: 1px;
										display: block;
										position: absolute;
										left: 0;
										top: 25%;
										bottom: 25%;
										background:var(--color-main);
									}
									&:after{
										content: "";
										height: 2px;
										width: 60%;
										margin-left: auto;
										margin-right: auto;
										display: block;
										position: absolute;
										left: 0;
										right: 0;
									}
									&:hover{
										&:after{
											background:var(--color-point);
											transition: all 1s;
										}
									}
								}
							}
						}
						&.upper-nav{
							column-gap: 10px;	
							margin-bottom: 10px;
							li{
								&.nav-contact{
									a{
										color: var(--color-text);
										i{
											color: var(--color-main);
											margin-right: 0.2em;
										}
									}
								}
								&.nav-login,&.nav-sighup{
									a{
										color: #fff;
										padding-left: 1em;
											padding-right: 1em;
										i{
											color: #fff;
										}
									}
								}
								&.nav-login{
									background-color: var(--color-accent);
								}
								&.nav-sighup{
									background-color: var(--color-sub);
								}
							}
						}
					}
				}
			}
		}
	}
	&.scrolled{
		background: rgba(255,255,255,0.8);
		transition: all 0.5s;
		border-bottom: var(--color-main) solid 1px;
		.head{
			.head-ttl{
				a{
					img{
						width: 240px;
						transition: all 1s;
					}
				}
			}
			.head-nav{
				.gnav{
					.inner{
						ul{
							&.main-nav{
								li{
									a{
										font-size: 14px;
										transition: all 1s;
									}
								}
							}
							&.upper-nav{
								margin-bottom: 0;
								li{
									a{
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
/* --- footer -------------------------------------- */
footer {
	background-color: #575757;
	.wrapper{
		padding-top: 50px;
		padding-bottom: 40px;
		.wrap{
			display: flex;
			justify-content: space-between;
			.leftArea{
				h2{
					border-left: none;
					margin-bottom: 20px;
					padding-top: 0;
					padding-bottom: 0;
					padding-left: 0;
					img{
						max-width: 240px;
    				width: 100%;
					}
				}
				p{
					color: #fff;
					font-size: 12px;
					margin-bottom: 10px;
				}
				a{
					color: #fff;
					font-size: 28px;
					font-weight: 600;
					line-height: 1;
				}
			}
			.rightArea{
				display: flex;
				flex-direction: column;
        justify-content: center;
				gap: 15px;
				.main-nav{
					display: flex;
					align-items: center;
					justify-content: end;
					list-style: none;
					flex-wrap: wrap;
					position: relative;					
					li{
						a{
							color: #fff;
							position: relative;
								padding-left: 10px;
								padding-right: 10px;
								white-space: nowrap;
							&:before{
								content: "";
								width: 1px;
								display: block;
								position: absolute;
								left: 0;
								top: 0;
								bottom: 0;
								background:var(--color-main);
							}
						}
						&:last-child{
							a{
								&:after{
									content: "";
			            width: 1px;
			            display: block;
			            position: absolute;
			            right: 0;
			            top: 0;
			            bottom: 0;
			            background: var(--color-main);
								}

							}
						}
					}
				}
				.under-nav{
					display: flex;
					align-items: center;
					justify-content: end;
					gap: 15px;
					list-style: none;
					li{
						a{
							color: #fff;
						}
						&.nav-contact{
							a{
								i{
									font-size: 40px;
									line-height: 1;
								}
							}
						}
					}
				}

			}
		}
	}
	.ft-copy{
		background: #333333;
		color: #ffffff;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: center;
		font-size: 12px;
	}
}
/* --- mod ------------------------------------- */
.li-pager {
  display: flex;
  justify-content: center;
  li {
	  padding: 0 7px;
	  list-style: none;
	  a {
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  width: 28px;
		  height: 28px;
		  border: 1px solid var(--color-main);
		  border-radius: 3px;
		  background: var(--color-main);
		  color: #fff;
		  font-size: 18px;
		  font-weight: 500;
		  line-height: 1.8;
		}
		&.current{
			a{
			  background: none;
			  color: var(--color-main);
			}
		} 
	}
}

.cta-bg{
	background-color: #989386;
	padding-top: 50px;
	padding-bottom: 50px;
}
.common-cta{
	background: #fff;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
	.row{
		align-items: center;
		.ctaLeft{
			width: 52%;
			padding-right:30px;
			border-right: 1px solid var(--color-gray);
			padding-top: 15px;
			padding-bottom: 15px;
			h3{
				font-size: 28px;
				letter-spacing: 1px;
				padding: 0;
				margin-bottom: 10px;
				background-color: unset;
				color: var(--color-text);
			}
			p{
				font-size: 12px;
			}
		}
		.ctaRight{
			width: 48%;
			padding-left: 30px;
			display: flex;
			flex-direction: column;
			gap: 10px;
			.upperArea{
				display: flex;
        align-items: end;	
       	gap: 10px;
				.telArea{
					line-height: 1;	
					display: flex;
					align-items: center;
       		gap: 10px;
					&:before{
						content: "";
						background-image: url(../img/common/icn-tel.svg);
						width: 50px;
						height: 50px;
					}
					div{
						p{}
						a{
							font-size: 26px;
							font-weight: 500;
							letter-spacing:0;
							color: var(--color-text);
						}
					}					
				}
				.capArea{
					font-size: 12px;
					line-height: 1.4;
				}
			}
			.lowerArea{
				display: flex;
				justify-content: space-between;
			}
		}
	}
}
.cta-bg{	
	.common-cta{
		box-shadow: none;
	}
}

/* --- skin ---------------------------------------- */
/* title */
h1.ttl-skin01, h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.3;
}
h2, .ttl-skin02 {
	font-size: 40px;
  line-height: 1;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 10px solid var(--color-main);
  margin-bottom: 40px;
	span{
		color: var(--color-main);
    display: block;
    font-size: 20px;
    margin-top: 5px;
	}
	&.center{
		text-align: center;
		border-left: none;
		span{
			margin-top: 30px;
			position: relative;
			&:after{
				content: "";
				width: 60px;
				height: 4px;
				background-color: var(--color-main);
				position: absolute;
				top: -15px;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
			}
		}
		
	}
}

h3, .ttl-skin03 {
	font-size: 28px;
	background: var(--color-main);
	color: #fff;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 20px;
}
h4, .ttl-skin04 {
	font-size: 24px;
	border-bottom: 2px solid var(--color-main);
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 15px;
}
h5, .ttl-skin05 {
	font-size: 20px;
	color: var(--color-main);
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	&:after{
		content: "";
		flex: 1;
		width: 100%;
		height: 1px;
		background-color: var(--color-main);
	}
}
h6, .ttl-skin05 {
	font-size: 16px;
	color: var(--color-main);
	font-weight: 600;
	margin-bottom: 5px;
}

/* button */
.btn-skin01 {
	background-color:var(--color-main) ;
	color: #fff;
	position: relative;
	transition: .2s;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	font-size: 14px;
	min-width: 300px;
	max-width: 500px;
	display: inline-block;
	&:after{
		content: "";
		background-image: url(../img/common/btn-arrow-w.svg);
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		width: 10px;
    top: 0;
    right: 15px;
    bottom: 0;
	}
	&:hover{
		background-color:var(--color-main-lighten) ;
	}
	&.red{
		color: #fff;
		background-color:var(--color-accent) ;
		&:after{
			background-image: url(../img/common/btn-arrow-w.svg);
		}
		&:hover{
			background-color: var(--color-accent-lighten) ;
		}
	}
	&.white{
		border:none;
		background-color: #fff;
		&:hover{
			background: #333;
			color: #fff;
			&:after{
				background-image: url(../img/common/btn-arrow-w.svg);
			}
		}
	}
	&.w100{
		max-width: 100%;
	}
}
.btn-wrap {
	margin-top: 40px;
	&.right{
		text-align: right;
		a{
			margin-left: auto;
			margin-right: 0;
		}
	}
	&.center{
		text-align: center;
		a{
			margin-left: auto;
			margin-right: auto;
		}
	}
	.btn {
		~ .btn {
			margin-left: 30px;
		}
	}
}

/* link */
.link,.post_content a:not(.no_line){
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	box-shadow: inset 0 -2px 0 var(--color-accent);
	font-weight: bold;
	display: inline-block;
	&.blank{
		&:after{
			font-family: "fontello";
			content: '\f08e';
			font-size: 14px;
			margin-left: 5px;
		}		
	}
}

/* table */
table{
	width: 100%;
	border-collapse: separate;
	word-break : break-all;
	caption{
		font-size: 28px;
		color: var(--color-main);
		font-weight: 800;
		margin-bottom: 10px;
	}
	tbody{
		tr{
			th, td {
				padding: 15px 20px;
				font-size: 16px;
				letter-spacing: 0;
				text-align: left;
				vertical-align: top;
			}
			th {
				background-color: var(--color-main);
				color: #fff;
				border-bottom: 1px solid #fff;
				text-align: center;
				font-weight: 600;
				vertical-align: middle;
			}
			td {
				border-bottom: 1px solid var(--color-main);
				input,textarea{
					font-size: 16px;

				}
				table{
					th{
						font-weight: bold;
						text-align: left;
						vertical-align: middle;
					}
					td{
						text-align: left;
						vertical-align: middle;
					}
				}
			}
		}
	}
}

/* form */
fieldset {
	margin: 2rem 0;
	padding: 2rem;
	border: 1px solid rgba(0, 0, 0, .1);
}
legend {
	position: relative;
	top: 2px;
	margin-left: -1rem;
	padding: 0 1rem;
	font-weight: bold;
	font-size: $font-size-small;
	line-height: 0;
}
input,
textarea,
select,
button {
	display: block;
	font-size: 16px;
	width: 100%;
	padding: 10px;
	border-radius: 6px;
	outline: none;
	border: 1px solid #989898;
	box-shadow: none;
	vertical-align: middle;
	&:focus {
		outline: none;
		box-shadow: 0 0 1px  #1c86f2 inset;
	}
	&.error {
		background-color: rgba(#f03c69, .1);
		border: 1px solid lighten(#f03c69, 15%);
		&:focus {
			border-color: #f03c69;
			box-shadow: 0 0 1px #f03c69 inset;
		}
	}
	&.success  {
		background-color: rgba(#35beb1, .1);
		border: 1px solid lighten(#35beb1, 15%);
		&:focus {
			border-color: #35beb1;
			box-shadow: 0 0 1px #35beb1 inset;
		}
	}
	&:disabled,
	&.disabled {
		resize: none;
		opacity: .6;
		cursor: default;
		color: rgba(0, 0, 0, .5);
	}
	&#postcode1{
		max-width: 4em;
	}
	&#postcode2{
		max-width: 6em;
	}
}
select {
	-webkit-appearance: none;
	appearance: none;
	//background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="#5e6c75" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
	background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="width: 5px; height: 5px; opacity: .5;" xml:space="preserve"><g><polygon class="st0" points="440.189,92.085 256.019,276.255 71.83,92.085 0,163.915 256.019,419.915 512,163.915 	" style="fill: rgb(75, 75, 75);"></polygon></g></svg>');
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: right 1rem center;
}
select::-ms-expand {
	//display: none;
}
input[type="radio"],
input[type="checkbox"] {
	transform: translateY(2px);
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	outline: none;
	vertical-align: middle;
	line-height: 1em;
	&:focus {
		outline: none;
		border: none;
	}
}
input[type="button"],
input[type="submit"] {
	background-color: var(--color-accent);
	color: #fff;
	&.back_button{
		background-color: #f0f0f0;
		color: var(--color-text);
	}
}
label {
	&:hover {
		cursor: pointer;
	}
	&.btn.ar-r {
		background:$color-accent-lighten;
		display: inline-block;
		min-width: 280px;
		padding: 0;
		border: none;
		width: 100%;
		border-radius: 6px;
		input,button {
			background: none;
			color: #fff;
			padding:20px;
			&:hover {
				cursor: pointer;
			background:$color-accent;
			}
		}
	}
}
.form-item {
	label {
		margin-right: 20px;
		&:last-child {
			margin-right: 0;
		}
	}
}
.ui-datepicker select{
	display: inline;
}

.confirm_area,
.thanks_area {
    display: none;
}

/*デフォルトのサンクスメッセージを非表示*/
.wpcf7-response-output{
    display: none;
}
/* list */
ul {
	&.normal {
		margin-left: 1.5em;
	list-style: none;
		li {
			margin-top: 10px;
			line-height: 1.3;
		}
	}
	&.space {
		margin-left: 1.5em;
		margin-bottom: 20px;
	list-style: none;
		li {
			margin-top: 30px;
		}
	}
	&.unstyled {
		margin: 0;
	list-style: none;
		li {
			margin: 0;
			line-height: 1.7;
			list-style: none;
		}
	}
	&.li-attention {
	list-style: none;
		li {
			list-style: none;
			margin-left: 1.2em;
			&:before {
				top: 0;
				left: -1.2em;
				content: "※";
			}
		}
	}
	&.tri {
	list-style: none;
		display: flex;
		flex-wrap: wrap;
		li {
			width: 33%;
		}		
	}
	&.li-skin01,.post_content & {
	list-style: none;
		margin-left: 5px;
		margin-bottom: 10px;
		> li {
			list-style: none;
			margin-left: 1em;
      text-indent: -0.4em;
    	margin-top: 15px;
    	line-height: 1.4;
			&:before{
				font-family: "fontello";
				content: "\e80c";
				color: var(--color-point);
				background-image: url(../img/common/icn-list01.png);
				background-size: contain;
				display: inline-block;
		    vertical-align: middle;
		    margin-right: 4px;
			}
		}
	}
}
ol{
	&.list_num,.post_content &{
		counter-reset: item;
		list-style-type: none;
		text-indent: -1.9em;
		> li{
			margin-top: 20px;
			margin-left: 1.9em;
			&:before{
				font-size: 20px;
				counter-increment: item;
				content: counter(item)".";
				margin-right: 5px;
				font-weight: bold;
				color: var(--color-sub);
			}
		}
	}
	&.li-flow{
		counter-reset: item;
		list-style-type: none;
		> li{
			display: flex;
			background: #fff;
			border: 1px solid #B5B5B5;
			margin-bottom: 80px;
			position: relative;
			&:before{
				font-size: 50px;
				counter-increment: item;
				content: counter(item);
				margin-right: 20px;
				padding-left: 1rem;
				padding-right: 1rem;
				font-weight: bold;
				color: var(--color-main);
				background-color: var(--color-sub);
				line-height: 1.4;
			}
			+ li{
				&:after{
					content:"";
					background-image: url(../img/common/icn-btm-arrow.svg);
					height: 20px;
					width: 80px;
					background-size: 80px 20px;
			    	background-position: bottom;
			    	background-repeat:no-repeat;
			    	position: absolute;
			    	top: -50px;
			    	left: 0;
			    	right: 0;
			    	margin-left: auto;
			    	margin-right: auto;
				}
			}
			.inner{
				padding-top: 20px;
				padding-right: 20px;
				.ttl-flow{
					font-size: 20px;
					font-weight: 600;
					padding-bottom: 1rem; 
					color: var(--color-main);
					border-bottom: 2px solid var(--color-main);
				}
			}
		}
	}
	&.li-numBox{
		counter-reset: item;
		list-style-type: none;
		> li{
			background: #fff;
			box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
			margin-bottom: 40px;
			position: relative;
			border-radius: 20px;
			&:before{
				font-size: 30px;
				counter-increment: item;
				content: "0"counter(item);
				padding-left: 0.5rem;
				padding-right: 0.5rem;
				padding-top: 0.6rem;
				padding-bottom: 0.6rem;
				font-weight: bold;
				color:#fff ;
				background-color: var(--color-main);
				line-height: 1;
				position: absolute;
				top: 220px;
			}
			.imgWrap{
				max-height: 250px;
				img{
					border-radius: 20px 20px 0 0 ;
				}
			}
			.textWrap{
				padding: 20px;
				.ttl{
					font-size: 18px;
					font-weight: 800;
				}
				.text{
					margin-top: 15px;
				}
			}
		}
	}
}
dl{
	&.dl-skin01{
		> dt{
			font-size: 16px;
			border-left:var(--color-main) 4px solid;
			padding-left: 5px;
			line-height: 1.4;
			font-weight: 600;
			margin-bottom:5px;			
		}
		> dd{
			+ dt{
				margin-top: 25px;
			}
		}
	}
}


/* etc */
img.wp-smiley, img.emoji{
	 font-size: initial;
}
.mapWrap{
	iframe{
		width: 100%;
		height: 100%;
	}
}
blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -3px;
    content: "“";
    font-family: sans-serif;
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
dl + h2,
dl + h3,
dl + h4,
dl + h5,
dl + h6,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6,
hr + h2,
hr + h3,
hr + h4,
hr + h5,
hr + h6,
pre + h2,
pre + h3,
pre + h4,
pre + h5,
pre + h6,
table + h2,
table + h3,
table + h4,
table + h5,
table + h6,
form + h2,
form + h3,
form + h4,
form + h5,
form + h6,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h6 {
  margin-top: 50px;
}
/* --- post ------------------------------------- */
.post_content p + h2,
.post_content p + h3,
.post_content p + h4,
.post_content p + h5,
.post_content p + h6,
.post_content ul + h2,
.post_content ul + h3,
.post_content ul + h4,
.post_content ul + h5,
.post_content ul + h6,
.post_content ol + h2,
.post_content ol + h3,
.post_content ol + h4,
.post_content ol + h5,
.post_content ol + h6,
.post_content dl + h2,
.post_content dl + h3,
.post_content dl + h4,
.post_content dl + h5,
.post_content dl + h6,
.post_content blockquote + h2,
.post_content blockquote + h3,
.post_content blockquote + h4,
.post_content blockquote + h5,
.post_content blockquote + h6,
.post_content hr + h2,
.post_content hr + h3,
.post_content hr + h4,
.post_content hr + h5,
.post_content hr + h6,
.post_content pre + h2,
.post_content pre + h3,
.post_content pre + h4,
.post_content pre + h5,
.post_content pre + h6,
.post_content table + h2,
.post_content table + h3,
.post_content table + h4,
.post_content table + h5,
.post_content table + h6,
.post_content form + h2,
.post_content form + h3,
.post_content form + h4,
.post_content form + h5,
.post_content form + h6,
.post_content figure + h2,
.post_content figure + h3,
.post_content figure + h4,
.post_content figure + h5,
.post_content figure + h6 {
  margin-top: 1em;
}
.has-dark-blue-color {
  color: #163B7D;
}

.has-dark-blue-background-color {
  background-color: #163B7D;
}

.has-white-color {
  color: #FFFFFF;
}

.has-white-background-color {
  background-color: #FFFFFF;
}

.has-light-blue-color {
  color: #dbe4f3;
}

.has-light-blue-background-color {
  background-color: #dbe4f3;
}

.has-bright-red-color {
  color: #d92a2a;
}

.has-bright-red-background-color {
  background-color: #d92a2a;
}

.has-light-gray-color {
  color: #EEEEEE;
}

.has-light-gray-background-color {
  background-color: #EEEEEE;
}

.has-dark-gray-color {
  color: #666666;
}

.has-dark-gray-background-color {
  background-color: #666666;
}

.has-x-small-font-size {
  font-size: 10px;
}

.has-small-font-size {
  font-size: 12px;
}

.has-regular-font-size {
  font-size: 14px;
}

.has-large-font-size {
  font-size: 18px;
}

.has-x-large-font-size {
  font-size: 24px;
}

.has-huge-font-size {
  font-size: 36px;
}
.wp-block-group{
	margin-top: 20px;
	margin-bottom: 20px;
	.wp-block-group__inner-container{
		padding: 40px;
	}
}
.wp-block-button__link{
	border-radius: 4px;
}
.wp-block-table table{
	border-collapse: separate;
}
/* --- toppage ------------------------------------- */
.top{
	main{
		/* top-mv */
		.top-mv {
			background-image: url(../img/top/mv-bg.jpg);
			background-position: center;
			background-size: cover;
			padding-top: 50px;
			padding-bottom: 50px;
			margin-bottom: 80px;
			.wrapper{
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 5px;	
				.mvArea{
					width: 70%;
					max-width: 750px;
					.slick-dots{
						li{
							button:before{
						    opacity: .4;
						    color: #fff;
						  }
						  &.slick-active{
						  	button:before{
						  		opacity: .9
						  	}
						  }
						}
					}
				}
				.bnrArea{
					width: 30%;
					max-width: 250px;
					ul{
						display: flex;
						flex-direction: column;
						list-style: none;
						gap:8px;
						li{
							border: 1px solid var(--color-main);
						}
					}
				}
			}
		}
		/* top-seminar*/
		.top-seminar{
			.bg-beige{
				padding-top:80px;
				padding-bottom: 80px; 
				.wrapper{
					.seminar-slide{
						display: flex;
						.slick-track{
						}
						.seminar-slide_inner{
							padding-left:5px;
							padding-right:5px;
							time{
								color: #fff;
								font-size: 12px;
								background: var(--color-sub);
								display: block;
								width: 100%;
								padding-left:5px;
								padding-right:5px;
							}
							.wrap{
								display: flex;
								flex-direction: column;
								background:#fff;
								padding: 7px;					
								box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
								> a{
									flex: 1;
									color: var(--color-text);
									img{
										height: 164px;
										width: 100%;
									}
									h3{
										font-size: 18px;
										font-weight: 600;
										padding: 10px 0 8px;
										background-color: unset;
										color: var(--color-text);
										margin-bottom: 10px;
									}
									p{
										font-size: 14px;
										line-height: 1.6;
										margin-bottom: 10px;
									}						
								}
								.labelList{
									display: flex;
									flex-wrap: wrap;
									gap: 4px;
									a{
										font-size: 11px;
										color: #fff;
										line-height: 1;
										padding: 4px 5px;
										background: var(--color-sub);
										&.label-online{
											background: var(--color-point);
										}
									}
								}
							}
						}
						.slick-prev:before,
						.slick-next:before{
							color: #fff;
						}
					}
				}
			}
		}
		.top-about{	
		}
		.top-news {
			.wrapper{			
				ul{
					list-style: none;
					margin-bottom: 30px;
					li{
						a{
							border-bottom: 1px solid #dedede;
							padding: 10px 12px;
							display: flex;
							align-items: center;
							gap: 15px;
							time{
								color:var(--color-text);
							}
							span{
								padding: 4px 5px;
								background: var(--color-main);
								color: #fff;
								margin-right: 10px;
								font-size: 12px;
								line-height: 1;
							}
							p{
								color: var(--color-text);
							}								
						}
					}
				}
			}
		}
		.top-blog{
			.wrapper{
				ul{
					list-style: none;
					display: flex;
					gap: 10px;
					li{
						width: 25%;
						> div{
							display: block;
							position: relative;
							padding: 5px;
							border: 1px solid var(--color-main);
							img{
								height: 160px;
								width: 100%;
							}
							h3{
								font-size: 18px;
								color: var(--color-text);
								font-weight: 600;
								padding-top: 15px;
								text-align: center;
								background-color: unset;
								margin-bottom: 10px;
								&:after{
									content: "";
									width: 40px;
									height: 2px;
									background-color: var(--color-main);
							    display: block;
							    margin: 15px auto 0;
								}
							}
							p{
								font-size: 12px;
								line-height: 1.4;
								color: var(--color-text);
								padding: 10px 5px;
							}	
							.labelList{
								width: 100%;
								display: flex;
								flex-wrap: wrap;
								a{
									background-color: var(--color-sub);
									color: #fff;
									font-size: 10px;
									padding: 4px 4px;
									line-height: 1;
									margin-right: 5px;
									margin-bottom: 5px;
								}
							}
						}
					}
				}
			}
		}
	}
}

/* --- subpage ------------------------------------- */
.subpage {
	main{
		.sec-pagetitle {
			position: relative;
			margin-bottom: 0;
			padding-bottom: 0;
			img{
				position: absolute;
		    width: 100%;
		    height: 100%;
			}
			.wrapper{
				padding-top: 100px;
    		padding-bottom: 100px;
    		position: relative;
    		z-index: 1;
				.ttl{
					font-size: 40px;
					color: #fff;
			    span{
			    }
				}
			}
		}		
		.topicpass{
			margin-left: calc(3vw + 20px);
			margin-bottom: 120px;
			ol{
				list-style: none;
				display: flex ;
				justify-content: left;
				font-size: 15px;
						color: #fff;
				li{
					a{
						color: var(--color-text);
						text-decoration: underline;
						color: #fff;
					}
					&:after{
						content: ">";
						margin-left: 10px;
						margin-right: 10px;
					}
					&:last-child{							
						&:after{
							display: none;
						}
					}
				}
			}
		}
		.sec-about{
			padding-top: 80px;
		}
		/* single */
		.sec-single{
			padding-top: 80px;
			background-color: var(--color-gray);
			> .wrapper{
				background: #fff;
				position: relative;
				padding-top: 40px;
				padding-bottom: 1px;
				.upper-wrap{
					display: flex;
				    justify-content: space-between;
				    margin-top: -0.8em;
				    position: absolute;
				    left: 20px;
				    right: 20px;
				    top: 0;
					.leftArea{
						span,a{
							background:var(--color-sub);
							color: #fff;					
							padding: 2px 5px;
							margin-right: 5px;
							font-size: 12px;
							font-weight: 500;
							line-height: 1;
							&.label-online{
								background-color: var(--color-point);
							}
						}
					}
					.rightArea{
						.btn-skin01{
							width: auto;
							padding-left: 20px;
							padding-right: 20px;
						}
					}
				}
				.head-wrap{
					margin-left: 30px;
					margin-right: 30px;
					padding-bottom: 10px;
					border-bottom: 2px solid var(--color-main);
					h3{
						border-left: none;
						color: var(--color-text);
						background-color: unset;
						font-weight: 600;
						padding-top: 20px;
						padding-bottom: 10px;
						padding-left: 0px;
						margin-bottom: 0;
					}
					p{
						margin-top: 5px;
						margin-bottom: 10px;
					}
				}
				.content-wrap{
					margin-top: 40px;
					margin-left: 30px;
					margin-right: 30px;
					margin-bottom: 40px;
					.post_content{
						margin-bottom: 40px;
					}
				}
			}
		}
		.yarpp-related{
			.yarpp-list{
				h3{
					padding: 5px 0 5px 15px;
				}
				ul{
					display: flex;
					list-style: none;
					li{
						width: 25%;
						padding: 10px;
						img{
							padding: 10px;
						}
					}
				}
			}
		}
		.wpp-wrap{
			h3{
				font-size: 125%;
		    font-weight: 700;
		    margin: 0 0 20px;
		    padding: 5px 0 5px 15px;
		    text-transform: capitalize;
		    background-color: unset;
		    color: var(--color-text);
			}
			.wpp-list{
				margin-bottom: 30px;
				li{
					list-style: none;
					display: flex;
		    		border-bottom: 1px solid #ccc;
		    		align-items: center;
		    		margin-bottom: 0;
		    		padding-top:10px;
		    		padding-bottom:10px; 
					&:before{
						font-size: 32px;
						padding: 10px;
					}
					&:nth-child(1) {
						&:before{
							content: "1";
						}
					}
					&:nth-child(2) {
						&:before{
							content: "2";
						}
					}
					&:nth-child(3) {
						&:before{
							content: "3";
						}
					}
					.image-left{
						width: 100px;
					}
					.text-right{
						padding-left: 30px;
					}
				}
			}
		}
		.pagenation {
		  display: flex;
		  justify-content: space-between;
		  > a{
		  	width: 46%;
		  	color: #333;
		  	&.prev{
		  		margin-right: auto;
		  	}
		  	&.next{
		  		margin-left: auto;
		  	}
		  }
		  .fsize-small{
		  	display: block;
		  	font-weight: 700;
		  	border-bottom: 2px solid var(--color-main);
		  	i{
		  		color: var(--color-main);
		  	}
		  }
		  .detail {
			  display: flex;
			  align-items: center;
			  margin-top: 10px;
			  img {
				  width: 100px;
				  height: 70px;
				}
				p {
				  flex: 1;
				  padding-left: 10px;
				  font-size: 18px;
				  font-weight: 700;
				  line-height: 1.3;
				}
			}
		}

		.seminar-outline{
			background:$color-sub;
			padding:30px 40px;
			margin-bottom: 40px;
			table{
				th{
					background: var(--color-main);
					color: #fff;
				}
			}

		}
		.seminar-teacher{
			border-top: 4px solid var(--color-main);
			border-bottom: 4px solid var(--color-main);
			padding:30px 0;
			margin-bottom: 40px;
			.row{
				flex-wrap: nowrap;
				.imgArea{
					margin-right: 20px;
					min-width: 200px;
					max-width: 280px;
					img{
						width: 100%;
					}
				}
				.textArea{
					max-width: 720px;
		   			width: 100%;
					h5{
						background: $color-sub;
						color: var(--color-text);
					}
				}
			}
		}
		.seminar-btn{
			display: flex;
		    justify-content: space-around;
		    margin-top: 60px;
		    margin-bottom: 60px;
		    padding-top: 40px;
		    padding-bottom: 40px;
		}

		/* news */
		.sec-newsList{
			padding-top: 80px;
			.wrapper{		
				ul{
					list-style: none;
					margin-bottom: 30px;
					li{
						border-bottom: 1px dashed #C7C7C7;
						padding: 8px 12px;
						time{
							margin-right: 10px;
							font-size: 14px;
							color: var(--color-text);
						}
						span{
							padding: 2px 5px;
							background: var(--color-main);
							color: #fff;
							margin-right: 10px;
							font-size: 12px;
							font-weight: 500;
							line-height: 1;							
						}
						p{
							display: inline-block;
							font-size: 16px;
							color: var(--color-text);
						}
					}
				}
			}
		}
		/* seminar */
		.sec-seminarList{
			.wrapper{
				.sec-seminarUl{
					li{
						list-style: none;
						display: flex;
						background: #fff;
						margin-top: 40px;
						color: var(--color-text);
						box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
						.imgArea{
							width: 30%;
							min-height: 180px;
							a{
								 position: relative;
							    display: block;
							    height: 100%;
							    width: 100%;
								img{
									height: 100%;
									width: 100%;
								    position: absolute;
								    left: 0;
								    right: 0;
								    top: 0;
								    bottom: 0;
								}
							}
						}
						.textArea{
							min-width: 0;
							flex: 1;
							position: relative;
							padding: 25px 20px 10px;
							.labelList{
								position: absolute;
								margin-top: -0.5em;
								top: 0;
								display: flex;
								a{
									font-size: 12px;
									color: #fff;
									font-weight: 500;
									padding: 2px 5px;
									background: var(--color-sub);
									display: inline-block;
									margin-right: 4px;
									&.label-online{
										background: var(--color-point);
									}
								}
							}
							h3{
								font-size: 20px;
								padding-bottom: 5px;
								padding-top: 5px;
								color: #fff;
								padding-left: 10px;
								margin-bottom: 18px;
								font-weight: 800;
							}
							.seminar_grayBox{
								display: flex;
								justify-content: space-between;
								flex-wrap: wrap;
								background: $color-sub;
								padding: 7px 10px;
								margin-bottom: 15px;
		    					line-height: 1.6;
								font-weight: 600;
								div{
									font-weight: 600;
								}
							}
							> a{
								color: var(--color-text);						
							}
						}
					}
				}
			}	
		}

		/* column */
		.sec-blogList{
			padding-top: 80px;
			.wrapper{				
				padding-bottom: 50px;	
				.blogUlcard{
					display: flex;
					list-style: none;
					flex-wrap: wrap;
					gap: 20px;
					margin-bottom: 50px;
					li{
						box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
						width: 30%;
						background:#fff;
						.imgArea{
							width: 100%;
							height: 200px;
							img{
								height: 100%;
	    						width: 100%;
							}
						}
						.textArea{
							h3{
								font-size: 20px;
								color: var(--color-text);
								background-color: unset;
								text-align: center;
								margin-bottom: 0;
							    padding-top: 15px;
							    padding-bottom: 10px;
							    padding-left:0;
							    border-left: none;
								&:after{
									content: "";
									width: 40px;
									height: 2px;
									background: var(--color-main);
								    display: block;
								    margin: 15px auto 0;
								}
							}
							p{
								font-size: 12px;
								color: var(--color-text);
								padding: 10px;
							}
							.labelList{
								margin-bottom: 10px;
								margin-left: 10px;
								margin-right: 10px;
								width: 100%;
								display: flex;
								flex-wrap: wrap;
								a{
									background: var(--color-main);
									color: #fff;
									font-size: 10px;
									font-weight: 500;
									padding: 2px 4px;
									margin-right: 5px;
									margin-bottom: 5px;
								}
							}
						}
					}
				}
			}
		}

		.blogSearch{
			padding-top: 20px;
			padding-bottom: 20px;
			padding-left: 40px;
			padding-right: 40px;
			color: #fff;
			.search-wrap{
				display: flex;
				justify-content: space-between;
				.blog_date{
					display: flex;
					justify-content: space-between;
	    			align-items: center;
					> span{				
					    display: inline-block;
					    padding-right: 15px;
					}
					> div{
					    margin-right: 5px;
					}
					select{
					    background-size: 8px 8px;
					    background-repeat: no-repeat;
					    background-position: right 0.3rem center;
					    padding: 5px 15px 5px 10px;
					}				
				}
				.blog_keyword{
					display: flex;
					justify-content: space-between;
	    			align-items: center;
					> span{				
					    display: inline-block;
					    padding-right: 15px;
					}
					> div{
					    margin-right: 5px;
					}
				}
			}
		}
		.blogUllist{
			padding-left: 20px;
			padding-right: 20px;
			li{
				list-style: none;
				display: flex;
				background: #fff;
				margin-top: 40px;
				color: var(--color-text);
				box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
				.imgArea{
					width: 30%;
					min-height: 180px;
					a{
						position: relative;
					    display: block;
					    height: 100%;
					    width: 100%;
						img{
							height: 100%;
							width: 100%;
						    position: absolute;
						    left: 0;
						    right: 0;
						    top: 0;
						    bottom: 0;
						}
					}
				}
				.textArea{
					min-width: 0;
					flex: 1;
					padding: 20px 10px 10px;
					display: flex;
					flex-direction: column;	
	   				justify-content: space-between;
					h3{
						font-size: 20px;
						padding-bottom: 0;
						padding-top: 0;
						color: var(--color-text);
						border-left: 0;
						padding-left: 0;
						margin-bottom: 10px;
						&:after{
							content: "";
							width: 40px;
							height: 2px;
							background: var(--color-main);
						    display: block;
						    margin: 15px auto 0 0;
						}
					}
					.labelList{
						width: 100%;
						display: flex;
						flex-wrap: wrap;
						margin-top: 5px;
						a{
							background: var(--color-main);
							color: #fff;
							font-size: 10px;
							font-weight: 500;
							padding: 2px 4px;
							margin-right: 5px;
							margin-bottom: 5px;
						}
					}
					> a{
						color: var(--color-text);
						flex: 1;
					}
				}
			}
		}
		
			
		.sec-contact{
			background: #fff;
			padding-top: 80px;
			margin-bottom: 0;
			padding-bottom: 80px;
			.newsEntry_head{
				margin-bottom: 60px;
				figure{
					padding: 20px;
				}
			}
		}

		.formArea{			
			.formBtn{
				width: 300px;
				margin: 40px auto 0;
				text-align: center;
				button{
					background: var(--color-main);
					color: #fff;
				}
			}
			.form-entrant{
				display: none;
			}
			.form-nameWrap,.Form-Item{
				div + div{
					border-top:#e7e7e7 1px solid;
					margin-top: 20px;
					padding-top: 20px;
				}
				.form-name {
					display: none;
				}
				.row{
			    	align-items: center;
			    	gap: 10px;
					p + p{
						margin-top: 0;
					}
					p.form-nameInput{
						flex: 1;
						margin-left: 5px;
						margin-right: 20px;
					}
				}
			}
		}
		.form-table{
			tbody{
				tr{
					th{
						white-space: nowrap;
						text-align: left;
						width: 7em;
					}
				}
			}
		}
		.confirm_area{
			.btn_privacy{
				margin-top: 15px;				
			}
			.privacy_link{
				margin-top: 15px;
			}
			.submit{
				margin-top: 15px;
				>p{
					display: flex;
				}
			}
		}			
		.required{
			display: inline-block;
		    background: #d92a2a;
		    color: #fff;
		    font-weight: 700;
		    border-radius: 3px;
		    font-size: 12px;
		    padding: 4px 4px;
		    line-height: 1;
		    margin-left: 10px;
		}
		.thanks-box{
			padding: 40px;
			background: #eeeeee;
		}
	}
}


@media screen and (max-width: 970px) {	
	footer {
		.wrapper{
			.wrap{
				flex-direction: column-reverse;
				align-items: center;
				.leftArea{
				}
				.rightArea{
					margin-bottom: 40px;
					.main-nav{
						margin-bottom: 40px;
					}
					.main-nav,.under-nav{
						justify-content: center;
					}
				}
			}
		}
	}
	.common-cta{
		.row{
			align-items: center;
			flex-direction: column;
			.ctaLeft{
				width: 100%;
				padding-right:0;
				border-right: none;
				border-bottom: 1px solid var(--color-gray);
				margin-bottom: 15px;
			}
			.ctaRight{
				width:100%;
				padding-left: 0;
				flex-direction: row;
				justify-content: space-between;
				.upperArea{
				}
				.lowerArea{
					gap: 10px;
				}
			}
		}
	}
	/* --- toppage ------------------------------------- */
	.top {
		main{
			.top-mv {
				padding-top: 50px;
				padding-bottom: 50px;
				margin-bottom: 80px;
				.wrapper{
					flex-direction: column;
					.mvArea{
						width: 100%;
						max-width: 100%;
						.slick-slide{
							img{
								margin-left: auto;
								margin-right: auto;
							}
						}
					}
					.bnrArea{
						width: 100%;
						max-width: 100%;
						ul{
							flex-direction: row;
						}
					}
				}
			}
		}
	}
}
@media screen and (max-width: 880px) {
	header.head-wrap {
		.head {
    	.head-ttl {
    		margin-left: 10px;
        margin-right: 20px;
        a {
          img {
          	width: 250px;
          }
        }
      }
      .head-nav{
      	.gnav{
					.inner{
	      		ul{
		  				display: flex ;
							&.main-nav{
								li {
									a{
										font-size: 14px;
									}
								}
							}
						}
					}
      	}
      }
    }
	}
	.common-cta{
		.row{
			.ctaLeft{
			}
			.ctaRight{
				flex-direction: column;
				.lowerArea{
					justify-content: left;					
				}
			}
		}
	}
}

/* sp向けスタイル */
@media screen and (max-width:767px) {
	/* --- common -------------------------------------- */
	.show-pc,.show-pc.inline { display: none!important; }
	.show-sp { display: block!important; }
	.show-sp.inline { display: inline-block!important; }
	.fl, .fr { float: none; }
	.sp-tac { text-align: center; }
	.sp-tar { text-align: right; }
	html {
		overflow: auto;
		height: 100%;
	}
	body {
		font-size: 14px;
		-webkit-text-size-adjust: 100%;
		line-height: 2.2;
		letter-spacing: 1px;
		&.fixed {
			height: 100%;
			position: fixed;
		  width: 100%;
			&:before{
				content: "";
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				height: 100%;
				background: rgba(0,0,0,0.5);
				z-index: 5;
			}
		}
	}

	
	/* 変数 */
	:root {
    /* font-size */
  	--font-size: 14px;
  	--font-size-smaller: calc(var(--font-size) - 2px);
  	--font-size-small: calc(var(--font-size) - 1px);
  	--font-size-large: calc(var(--font-size) + 2px);
  	--font-size-larger: calc(var(--font-size) + 4px);
  }
	
	/* --- modules ------------------------------------- */
	
	.fsize-smaller { font-size: var(--font-size-smaller); }
	.fsize-small   { font-size: var(--font-size-small); }
	.fsize-normal  { font-size: var(--font-size); }
	.fsize-large   { font-size: var(--font-size-large); }
	.fsize-larger  { font-size: var(--font-size-larger); }
	.tel-link { pointer-events: auto;	}
	.indent30,.indent40{
		padding-left: 15px;
		padding-right: 15px;		
	}
	/* --- layout -------------------------------------- */
	
	.wrapper {
		max-width: none;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 0;
		margin-right: 0;
	}

	/* column */
	.row {
		flex-direction: column;
		&.flex-wrap {
			[class*=col] {
				margin-bottom: 15px;
			}
		}
		&.gutters {
			margin-left: 0;
			> [class*=col] {
				margin-left: 0;
			}
			> .col {
				margin-left: 0;
				+ .col {
					margin-top: 1em;
				}
			}
			&.wide{
				margin-left: 0;
				> .col {
					margin-left: 0;
					+ .col {
						margin-top: 1em;
					}
				}
			}
		}
		&.between {
			justify-content: space-between;
		}
		&.reverse {
			flex-direction: column;
			> .col {
				margin-bottom: 1em;
				+ .col {
					margin-top: 0;
				}
			}
		}
	}
	[class*=sec-] {
		padding-bottom: 40px;
	}
	/* --- header/nav ---------------------------------- */
	header.head-wrap {
		padding: 0;
		border-bottom: 1px solid var(--color-main);
		.head{
			.head-ttl{
				margin-left: 5px;
    		margin-right: 5px;
    		a{
    			img{
    				width: 150px;
    			}
    		}
			}
			nav.head-nav{
				.head-cta{
					display: flex;
	        align-items: center;
	        justify-content: end;
					> a{
						display: block;
					}
					.head-tel,.head-contact{
						width: 45px;
						height: 45px;
						margin-right: 1px;
						background: #484848;
						display: flex;
						align-items: center;
						justify-content: center;
						img{
							max-width: 25px;
							margin:auto;
						}
					}
					.head-contact{
						background: #fff;
					}
				}
				.btn-toggle {
					position: relative;
					display: block;
					width: 45px;
					height: 45px;
					background: var(--color-main);
					cursor: pointer;
					span {
						position: absolute;
						left: 10px;
						display: block;
						width: 20px;
						height: 2px;
						background: #fff;
						&:nth-child(1) {
							top: 9px;
						}
						&:nth-child(2) {
							top: 15px;
						}
						&:nth-child(3) {
							top: 21px;
						}			
					}
					&:after {
						position: absolute;
						left: 0;
						right: 0;
						bottom: 3px;
						content: "MENU";
						color: #fff;
						font-size: 9px;
						letter-spacing: 0;
						text-align: center;
						line-height: 1;
					}
					&.open {
						span {
							&:nth-child(1) {
								top: 18px;
								transform: rotate(45deg);
							}
							&:nth-child(2) {
								width: 0;
							}
							&:nth-child(3) {
								top: 18px;
								transform: rotate(-45deg);
							}
						}
						&:after {
							content: "CLOSE";
						}
					}
				}
				.gnav {
					position: absolute;
					display: none;
					left: 0; 
					right: 0;
					background: rgba(255,255,255,.9);
					transform: none;
	 				margin-right: 0;
	 				padding-left: 0;
	 				padding-right: 0;
	 				border-bottom: 2px solid var(--color-main);
	 				.inner{
	 					flex-direction: column-reverse;
	 					align-items: unset;
						ul{
							transform: none;
							padding-left: 0;
							padding-right: 0;
							&.main-nav{
							flex-direction: column;
								li {
									padding: 0;
									border-bottom: 1px solid var(--color-gray);		
									a,span {
										color: var(--color-text);
										text-align: left;
										font-size: 18px;
										padding-left: 20px;
										padding-bottom: 10px;
										padding-top: 10px;
										&:after{
											content: none;
										}
									}
								}
							}
							&.upper-nav{
								justify-content: center;
								margin-top: 10px;
							}
						}
					}
				}
			}
		}
		&.scrolled {				
			background: rgba(255,255,255,.9);
		}
	}
	/* --- footer -------------------------------------- */
	footer {
		.wrapper{
			padding-top: 40px;
			padding-bottom: 40px;
			.ft-group{
				.ft-head{

				}
				.ft-groupNav{
					display: none;
				}
			}
		}
	}

	/* --- skin ---------------------------------------- */
	/* title */

	.top h2,.top .ttl-skin02 {
		font-size: 6vw;
		span.subttl{
			font-size: 16px;
			margin-top: 8px;
		}
	}
	.subpage h2,.ttl-skin03 {
		font-size: 20px;
		margin-bottom: 20px;
		span{
			padding-right: 10px;
		}
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 14px;
		font-weight: 800;
	}
	
	/* button */
	.btn-wrap {
		.btn {
			~ .btn {
				margin-left: auto;
				margin-top: 20px;
			}
		}
	}
	.btn-skin01{
		font-size: 13px;
		padding-top: 8px;
		padding-bottom: 8px;
		&:after{
			right: 5px;
		}
	}
	/* link */
	/* table */
	table {
		font-size: 13px;
		tbody{
			tr{
				th, td {
					display: block;
					padding: 5px 10px;
				}
				th {
					font-size: 13px;
					text-align: left;
				}
				td {
					padding-bottom: 12px;
				}				
			}
		}
		&.table_pc{
			tbody{
				tr{
					th,td{
						display: table-cell;
					}
				}
			}			
		}
	}
	/* list */
	ul, ol {
		&.space {
			margin-top: 0;
			margin-bottom: 0;
			li {
				margin-top: 10px;
			}
		}
		&.tri {
			display: block;
			li {
				width:100%;
			}		
		}
	}	
	/* tab */
	.tab-menu{
		li {
			font-size: 13px;
		}
		.active {
			&:before {
				margin-left: -8px;
				border: 8px solid transparent;
				border-top: 8px solid var(--color-main);
			}	
		}
	}
	/* etc */
	// Top Space
	p,
	ul,
	ol,
	dl,
	blockquote,
	hr,
	pre,
	table,
	form,
	figure {
		+ h2,
		+ h3,
		+ h4,
		+ h5,
		+ h6 {
			margin-top: 20px;
		}
	}
	/* --- toppage ------------------------------------- */
	.top {
		main{
      padding-top: 46px;
			/* top-mv */
			.top-mv {
				.wrapper{
					.mvArea{
						.slick-slide{
							img{
							}
						}
					}
					.bnrArea{
						ul{
							flex-direction: row;
							flex-wrap: wrap;
							justify-content: center;
							li{
								max-width: calc(50% - 10px);
							}
						}
					}
				}
			}
			.top-about{
				.wrapper{
					.row{
						.imgArea{
							width: 100%;
							text-align: center;
						}
						.txtArea{
							width: 100%;
						}
					}
				}
			}
			.top-blog{
				.wrapper{
					ul{
						flex-direction: column;
						li{
							width: 100%;
							margin-bottom: 20px;
							a{
								img{
									width: 100%;
								}
								h3{
									font-size: 16px;
									padding-top: 15px;
								}
								p{
									font-size: 12px;
								}	
							}
						}
					}
				}
			}
		}
	}
	footer{
		.wrapper{
			flex-direction: column;
			.ft-group{
				padding-left: 10px;
				padding-right: 10px;
				justify-content: center;
				.ft-head{
					.ft-ttl{
						margin-bottom: 0;
					}
					.ft-address{}
					.ft-contact{
						flex-wrap: wrap;
						row-gap: 10px;
					}
				}				
			}
			.ft-lower{
				flex-wrap: wrap;
				row-gap: 20px;
				justify-content: center;
				.ft-koji,.ft-kensho{
					.wrap{
						column-gap: 10px;
						ul{
							li{
								font-size: 12px;
								ul{
									li{
										font-size: 12px;

									}
								}
							}
						}
					}
				}
			}
		}
	}
	.subpage{
		main{
      padding-top: 46px;
      .sec-pagetitle{
      	.wrapper{
      		padding-top: 50px;
      		padding-bottom: 50px;
      		.ttl{
      			font-size: 6vw;
      		}      		
      	}
      }
			.sec-newsList {
				padding-top: 40px;
			}	
			.sec-single {
				padding-top: 20px;
				.wrapper {
					.upper-wrap{
						flex-direction: column-reverse;
						left: 0;
						right: 0;
						transform: translate(0,-30%);
						position: static;
						.leftArea{
							span,a{
								font-size: 10px;
								margin-bottom: 5px;
							}
						}
						.rightArea{
							text-align: right;
							margin-bottom: 5px;
							.btn01{
								padding-left: 10px;
								padding-right: 10px;
							}
						}
					}
					.head-wrap{
						margin-left: 0;
					    margin-right: 0;
					    .date{
					    	font-size: 12px;
					    }
					    h3{
					    	font-family: $font-base;
					    	padding-left: 0;
					    	font-size: 20px;
					    	line-height: 1.2;
					    }
					}
					.content-wrap{
						margin:20px 5px 5px;
					}
				}
			}
			.seminar-outline{
				padding: 10px;
			    margin-left: -10px;
			    margin-right: -10px;
			}
			.seminar-teacher{
				.row{
					.imgArea{
						width: 100%;
						img{
							width: 100%;
							object-position: top;
						}
					}
				}
			}
			.seminar-btn{
		    	flex-direction: column;
		    	padding-left: 20px;
		    	padding-right: 20px;
		    	.rightArea{
		    		margin-top: 20px;
		    	}
			}
			/* cseminer */
			.sec-seminarList{
				.wrapper{
					.sec-seminarUl{
						li{
							flex-direction: column;
							.imgArea{
								width: 100%;
								min-height: 150px;
								a{
									img{
										width: 100%;
										position: static;
									}
								}								
							}
							.textArea{
								padding:30px 10px 10px;
								h3{
									font-size: 16px;
								}
								.seminar_grayBox{
									flex-direction: column;
								}
								p{
									font-size: 12px;
								}
							}
						}
					}
				}	
			}
			.sec-blogList{
				.bg-blueMesh{
					padding-bottom: 0;
					.wrapper{
						.blogUlcard{
		    				flex-direction: column;
							li{
								width: 100%;
								margin-bottom: 30px;
							}
						}	
					}	
				}
				.blogSearch{
					padding-left: 20px;
					padding-right: 20px;
					.search-wrap{
						flex-direction: column;
						 .blog_date{
						 	margin-bottom: 10px;
						 }
						 .blog_keyword{
						 }
					}
				}
				.blogUllist{
					li{
		   				flex-direction: column;
		   				.imgArea{
		   					width: 100%;
		   					a{
		   						img{
		   							width: 100%;
		   							position: static;
		   						}
		   					}
		   				}
					}
				}
			}
			.sec-contact {
			    padding-top: 40px;
			    padding-bottom: 40px;
			}	
			.thanks-box{
				padding: 20px;
				background: #eeeeee;
			}

			.yarpp-related{
				.yarpp-list{
					h3{
						padding: 5px 0 5px 15px;
					}
					ul{
						flex-wrap: wrap;
						li{
							width: 50%;
							img{
							}
							p.entry-title{
								font-size: 12px;
							}
						}
					}
				}
			}
		  .pagenation {
		    display: block;
		    text-align: left;
		    > a{
		    	display: block;
		    	width: auto;
		    	margin-bottom: 20px;
		    }
		    .fsize-small{
		    	font-weight: 400;
		    	margin-bottom: 15px;
		    }
		    .next{
			    .fsize-small.tar{
			    	text-align: left;
			    }
		    }
		    .detail{
		    	margin-top: 3px;
		    	img{
		    		width: 40px;
		    		height: 40px;
		    	}
		    	p{
		    		font-size: 14px;
		    	}
		    }
		  } 
		}
	}
}

/* sp向けスタイル */
@media screen and (max-width:500px) {
}
/* sp向けスタイル */
@media screen and (max-width:415px) {
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (max-width:767px) {
	body {
		.row {
			display: block;
		}
	}
}

@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	body {
		width: auto;
		-webkit-print-color-adjust: exact;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	h2, h3, h4 { page-break-after: avoid; }
	@page { margin: 0.5cm; }
}