@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:600,700&display=swap');
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
    src: url('../font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
    url('../font/NotoSansCJKjp-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-DemiLight.eot');
    src: url('../font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Black.eot');
    src: url('../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Black.woff') format('woff'),
    url('../font/NotoSansCJKjp-Black.ttf')  format('truetype');
}

.josefsb{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:400;
}
.josefsb{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:600;
}
.josefb{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
}
/**
 * Default
 */
html {
  height: 100%;
  font-size: 62.5%;
}

body{
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese';
  line-height: 1.7;
  color: #333;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	padding:70px 0 0 0;
}
body.lower{
}
p{
  line-height: 1;
}
p.note{
  font-size: 11px;
  color: #666666;
}
th,td,li{
  vertical-align: top;
}
th{
  letter-spacing: 0.1em;
}

img{
  max-width: 100%;
  vertical-align:bottom;
}
a{
  transition: all 0.2s;
  text-decoration:none;
}
a img{
  transition: all 0.3s;
}
a img:hover{
  opacity: 0.7;
}
a:hover{
  opacity: 0.7;
}
@media (max-width: 801px) {
  body{
    margin: 0;
	padding:60px 0 15vw 0;
    /*-apple-system, BlinkMacSystemFont, */
    font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, "繝｡繧､繝ｪ繧ｪ", Meiryo, "Helvetica Neue",Arial,  sans-serif;
  }
  p{
    font-size: 13px;
    line-height: 2.2;
  }
  p.note{
    line-height: 2;
  }
  th,td,li{
    font-size: 13px;
    line-height: 2.2;
  }
  table,thead,tbody,tr,th,td{
  }
  th{
    font-size: 12px;
  }
}


/**
 * Common
 */
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.mincho{
  font-family: "貂ｸ譏取悃菴�", "YuMincho", "貂ｸ譏取悃", "Yu Mincho", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "繝偵Λ繧ｮ繝取�譛� ProN", "Hiragino Mincho ProN", "繝偵Λ繧ｮ繝取�譛� Pro", "Hiragino Mincho Pro", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho",Georgia,  serif;
}
h1,h2,h3,h4,h5,h6{
	letter-spacing:0.05em;
}
@media (max-width: 1100px) {
  .mincho{
    font-family:"繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "繝偵Λ繧ｮ繝取�譛� ProN", "Hiragino Mincho ProN", "繝偵Λ繧ｮ繝取�譛� Pro", "Hiragino Mincho Pro", "貂ｸ譏取悃菴�", "YuMincho", "貂ｸ譏取悃", "Yu Mincho",  "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho",Georgia,  serif;
  }
}
.pc_none{
  display: none;
}
.sp_none{}
@media (max-width: 801px) {
  .pc_none{
    display: block;
  }
  .sp_none{
    display: none;
  }
}

/**
 * Footer
 */
#fmap{
	align-items:flex-end;
}
#fmap iframe{
	width:calc(100% - 350px);
	height:330px;
	border-top:2px solid #333;
}
#fmap p.park{
	width:350px;
}
#footer{
  background:#585854;
  color:#fff;
  width: 100%;
  margin: 0;
  padding: 0;
  position:relative;
}
#footer .ftn{
	position:relative;
	padding:60px 0 0 0;
	margin:0 auto 50px auto;
}
#footer .ftn ul{
	width:25%;
}
#footer .ftn li{
	margin-bottom:25px;
}
#footer .ftn li:last-of-type{
	margin-bottom:0;
}
#footer .ftn li a,
#footer .ftn li em{
	color:#fff;
	font-size:14px;
	font-weight:700;
	padding:5px 0 5px 15px;
	border-left:1px solid #fff;
	display:block;
}
#footer .ftn li ul{
	width:100%;
	margin:5px 0 0 0;
}
#footer .ftn li ul li{
	padding:0 0 0 15px;
	margin-bottom:0;
}
#footer .ftn li ul li a{
	font-size:12px;
	font-weight:400;
	padding:0;
	border:none;
}
#footer .ftn dl{
	position:absolute;
	right:0;
	bottom:0;
	width:25%;
}
#footer .ftn dt{
	font-size:14px;
	font-weight:700;
}
#footer .ftn dd{
	font-size:12px;
}
#footer .ftn dd span{
	font-size:36px;
	line-height:1;
	display:block;
	margin:5px 0;
}
#footer .ftn dd p{
	font-size:11px;
}
#footer .ftn dd p em{
	font-size:16px;
}
#footer dl.copy{
	background:#212121;
	color:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:20px 30px;
}
#footer dl.copy dt{
}
#footer dl.copy dt img{
	width:170px;
	height:25px;
}
#footer dl.copy dd{
	font-size:10px;
	font-weight:700;
}

.sticky_pagetop #pagetop{
  transform: translateY(0);
  top:auto;
  bottom: 20px;
  position: fixed;
}
#pagetop{
  position: absolute;
  top:0px;
  transform: translateY(50px);
  /*bottom: 20px;*/
  /*left: calc( 50% + 520px );*/
  right:55px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  z-index: 9;
  transition: .3s;
}
#pagetop:hover{
	opacity:0.7;
}

@media (max-width: 801px) {
	#fmap{
		display:block;
	}
	#fmap iframe{
		width:100%;
		height:230px;
	}
	#fmap p.park{
		width:90%;
		margin:5% auto 0 auto;
		z-index:2;
		position:relative;
	}
	.ptp{
		text-align:center;
		padding:20px 0;
	}
	.ptp img{
		width:150px;
	}
	#footer{
	}
	#footer .ftn{
		padding:0px 0 0 0;
		margin:0 auto 50px auto;
		display:block;
		width:100%;
	}
	#footer .ftn ul{
		width:100%;
		text-align:center;
	}
	#footer .ftn li{
		margin-bottom:0;
		border-bottom:1px solid #fff;
		position:relative;
	}
	#footer .ftn li:last-of-type{
		margin-bottom:0;
	}
	#footer .ftn li a,
	#footer .ftn li em{
		padding:10px 40px;
		border:none;
	}
	#footer .ftn li ul{
		width:100%;
		margin:0 0 10px 0;
		display:none;
	}
	#footer .ftn li ul li{
		padding:0;
		margin-bottom:0;
		border:none;
	}
	#footer .ftn li ul li a{
		padding:0;
		border:none;
		font-size:14px;
		padding:2px 0;
	}
	#footer .ftn .op{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_174_1_%22%20transform%3D%22translate(-312.5%20-7843.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_16_1_%22%20class%3D%22st0%22%20x1%3D%22322.2%22%20y1%3D%227843.5%22%20x2%3D%22322.2%22%20y2%3D%227863.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_18_1_%22%20class%3D%22st0%22%20x1%3D%22312.5%22%20y1%3D%227853.8%22%20x2%3D%22332.5%22%20y2%3D%227853.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	width:20px;
	height:20px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:15px;
	right:10px;
	}
	#footer .ftn .op.active{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_174_1_%22%20transform%3D%22translate(-312.5%20-7843.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_16_1_%22%20class%3D%22st0%22%20x1%3D%22322.2%22%20y1%3D%227843.5%22%20x2%3D%22322.2%22%20y2%3D%227863.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_18_1_%22%20class%3D%22st1%22%20x1%3D%22312.5%22%20y1%3D%227853.8%22%20x2%3D%22332.5%22%20y2%3D%227853.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	}
	
	#footer .ftn dl{
		position: static;
		width:100%;
		text-align:center;
		margin:50px 0 0 0;
	}
	#footer .ftn dt{
	}
	#footer .ftn dd{
	}
	#footer .ftn dd a{
		color:#fff;
	}
	#footer .ftn dd p{
	}
	#footer .ftn dd p em{
	}
	
	#footer dl.copy{
		display:block;
		padding:25px 2% 15px 2%;
		text-align:center;
	}
	#footer dl.copy dt{
		margin-bottom:10px;
	}
	#footer dl.copy dt img{
	}
	#footer dl.copy dd{
		font-size:9px;
	}
	
	.sticky_pagetop #pagetop{
	  display:none;
	}
	#pagetop{
	  display:none;
	}
	#pagetop:hover{
	}
}




/**
 * Frame
 */
#main{
	display:block;
}
.inner{
	max-width:1010px;
	width:90%;
	margin:0 auto;
}
.flex{
	display:flex;
	justify-content:space-between;
}
.flex.center{
	align-items:center;
}
.arr {
	width:235px;
	display:block;
	text-align:center;
	background:#EEE72C;
	color:#333;
	padding:20px 0;
	position:relative;
	box-sizing:border-box;
}
.arr:after{
	content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 8px;
border-color: transparent transparent transparent #000;
display:block;
position:absolute;
top:50%;
margin-top:-4px;
right:15px;
	transition:.4s;
}
.btn{
}
.btn a{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	width:310px;
	background:transparent;
	border:2px solid #333;
	transition:.4s;
}
.btn a:hover{
	background:#000;
	color:#fff !important;
	opacity:1;
}
.btn a:hover:after{
	border-color: transparent transparent transparent #fff;
}
a.ov{
	overflow:hidden;
	transition:.6s;
}
a.ov:hover{
	opacity:1;
}
a.ov img{
	transition:.6s;
}
a.ov:hover img{
	transform:scale(1.1,1.1);
	opacity:1;
}
#sns {
	display:flex;
	justify-content:center;
	margin:80px 0;
}
#sns li{
	width:230px;
	text-align:center;
	margin:0 10px;
	position:relative;
}
#sns li a{
	display:block;
	color:#fff;
	font-size:16px;
	line-height:1;
	font-weight:700;
	padding:18px 0;
}
#sns li a:before {
	content:"";
	background-image:url(../img/common/icon-insta.svg);
	background-size:100%;
	background-repeat:no-repeat;
	display:block;
	width:38px;
	height:38px;
	position:absolute;
	top:7px;
	left:10px;
}
#sns .insta a {
background: rgb(247,147,73);
background: -moz-linear-gradient(left, rgba(247,147,73,1) 0%, rgba(191,70,147,1) 100%);
background: -webkit-linear-gradient(left, rgba(247,147,73,1) 0%,rgba(191,70,147,1) 100%);
background: linear-gradient(to right, rgba(247,147,73,1) 0%,rgba(191,70,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79349', endColorstr='#bf4693',GradientType=1 );
}
#sns .fb a:before {
	background-image:url(../img/common/icon-fb.svg);
}
#sns .fb a {
	background:#3B5999;
}
#sns .line a:before {
	background-image:url(../img/common/icon-line.svg);
	width:50px;
	height:50px;
	top:0px;
	left:5px;
}
#sns .line a {
	background:#00BA00;
}

#ban {
	margin-bottom:80px;
}
#ban .mdl {
	border:2px solid #333;
	margin-bottom:20px;
	padding:25px 30px;
	align-items:center;
}
#ban dl {
}
#ban dt {
	font-size:24px;
	font-weight:700;
}
#ban dd {
	font-size:13px;
}
#ban .mdl p {
	font-size:16px;
	font-weight:700;
}
#ban .mdl p .arr {
}
#ban .mdl p .arr:after{
}
#ban .mdl p span {
	display:block;
	font-size:13px;
	line-height:1;
	text-align:center;
	margin-bottom:10px;
}
#ban .mdl p span:before{
	content:"";
	width:1px;
	height:13px;
	background:#333;
	display:inline-block;
	vertical-align:middle;
	transform:rotate(-15deg);
	margin-right:10px;
}
#ban .mdl p span:after{
	content:"";
	width:1px;
	height:13px;
	background:#333;
	display:inline-block;
	vertical-align:middle;
	transform:rotate(15deg);
	margin-left:10px;
}
#ban .cnt {
	border:2px solid #333;
	margin-bottom:20px;
	padding:25px 30px;
	align-items:center;
}
#ban .cnt p {
	font-size:16px;
	font-weight:700;
	display:flex;
}
#ban .cnt a{
	background:#8FB490;
	color:#fff;
}
#ban .cnt a:after{
border-color: transparent transparent transparent #fff;
}
#ban .cnt a:nth-of-type(2) {
	margin-left:50px;
	background:#585854;
}
#ban .lixil {
	border:2px solid #333;
	margin-bottom:20px;
	padding:25px 30px;
	align-items:center;
}
#ban .lixil p {
	font-size:16px;
	font-weight:700;
	display:flex;
}
#ban .lixil a{
	background:#f27c00;
	color:#fff;
}
#ban .lixil a:after{
border-color: transparent transparent transparent #fff;
}

h2.tl{
	line-height:1;
	font-size:16px;
	font-weight:500;
}
h2.tl span{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	font-size:52px;
	vertical-align:text-top;
	margin-top:-10px;
	margin-right:10px;
	display:inline-block;
}
ul.fltpc{
	position:fixed;
	right:0;
	top:200px;
	z-index:1000;
}
ul.fltpc li{
	width:40px;
}
ul.fltpc li img{
	width:100%;
	max-width:none;
}

@media (max-width: 801px) {
.arr {
	padding:10px 0;
}
.arr:after{
border-width: 6px 0 6px 8px;
margin-top:-6px;
}
.btn{
}
.btn a{
	font-size:16px;
	width:250px;
}
.btn a:hover{
}
.btn a:hover:after{
}
a.ov{
}
a.ov:hover{
}
a.ov img{
}
a.ov:hover img{
}

	#sns {
		display:block;
		margin:40px 0 40ox 0;
	}
	#sns li{
		width:230px;
		margin:15px auto;
	}
	#sns li a{
	}
	#sns li a:before {
	}
	#sns .insta a {
	}
	#sns .fb a:before {
	}
	#sns .fb a {
	}
	#sns .line a:before {
	}
	#sns .line a {
	}

	#ban {
		margin-bottom:60px;
	}
	#ban .mdl {
		margin-bottom:20px;
		padding:30px 20px;
		display:block;
	}
	#ban dl {
		margin-bottom:15px;
	}
	#ban dt {
		text-align:center;
		margin-bottom:20px;
	}
	#ban dd {
	}
	#ban .mdl p {
	}
	#ban .mdl p .arr {
		margin:auto;
	}
	#ban .mdl p .arr:after{
	}
	#ban .mdl p span {
	}
	#ban .mdl p span:before{
	}
	#ban .mdl p span:after{
	}
	#ban .cnt {
		margin-bottom:20px;
		padding:30px 20px;
		display:block;
	}
	#ban .cnt dd{
		text-align:center;
	}
	#ban .cnt p {
		font-size:16px;
		font-weight:700;
		display:block;
	}
	#ban .cnt a{
		margin:10px auto 15px auto;
	}
	#ban .cnt a:after{
	}
	#ban .cnt a:nth-of-type(2) {
		margin:10px auto;
	}
	#ban .lixil {
		margin-bottom:0px;
		padding:30px 20px;
		display:block;
	}
	#ban .lixil dd{
		text-align:center;
	}
	#ban .lixil p {
		font-size:16px;
		font-weight:700;
		display:block;
	}
	#ban .lixil a{
		margin:10px auto 15px auto;
	}
	#ban .lixil a:after{
	}

	h2.tl{
		font-size:13px;
		font-weight:700;
	}
	h2.tl span{
		font-size:38px;
		margin-top:-10px;
		margin-right:10px;
	}
	
	ul.fltsp{
		display:flex;
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		z-index:1000;
	}
	ul.fltsp li{
		width:25%;
	}
	ul.fltsp li img{
		width:100%;
		max-width:none;
	}
	ul.fltsp li a:hover{
		opacity:1 !important;
	}
	ul.fltsp li a:hover img{
		opacity:1 !important;
	}
}

.breadWrap {
	width: 100%;
  font-family: "貂ｸ譏取悃菴�", "YuMincho", "貂ｸ譏取悃", "Yu Mincho", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "繝偵Λ繧ｮ繝取�譛� ProN", "Hiragino Mincho ProN", "繝偵Λ繧ｮ繝取�譛� Pro", "Hiragino Mincho Pro", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho",Georgia,  serif;
}
.breadcrumbs{
}
ul.breadcrumb {
	max-width:1010px;
	width: 100%;
	margin:10px auto 3em auto;
	padding:0;
  	list-style: none;
}
ul.breadcrumb li {
  	display: inline-block;
  	font-size: 1.2rem;
}
ul.breadcrumb li+li:before {
  	padding: 8px;
	color: black;
  	content: "/";
}
ul.breadcrumb li a {
  	color: #666;
  	text-decoration: none;
}
ul.breadcrumb li a:hover {
  	color: #666;
  	text-decoration: underline;
}

@media (max-width: 801px) {
ul.breadcrumb {
	margin:0.5em auto;
	display:none;
}

  ul.breadcrumb li{
    font-size: 10px;
  }
  ul.breadcrumb li+li:before {
    padding: 8px 5px 8px 2px;
    color: black;
    content: ">";
  }
}


/**
 * Base Content
 */
h2.title{
	position:relative;
	color:#fff;
}
h2.title.bk{
	color:#212121;
}
h2.title p{
	position:absolute;
	top:50%;
	left:calc((100% - 1010px) / 2);
	transform:translate(0,-50%);
	z-index:2;
	font-size:1.6rem;
	font-weight:700;
}
h2.title p span{
	font-family: 'Josefin Sans', sans-serif;
	font-size:5.2rem;
	vertical-align:middle;
	margin-right:15px;
	line-height:1;
}
h2.title.bk p span{
	display:block;
	font-size:7.2rem;
}
h2.title img{
	max-width:none;
	width:100%;
}
h2.title.bk{
text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
}
@media (max-width: 801px) {
h2.title{
	position:relative;
	color:#fff;
	margin:0 0 20px 0;
}
h2.title p{
	left:5%;
	line-height:1.3;
	font-size:1.3rem;
}
h2.title p span{
	font-size:38px;
	margin-right:10px;
	display:block;
}
h2.title img{
	max-width:none;
	width:100%;
}
h2.title.bk p span{
	font-size:5.2rem;
}
}

/**
 * Content
 */
#header{
	position:fixed;
	top:0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
    display:flex;
	background:#fff;
	z-index:10000;
}
#header.is-fixed{
}
#header h1{
	padding:22px 0 0 25px;
	margin:0;
	line-height:1;
	font-size:10px;
}
#header h1 img{
  position: relative;
  /*top: -2px;*/
	width:170px;
}
#header ul{
	margin:0 0 0 auto;
	padding:0;
	text-align:right;
  display:flex;
  align-items:center;
}
#header li{
	position:relative;
}
#header li a{
	font-size:13px;
	line-height:1.3;
	color:#333;
	display:block;
	padding:0 15px;
	text-align:center;
	height:70px;
	display:flex;
	align-items:center;
	background:#fff;
}
#header li:hover > a{
	background:#585854;
	color:#fff;
}
#header li a:hover{
	background:#585854;
	opacity:1;
	color:#fff;
}
#header li a em{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	display:block;
	margin-top:5px;
}
#header li ul{
	position:absolute;
	display:block;
	width:160%;
	background:#585854;
	z-index:100;
}
#header li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
#header li li a {
	height:auto;
	display:block;
	padding:0;
	line-height:2em;
	background:#585854;
	color:#fff;
	text-align:left;
	font-size:12px;
	padding:10px 15px;
}
#header li:hover > ul > li {
    height: 2.5em;
    overflow: visible;
}
@media (max-width: 1100px) {
	#header li a{
		font-size:1vw;
	}
	#header li a em{
		font-size:0.9vw;
	}
}

#header a.active{
}
#header p{
	margin:0 0 0 1em;
}
#header p a {
	position:relative;
}
#header p span{
	display:inline-block;
	margin:0 1em;
}
#header li img{
	/*width:20px;
	margin:0 0.5em;
	vertical-align:middle;*/
	width: 35px;
}
#header li.icon a{
	padding: 0 10px;
}
#header li.icon a:hover{
	background: #fff;
}
#sp_nav, .sp_nav_header {
    display: none;
}
@media (max-width: 767px) {
  #header{
    display: none !important;
  }
  .sp_nav_header{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    z-index: 10000;
    opacity: 1;
  }
  .sticky_pc.home .sp_nav_header{
  }
  #sp_nav{
    position: fixed;
    display: block;
    width: 100vw;
    min-height: 100vh;
    left: 0;
    top: 50px;
    z-index: -1;
    opacity: 0;
    transition: .3s;
    transform: translateY(5px);
  }
  .home #sp_nav{
	  top:0;
  }
  .sticky_pc.home #sp_nav{
  }
  #sp_nav_inner{
    overflow-y: scroll;
    height: calc( 100vh - 50px);
  }
  #sp_nav.js-active{
    display: block;
    z-index: 9999;
    opacity: 1;
    transform: translateY(0px);
  }
  #sp_nav a{
    text-decoration: none;
  }
  #sp_nav ul{
    list-style: none;
	padding:60px 0 0 0;
    background: #585854;
  }
  #sp_nav ul ul{
    display:none;
	padding:0;
  }
  .sp_nav_header .sns{
  	display: flex;
	position: absolute;
	right: 55px;
	top: 15px;
  }
  .sp_nav_header .sns li{
  	width: 30px;
	margin-left: 10px;
  }
  .sp_logo{
    position: relative;
    padding: 15px 0px 0 20px;
  }
  .sp_logo a{}
  .sp_logo img{
    height: 25px;
    width: auto;
  }
  .menu-open,
  .menu-close{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 25px;
    height: 20px;
    text-align: center;
  }

  .main_nav{
	  margin:0 auto;
	  padding:0;
	  text-align:center;
	  width:100%;
  }
  .main_nav li{
    border-bottom: 1px solid #fff;
	margin:0;
	padding:0;
	position:relative;
  }
  .main_nav li a{
    display: block;
    padding: 10px 0px;
	margin:0 40px;
    font-size: 13px;
	line-height:1.2;
	color:#fff;
  }
  .main_nav li li{
    border:none;
  }
  .main_nav li a{
    padding: 10px 0px;
	margin:0 0px;
    font-size: 12px;
  }

  .main_nav li a em{
	  display:block;
    font-size: 12px;
	font-family: 'Josefin Sans', sans-serif;
  }
	.main_nav li .op{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_174_1_%22%20transform%3D%22translate(-312.5%20-7843.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_16_1_%22%20class%3D%22st0%22%20x1%3D%22322.2%22%20y1%3D%227843.5%22%20x2%3D%22322.2%22%20y2%3D%227863.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_18_1_%22%20class%3D%22st0%22%20x1%3D%22312.5%22%20y1%3D%227853.8%22%20x2%3D%22332.5%22%20y2%3D%227853.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	width:20px;
	height:20px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:14px;
	right:10px;
	}
	.main_nav li .op.active{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_174_1_%22%20transform%3D%22translate(-312.5%20-7843.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_16_1_%22%20class%3D%22st0%22%20x1%3D%22322.2%22%20y1%3D%227843.5%22%20x2%3D%22322.2%22%20y2%3D%227863.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_18_1_%22%20class%3D%22st1%22%20x1%3D%22312.5%22%20y1%3D%227853.8%22%20x2%3D%22332.5%22%20y2%3D%227853.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	}
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	  z-index:10000;
	}
	.menu-trigger {
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 1px;
	  background-color: #000;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 10px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(9px) rotate(-315deg);
	  transform: translateY(9px) rotate(-315deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-10px) rotate(315deg);
	  transform: translateY(-10px) rotate(315deg);
	}
}

/* Main Image */
#mv{
	position:relative;
}
#mv dl{
	position:absolute;
	top:50%;
	left:10%;
	transform:translate(0,-50%);
	z-index:10;
}
#mv dt{
	font-size:80px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	line-height:1;
	color:#000;
}
#mv dd{
	font-size:16px;
	font-weight:700;
}

/* #main.home */
#main.home{
}
#main.home #news{
	max-width:885px;
	width:90%;
	margin:-40px auto 110px auto;
	padding:0;
	display:flex;
	position:relative;
	z-index:90;
	background:#fff;
	/*background:#F5F5F5;*/
}
#main.home #news h2{
	font-size:20px;
	line-height:1;
	margin:0 auto;
	padding:30px 0;
	color:#C93317;
	width:250px;
	background:#212121;
	color:#fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
}
#main.home #news .swp2{
	width:calc(100% - 250px);
	border:2px solid #212121;
}
#main.home #news .swp2 .swiper-wrapper {
}
#main.home #news dl{
	width:100%;
	margin:auto;
	display:flex;
	align-items:center;
}
#main.home #news dt{
	width:25%;
	text-align:center;
	color:#EEE72C;
	font-size:14px;
	font-weight:700;
}
#main.home #news dd{
	margin:0;
	padding:0 90px 0 0;
	font-size:15px;
}
#main.home #news dd a{
	color:#333;
}
#main.home #news .swiper-button-next {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%2213px%22%20viewBox%3D%220%200%208%2013%22%20style%3D%22enable-background%3Anew%200%200%208%2013%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231F2020%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_3_1_%22%20class%3D%22st0%22%20d%3D%22M8%2C6.5L0%2C13V0L8%2C6.5z%22%2F%3E%3C%2Fsvg%3E');
    right: 50px;
    left: auto;
	width: 8px;
    height: 13px;
	margin-top: -7px;
}
#main.home #news .swiper-button-prev {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%2213px%22%20viewBox%3D%220%200%208%2013%22%20style%3D%22enable-background%3Anew%200%200%208%2013%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231F2020%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_4_1_%22%20class%3D%22st0%22%20d%3D%22M0%2C6.5L8%2C0v13L0%2C6.5z%22%2F%3E%3C%2Fsvg%3E');
    right: 80px !important;
	left:auto !important;
	width: 8px;
    height: 13px;
	margin-top: -7px;
}
#main.home #news p.p1{
	position:absolute;
	right:10px;
	top:50%;
	width:30px;
	margin-top:-15px;
}

#main.home #event {
	position:relative;
	margin-bottom:90px;
}
#main.home #event:before{
	content:"";
	display:block;
	position:absolute;
	width:82%;
	height:92%;
	background:#EFECEC;
	top:10px;
	left:0;
	z-index:-1;
}
#main.home #event h2 {
	margin-bottom:35px;
}
#main.home #event .flex{
	margin-bottom:55px;
}
#main.home #event .flex:after{
	content:"";
	display:block;
	max-width:310px;
	width:30%;
}
#main.home #event dl {
	background:#fff;
	max-width:310px;
	width:30%;
	position:relative;
}
#main.home #event a {
	display:block;
	color:#333;
}
#main.home #event dt {
}
#main.home #event dl span {
	display:block;
	font-size:18px;
	font-weight:700;
	padding:10px 0;
}
#main.home #event dd {
	font-size:13px;
	padding:0 20px 20px 20px;
}
#main.home #event dl.new:before {
	content:"NEW";
	display:inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-size:12px;
	line-height:1;
	font-weight:700;
	background:#EEE72C;
	padding:5px 20px;
	position:absolute;
	top:10px;
	right:-15px;
	z-index:10;
}
#main.home #event .btn {
}
#main.home #event .btn a {
	margin:0 0 0 auto;
}

#main.home #work {
	position:relative;
	margin-bottom:90px;
}
#main.home #work:before{
	content:"";
	display:block;
	position:absolute;
	width:82%;
	height:94%;
	background:#D6E2D7;
	top:10px;
	right:0;
	z-index:-1;
}
#main.home #work h2 {
	margin-bottom:35px;
	text-align:right;
}
#main.home #work .swiper-container{
	margin-bottom:30px;
}
#main.home #work dl {
}
#main.home #work a {
	display:block;
	color:#333;
}
#main.home #work dt {
}
#main.home #work dl span {
	font-size:13px;
	padding:1;
	padding:1px 20px;
	font-weight:700;
	display:inline-block;
	background:#000;
	color:#fff;
	margin-bottom:5px;
}
#main.home #work dl em{
	display:block;
}
#main.home #work dd {
	font-size:16px;
	padding:20px 10px 20px 10px;
}
#main.home #work dl.new:before {
	content:"NEW";
	display:inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-size:12px;
	line-height:1;
	font-weight:700;
	background:#EEE72C;
	padding:5px 20px;
	position:absolute;
	top:10px;
	right:-15px;
	z-index:10;
}
#main.home #work .btn {
}
#main.home #work .btn a {
	margin:0 0 0 auto;
}

#main.home #quality {
	margin-bottom:100px;
}
#main.home #quality .qua1 {
	background:url(../img/home/quality2.jpg);
	background-size:cover;
	color:#fff;
	position:relative;
	padding:55px 0;
}
#main.home #quality .inner {
}
#main.home #quality h2 {
	line-height:1;
	text-align:center;
	position:absolute;
	left:50%;
	transform:translate(-50%,0);
}
#main.home #quality h2 span {
	font-family: 'Josefin Sans', sans-serif;
	font-size:52px;
	font-weight:700;
	display:block;
	margin-bottom:10px;
}
#main.home #quality h2 em{
	font-size:16px;
	font-weight:700;
}
#main.home #quality h2 em:after{
	content:"";
	display:block;
	width:62px;
	height:14px;
	background:url(../img/common/icon-wave.png);
	background-size:100%;
	background-repeat:no-repeat;
	margin:15px auto 0 auto;
}
#main.home #quality .flex {
	align-items:flex-end;
}
#main.home #quality .p1 {
	max-width:410px;
	width:40%;
}
#main.home #quality .p1 img {
}
#main.home #quality dl {
	max-width:535px;
	width:55%;
	font-weight:700;
}
#main.home #quality dt {
	font-size:32px;
}
#main.home #quality dd {
	font-size:14px;
	margin-top:10px;
}
#main.home #quality .btn {
	margin-top:20px;
}
#main.home #quality .btn a {
	color:#fff;
	border-color:#fff;
}
#main.home #quality .btn a:after{
border-color: transparent transparent transparent #fff;
}
#main.home #quality ul {
	display:flex;
	padding:0.5%;
}
#main.home #quality li {
	position:relative;
	margin:0.5%;
	width:24%;
	border:2px solid #333;
}
#main.home #quality li a {
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:700;
}
#main.home #quality li span {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	white-space:nowrap;
}

#main.home #product {
	position:relative;
	margin-bottom:100px;
}
#main.home #product:before{
	content:"";
	display:block;
	position:absolute;
	width:82%;
	height:92%;
	background:#C7E3E6;
	top:10px;
	left:0;
	z-index:-1;
}
#main.home #product h2 {
	margin-bottom:40px;
}
#main.home #product .flex {
	margin-bottom:50px;
}
#main.home #product dl {
	background-image:url(../img/home/product1.jpg);
	background-size:cover;
	max-width:310px;
	width:31%;
	padding:40px 0;
	text-align:center;
	border:2px solid #000;
	box-sizing:border-box;
}
#main.home #product dl:nth-of-type(2) {
	background-image:url(../img/home/product2.jpg);
}
#main.home #product dl:nth-of-type(3) {
	background-image:url(../img/home/product3.jpg);
}
#main.home #product dl a {
	color:#fff;
	display:block;
}
#main.home #product dt {
}
#main.home #product dt span {
	font-size:16px;
	font-weight:700;
	display:block;
	margin:7px 0 5px 0;
}
#main.home #product dd {
	font-size:13px;
	font-weight:700;
	padding:0 10px;
}
#main.home #product .dd2{
	margin-top:10px;
}
#main.home #product .dd2 span {
	font-size:16px;
	font-family: 'Josefin Sans', sans-serif;
}
#main.home #product .dd2 span:after{
	content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #fff;
display:inline-block;
margin-left:10px;
vertical-align:middle;
	transition:.4s;
}
#main.home #product .btn {
}
#main.home #product .btn a {
	margin:0 0 0 auto;
}

#main.home #other {
	margin-bottom:80px;
	display:none;
}
#main.home #other.flex{
}
#main.home #other.inner{
}
#main.home #other div {
	max-width:485px;
	width:48%;
	position:relative;
}
#main.home #other div a:after{
	content:"";
	display:block;
	position:absolute;
	width:80%;
	height:75%;
	background:rgba(255,255,255,0.8);
	border:2px solid #333;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
}
#main.home #other a {
	display:block;
	position:relative;
	z-index:3;
}
#main.home #other a:hover{
	opacity:1;
}
#main.home #other a:hover img{
	opacity:1;
}
#main.home #other dl {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#333;
	text-align:center;
	font-weight:700;
	z-index:100;
}
#main.home #other dt {
	font-family: 'Josefin Sans', sans-serif;
	font-size:38px;
	line-height:1;
	margin-bottom:10px;
	white-space:nowrap;
}
#main.home #other dd {
	font-size:18px;
}
#main.home #other dd span{
	display:block;
}
#main.home #other dd em {
	font-size:16px;
	font-family: 'Josefin Sans', sans-serif;
	margin-top:3em;
	display:inline-block;
}
#main.home #other dd em:after{
	content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #333;
display:inline-block;
margin-left:10px;
vertical-align:middle;
	transition:.4s;
}

#main.home #other img {
}

#main.home #other2 {
}
#main.home #other2 .blog,
#main.home #other2 .life {
	max-width:485px;
	width:48%;
	position:relative;
}
#main.home #other2 .blog h2,
#main.home #other2 .life h2 {
	font-weight:500;
	margin-bottom:25px;
	position:relative;
	line-height:1;
}
#main.home #other2 .blog h2 a,
#main.home #other2 .life h2 a {
	width:30px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
#main.home #other2 .blog h2 span,
#main.home #other2 .life h2 span {
	font-family: 'Josefin Sans', sans-serif;
	font-size:38px;
	font-weight:700;
	vertical-align:middle;
	margin-right:15px;
}
#main.home #other2 .blog .post,
#main.home #other2 .life .post {
	border:2px solid #333;
	margin-bottom:20px;
}
#main.home #other2 .blog .post a,
#main.home #other2 .life .post a {
	display:flex;
	align-items:center;
	color:#333;
	font-size:16px;
	line-height:1.3;
	font-weight:700;
	position:relative;
}
#main.home #other2 .blog .post .pic,
#main.home #other2 .life .post .pic {
	width:100px;
}
#main.home #other2 .blog .post dl,
#main.home #other2 .life .post dl {
	padding:0 80px 0 20px;
	width:calc(100% - 100px);
	box-sizing:border-box;
}
#main.home #other2 .blog .post dt,
#main.home #other2 .life .post dt {
	color:#EEE72C;
	margin-bottom:5px;
}
#main.home #other2 .blog .post dd,
#main.home #other2 .life .post dd {
}
#main.home #other2 .blog .post .more,
#main.home #other2 .life .post .more {
	font-family: 'Josefin Sans', sans-serif;
	font-size:13px;
	line-height:1;
	font-weight:700;
	position:absolute;
	right:10px;
	bottom:10px;
}
#main.home #other2 .blog .post .more:after,
#main.home #other2 .life .post .more:after{
	content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #333;
display:inline-block;
margin-left:10px;
vertical-align:middle;
	transition:.4s;
}

#main.home #media {
	position:relative;
	margin-bottom:90px;
}
#main.home #media h2 {
	margin-bottom:35px;
	text-align:center;
}
#main.home #media h2 span{
	display: block;
}
#main.home #media .swiper-container{
	margin-bottom:30px;
}
#main.home #media p.swiper-slide {
	position: relative;
}
#main.home #media p.swiper-slide:after{
	content: "";
	display: block;
	position: absolute;
	background-image: url("../img/common/mov-icon.png");
	background-size: contain;
	width: 45px;
	height: 45px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#main.home #media a {
	display:block;
	color:#333;
}
#main.home #media p.btn {
	text-align: center;
}
#main.home #media .btn a {
	margin:0 auto;
}

@media (max-width: 801px) {
	/* Main Image */
	#mv{
	}
	#mv dl{
	}
	#mv dt{
		font-size:10vw;
	}
	#mv dd{
		font-size:12px;
	}
	
	/* #main.home */
	#main.home{
	}
	#main.home #news{
		width:90%;
		margin:-40px auto 70px auto;
		padding:0;
		display:block;
		position:relative;
		z-index:90;
		background:#fff;
		/*background:#F5F5F5;*/
	}
	#main.home #news h2{
		padding:15px 15px 10px 15px;
		width:100%;
		background: transparent;
		color:#333;
		display:block;
		border:2px solid #333;
		position:absolute;
	}
	#main.home #news .swp2{
		width:100%;
	}
	#main.home #news .swp2 .swiper-wrapper {
	}
	#main.home #news dl{
		display:block;
		padding:50px 15px 10px 15px;
	}
	#main.home #news dt{
		width:100%;
		text-align:left;
		font-size:14px;
	}
	#main.home #news dd{
		margin:0;
		padding:0;
		font-size:15px;
	}
	#main.home #news .swiper-button-next {
		right: 80px;
		margin-top: 17px;
		top:0;
	}
	#main.home #news .swiper-button-prev {
		right: 110px !important;
		margin-top: 17px;
		top:0;
	}
	#main.home #news p.p1{
		right:10px;
		top:0%;
		width:30px;
		margin-top:10px;
	}
	
	#main.home #event {
		margin-bottom:70px;
	}
	#main.home #event:before{
		width:75%;
		height:95%;
		top:8px;
	}
	#main.home #event h2 {
		margin-bottom:20px;
	}
	#main.home #event .flex{
		margin-bottom:25px;
		display:block;
	}
	#main.home #event dl {
		max-width:none;
		width:100%;
		margin-bottom:20px;
	}
	#main.home #event dl a {
		display:flex;
		flex-direction:row-reverse;
	}
	#main.home #event dt {
		width:50%;
		overflow:hidden;
	}
	#main.home #event dt img{
		width:120%;
		height:auto;
		max-width:none;
	}
	#main.home #event dl span {
		font-size:16px;
		padding:10px 0 5px 0;
	}
	#main.home #event dd {
		font-size:12px;
		padding:0px 20px 20px 15px;
		width:50%;
	}
	#main.home #event dl.new:before {
		padding:7px 15px 5px 15px;
		top:10px;
		right:auto;
		left:15px;
	}
	#main.home #event dl.new dd {
		padding:30px 20px 20px 15px;
	}
	
	#main.home #event .btn {
	}
	#main.home #event .btn a {
		margin:0 0 0 auto;
	}
	
	#main.home #work {
		margin-bottom:70px;
	}
	#main.home #work:before{
		width:75%;
		height:92%;
		top:8px;
	}
	#main.home #work h2 {
		margin-bottom:20px;
	}
	#main.home #work .swiper-container{
		margin-bottom:10px;
		padding-right:100px !important;
	}
	#main.home #work dl {
	}
	#main.home #work a {
		display:block;
		color:#333;
	}
	#main.home #work dt {
	}
	#main.home #work dl span {
		font-size:11px;
		padding:1px 10px;
	}
	#main.home #work dl em{
	}
	#main.home #work dd {
		padding:10px 10px 10px 10px;
	}
	#main.home #work dl.new:before {
	}
	#main.home #work .btn {
	}
	#main.home #work .btn a {
		margin:0;
	}
	
#main.home #media {
	margin-bottom:70px;
}
#main.home #media h2 {
	margin-bottom:20px;
}
#main.home #media h2 span{
}
#main.home #media .swiper-container{
		margin-bottom:30px;
		padding-right:50px !important;
}
#main.home #media p.swiper-slide {
}
#main.home #media p.swiper-slide:after{
}
#main.home #media a {
}
#main.home #media p.btn {
}
#main.home #media .btn a {
}
	
	#main.home #quality {
		margin-bottom:70px;
	}
	#main.home #quality .qua1 {
		background:url(../img/home/quality2-sp.jpg);
		background-size:cover;
		padding:35px 0;
		border:2px solid #333;
	}
	#main.home #quality .inner {
	}
	#main.home #quality h2 {
		position:static;
		transform:translate(0,0);
	}
	#main.home #quality h2 span {
		font-size:38px;
		margin-bottom:5px;
	}
	#main.home #quality h2 em{
		font-size:13px;
	}
	#main.home #quality h2 em:after{
		margin:10px auto 0 auto;
	}
	#main.home #quality .flex {
		display:block;
	}
	#main.home #quality .p1 {
		max-width:none;
		width:50%;
		margin:20px auto;
	}
	#main.home #quality .p1 img {
	}
	#main.home #quality dl {
		max-width:none;
		width:100%;
	}
	#main.home #quality dt {
	}
	#main.home #quality dd {
		font-size:13px;
	}
	#main.home #quality .btn {
	}
	#main.home #quality .btn a {
		width:100%;
	}
	#main.home #quality .btn a:after{
	}
	#main.home #quality ul {
		display:flex;
		flex-wrap:wrap;
		padding:0.5% 2%;
	}
	#main.home #quality li {
		width:48%;
		margin:1%;
	}
	#main.home #quality li img{
	}
	#main.home #quality li a {
		font-size:16px;
		line-height:1.3;
	}
	#main.home #quality li span {
	}
	
	#main.home #product {
		margin-bottom:70px;
	}
	#main.home #product:before{
		width:75%;
		height:93%;
		top:15px;
	}
	#main.home #product h2 {
		margin-bottom:15px;
	}
	#main.home #product h2 span{
		display:block;
	}
	#main.home #product .flex {
		margin-bottom:20px;
		display:block;
	}
	#main.home #product dl {
		width:100%;
		max-width:none;
		padding:20px 0;
		margin-bottom:20px;
	}
	#main.home #product dl:nth-of-type(2) {
	}
	#main.home #product dl:nth-of-type(3) {
	}
	#main.home #product dl a {
	}
	#main.home #product dt {
	}
	#main.home #product dt span {
	}
	#main.home #product dd {
	}
	#main.home #product .dd2{
	}
	#main.home #product .dd2 span {
	}
	#main.home #product .dd2 span:after{
	border-width: 5px 0 5px 8px;
	}
	#main.home #product .btn {
	}
	#main.home #product .btn a {
		margin:0 0 0 auto;
	}
	
	#main.home #other {
		margin-bottom:80px;
	}
	#main.home #other.flex{
		/*display:block;*/
	}
	#main.home #other div {
		max-width:none;
		width:100%;
		margin-bottom:20px;
	}
	#main.home #other div a:after{
	}
	#main.home #other a {
	}
	#main.home #other a:hover{
	}
	#main.home #other a:hover img{
	}
	#main.home #other dl {
	}
	#main.home #other dt {
		font-size:26px;
		margin-bottom:0px;
	}
	#main.home #other dd {
		font-size:12px;
	}
	#main.home #other dd span{
		display:block;
	}
	#main.home #other dd em {
		font-size:12px;
		margin-top:0.5em;
	}
	#main.home #other dd em:after{
	border-width: 5px 0 5px 7px;
	}
	
	#main.home #other2 {
		display:block;
	}
	#main.home #other2 .blog{
		margin-bottom:60px;
	}
	#main.home #other2 .blog,
	#main.home #other2 .life {
		max-width:none;
		width:100%;
	}
	#main.home #other2 .blog h2,
	#main.home #other2 .life h2 {
		margin-bottom:15px;
		font-size:13px;
	}
	#main.home #other2 .blog h2 a,
	#main.home #other2 .life h2 a {
	}
	#main.home #other2 .blog h2 span,
	#main.home #other2 .life h2 span {
		margin-right:0;
		display:block;
	}
	#main.home #other2 .blog .post,
	#main.home #other2 .life .post {
	}
	#main.home #other2 .blog .post a,
	#main.home #other2 .life .post a {
		font-size:13px;
	}
	#main.home #other2 .blog .post .pic,
	#main.home #other2 .life .post .pic {
		width:100px;
	}
	#main.home #other2 .blog .post dl,
	#main.home #other2 .life .post dl {
		padding:0 10px 0 10px;
	}
	#main.home #other2 .blog .post dt,
	#main.home #other2 .life .post dt {
		color:#EEE72C;
		margin-bottom:5px;
	}
	#main.home #other2 .blog .post dd,
	#main.home #other2 .life .post dd {
	}
	#main.home #other2 .blog .post .more,
	#main.home #other2 .life .post .more {
		font-family: 'Josefin Sans', sans-serif;
		font-size:13px;
		line-height:1;
		font-weight:700;
		position:absolute;
		right:10px;
		bottom:10px;
	}
	#main.home #other2 .blog .post .more:after,
	#main.home #other2 .life .post .more:after{
		content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #333;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
		transition:.4s;
	}
}

/* posts */
#main.posts{
}
#main.posts .postin{
	display:flex;
	justify-content:space-between;
	margin:0 0 100px 0;
}
#main.posts .postin.news{
	display:block;
	margin:0 0 100px 0;
}
#main.posts .postL{
	max-width:700px;
	width:70%;
}
#main.posts .news .postL{
	max-width:none;
	width:100%;
}
#main.posts .postL .flex{
	flex-wrap:wrap;
}
#main.posts .postL .item{
	width:48%;
	border:2px solid #333;
	margin:0 0 5% 0;
	position:relative;
}
#main.posts .postL .item.new:before{
	content:"NEW";
	display:inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-size:12px;
	line-height:1;
	font-weight:700;
	background:#EEE72C;
	padding:5px 20px 3px 20px;
	position:absolute;
	top:-10px;
	left:15px;
	z-index:10;
}
#main.posts .postL .item a{
	color:#333;
	text-decoration:none;
	display:block;
}
#main.posts .postL .item p.pic{
	height:220px;
	overflow:hidden;
}
#main.posts .postL .item dl{
	padding:20px;
	font-weight:700;
}
#main.posts .postL .item .cat span{
	display:inline-block;
	background:#000;
	color:#fff;
	font-size:1.3rem;
	padding:1px 20px;
}
#main.posts .postL .item .date{
	color:#EEE72C;
	font-size:1.6rem;
	margin:0.5em 0;
}
#main.posts .postL .item dd.txt{
	font-size:1.6rem;
}
#main.posts .postL .item dd.more{
	font-size:16px;
	font-family: 'Josefin Sans', sans-serif;
	text-align:right;
	margin:1em 0 0 0;
}
#main.posts .postL .item dd.more span:after{
	content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #333;
display:inline-block;
margin-left:10px;
vertical-align:middle;
	transition:.4s;
}
#main.posts .postL p.date{
	font-size:2rem;
	font-weight:700;
	color:#EEE72C;
	margin:0 0 1em 0;
}
#main.posts .postL p.date span{
	font-size:1.3rem;
	background:#000;
	color:#fff;
	padding:3px 20px;
	display:inline-block;
	margin:0 0 0 1em;
}
#main.posts .postL h3{
	font-size:2.4rem;
	font-weight:700;
	border-bottom:3px solid #333;
	margin:0 0 1.5em 0;
	line-height:1.8;
}
#main.posts .postL .edit{
}
#main.posts .postL .edit img{
	height:auto;
}
#main.posts .postL .edit p{
	margin:0 0 1.5em 0;
	font-size:1.6rem;
	line-height:1.8;
}
#main.posts .postL .newses{
	border-bottom:1px solid #ccc;
	margin:0 0 70px 0;
}
#main.posts .postL .newsitem{
	display:flex;
	align-items:center;
	position:relative;
	padding:30px 0;
	border-top:1px solid #ccc;
}
#main.posts .postL .newsitem a{
	color:#333;
	text-decoration:none;
	display:block;
}
#main.posts .postL .newsitem p.pic{
	width:125px;
}
#main.posts .postL .newsitem dl{
	padding:0 0 0 40px;
	font-weight:700;
	width:calc(100% - 125px);
	box-sizing:border-box;
	display:block;
}
#main.posts .postL .newsitem dl a{
	display:flex;
	flex-wrap:wrap;
}
#main.posts .postL .newsitem .date{
	color:#EEE72C;
	font-size:1.6rem;
	width:100px;
}
#main.posts .postL .newsitem dd.txt{
	font-size:1.6rem;
	width:calc(100% - 100px);
	font-weight:700;
}
#main.posts .postL .newsitem dd.more{
	font-size:16px;
	font-family: 'Josefin Sans', sans-serif;
	text-align:right;
	position:absolute;
	right:40px;
	bottom:5px;
}
#main.posts .postL .newsitem dd.more span:after{
	content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #333;
display:inline-block;
margin-left:10px;
vertical-align:middle;
	transition:.4s;
}

#main.posts .postR{
	max-width:265px;
	width:26%;
}
#main.posts .postR h2{
	font-size:1.8rem;
	font-weight:700;
	margin:0 0 15px 0;
}
#main.posts .postR a{
	color:#333;
}
#main.posts .postR dl{
	display:flex;
	align-items:center;
	margin:0 0 10px 0;
}
#main.posts .postR dt{
	width:95px;
}
#main.posts .postR dd{
	font-size:1.6rem;
	font-weight:700;
	padding:0 0 0 15px;
	width:calc(100% - 100px);
}
#main.posts .postR dd span{
	display:block;
	color:#EEE72C;
}
#main.posts .postR ul{
}
#main.posts .postR li{
	font-size:1.6rem;
	margin:0 0 5px 0;
}
#main.posts .postR li a{
	text-decoration:underline;
}
.newlist{
	margin:0 0 50px 0;
}
.arc{
}
.arc .catlist{
	margin:0 0 50px 0;
}
.arc  datelist{
}

#main.posts .prenx{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	display:flex;
	margin:0 0 100px 0;
}
#main.posts .prenx li{
	width:50%;
	position:relative;
}
#main.posts .prenx li a{
	color:#333;
	display:flex;
	align-items:center;
	padding:30px;
}
#main.posts .prenx img{
	width:125px;
}
#main.posts .prenx span{
	padding-left:15px;
}
#main.posts .prenx em{
	display:block;
	color:#EEE72C;
}
#main.posts .prenx li:nth-of-type(1){
	border-right:1px solid #ccc;
}
#main.posts .prenx li:nth-of-type(1):before{
content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #333;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    transition: .4s;
	transform:rotate(-180deg);
	position:absolute;
	top:50%;
	left:0;
}
#main.posts .prenx li:nth-of-type(2):after{
content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #333;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    transition: .4s;
	position:absolute;
	top:50%;
	right:0;
}
.pagenation{
	text-align:center;
}
.pagenation li{
	display:inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	font-size:2rem;
	padding:0 0.2em;
	margin:0 0.2em;
}
.pagenation li a{
	color:#333;
}
.pagenation .act{
	border:2px solid #000;
}

@media (max-width: 801px) {
	#main.posts{
	}
	#main.posts .postin{
		display:block;
		margin:0 0 40px 0;
	}
	#main.posts .postin.news {
		display: block;
		margin:0 0 40px 0;
	}
	#main.posts .postL{
		width:100%;
	}
	#main.posts .postL .flex{
	}
	#main.posts .postL .item{
		width:48%;
		border:none;
	}
	#main.posts .postL .item.new:before{
		padding:5px 10px;
	}
	#main.posts .postL .item a{
	}
	#main.posts .postL .item p.pic{
	}
	#main.posts .postL .item dl{
		padding:10px 0;
	}
	#main.posts .postL .item .cat span{
		padding:1px 15px;
	}
	#main.posts .postL .item .date{
		color:#EEE72C;
		font-size:1.3rem;
		margin:0.2em 0;
	}
	#main.posts .postL .item dd.txt{
		font-size:1.3rem;
	}
	#main.posts .postL .item dd.more{
		display:none;
	}
	#main.posts .postL .item dd.more span:after{
	}
	#main.posts .postL p.date{
		font-size:2rem;
		margin:0 0 1em 0;
	}
	#main.posts .postL p.date span{
		padding:3px 15px;
	}
	#main.posts .postL h3{
		font-size:2.4rem;
		font-weight:700;
		border-bottom:3px solid #333;
		margin:0 0 1.5em 0;
		line-height:1.8;
	}
	#main.posts .postL .edit{
	}
	#main.posts .postL .edit p{
		font-size:1.3rem;
	}
	#main.posts .postL .newses{
		margin:0 0 30px 0;
	}
	#main.posts .postL .newsitem{
		padding:20px 0;
		align-items: flex-start;
	}
	#main.posts .postL .newsitem a{
	}
	#main.posts .postL .newsitem p.pic{
	}
	#main.posts .postL .newsitem dl{
		padding:0 0 0 20px;
	}
	#main.posts .postL .newsitem dl a{
		display:block;
	}
	#main.posts .postL .newsitem .date{
		font-size:1.3rem;
		width:auto;
		margin:1em 0 0 0;
	}
	#main.posts .postL .newsitem dd.txt{
		font-size:1.3rem;
		line-height:1.5;
		width:auto;
	}
	#main.posts .postL .newsitem dd.more{
		font-size:1.3rem;
		right:0px;
		bottom:20px;
	}
	#main.posts .postL .newsitem dd.more span:after{
		content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #333;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
		transition:.4s;
	}
	
	#main.posts .postR{
		border-top:2px solid #000;
		padding-top:30px;
		max-width: none;
		width:100%;
	}
	#main.posts .postR h2{
	}
	#main.posts .postR a{
	}
	#main.posts .postR dl{
	}
	#main.posts .postR dt{
	}
	#main.posts .postR dd{
		font-size:1.3rem;
	}
	#main.posts .postR dd span{
	}
	#main.posts .postR ul{
	}
	#main.posts .postR li{
		font-size:1.3rem;
		margin-bottom:0;
	}
	#main.posts .postR li a{
	}
	#main.posts .postR .newlist{
		margin:0 0 30px 0;
	}
	#main.posts .postR .arc{
		display:flex;
	}
	#main.posts .postR .arc h2{
		margin-bottom:0px;
	}
	#main.posts .postR .arc .catlist{
		margin:0 0 0px 0;
		width:50%;
	}
	#main.posts .postR .arc  datelist{
	}
	
	#main.posts .prenx{
		border-top:1px solid #CCCCCC;
		border-bottom:none;
		display:block;
		margin:0 0 20px 0;
	}
	#main.posts .prenx li{
		width:100%;
		position:relative;
	}
	#main.posts .prenx li a{
		color:#333;
		display:flex;
		align-items:center;
		padding:30px;
	}
	#main.posts .prenx img{
		width:125px;
	}
	#main.posts .prenx span{
		padding-left:15px;
		width:calc(100% - 125px);
		font-size:1.3rem;
		line-height:1.5;
	}
	#main.posts .prenx em{
	}
	#main.posts .prenx li:nth-of-type(1){
		border-right:none;
		border-bottom:1px solid #ccc;
	}
	#main.posts .prenx li:nth-of-type(1):before{
	}
	#main.posts .prenx li:nth-of-type(2):after{
	}
	.pagenation{
		text-align:center;
		margin:0 0 10% 0;
	}
}

/* form */
#main.form{
}
#main.form .forms{
	padding-bottom:130px;
}
#main.form table{
	max-width:800px;
	width:100%;
	margin:auto;
	font-size:1.6rem;
}
#main.form table th{
	padding:12px 80px 12px 0;
	vertical-align:middle;
	white-space:nowrap;
	position:relative;
	font-weight:700;
}
#main.form table td{
	padding:12px;
}
#main.form table td p.p1{
	display:inline-block;
	margin-right:3em;
}
#main.form table td dl.dl1{
	display:flex;
	margin-bottom:40px;
}
#main.form table td dt{
	white-space:nowrap;
	padding:12px 0 0 0;
}
#main.form table td dd{
}
#main.form .his{
	display:block;
	background:#C7E3E6;
	font-size:1rem;
	padding:2px 5px;
	position:absolute;
	right:12px;
	top:25px;
}

.mwform-checkbox-field.horizontal-item{
}

button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
p.send{
	text-align:center;
}
input[type="submit"]{
	background:#000;
	color:#fff;
	border-radius:0;
	font-size:16px;
	line-height:1;
	font-weight:700;
	padding:15px 50px;
	text-align:center;
	margin:0 auto;
	text-shadow:none;
	background-image:url(../img/common/arr1.png);
	background-repeat:no-repeat;
	background-size:7px;
	background-position:90% center;
}
input.gr{
	background:#999;
}
div.mfp_buttons button#mfp_button_send {
	background:#060;
	text-shadow:none;
}
div.mfp_buttons button#mfp_button_cancel {
	background:#f30;
	text-shadow:none;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	outline: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 15px 10px;
	max-width:500px;
	width:100%;
	box-sizing:border-box;
	background:#fff;
	font-size:16px;
	margin-bottom:0px;
	margin-right:0;
	display:inline-block;
	vertical-align:bottom;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border:none;
  border:1px solid #ccc;
  vertical-align:middle;
  border-radius:5px;
}
input.ip2{
	width:110px;
  margin-left:15px;
}
input.ip3{
	width:260px;
  margin-left:15px;
}
input.ip4{
	width:50px;
	margin:0 15px;
	padding:15px 20px;
}


input[type="button"],
input[type="file"]{
	border: none;
	border-radius:20px;
	padding:8px 10px;
	font-size:16px;
	line-height:1;
	background:#00a03f;
}
textarea{
	max-width:none;
	height:200px;
	width:100% !important;
    box-shadow: none !important;
	background-color: #fff !important;
}
select{
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #163e7e;
	background:#fff;
}

.custom {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 0;
  background:#ccc;
  background-color: white;
  vertical-align:bottom;
  width:260px;
  border:1px solid #ccc;
  margin-left:15px;
  margin-top:20px;
  border-radius:5px;
}
.custom > select {
  width: 100%;
	padding: 12px 15px;
	font-size:16px;
	border: none;
    border-radius: 0;
    box-shadow: none;
	background-color: #fff !important;
}
.custom:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	display: block;
	width: 12px;
	height: 7px;
	pointer-events: none;
	text-align: center;
	background-image: url(../img/common/sankaku.png);
	background-size:12px;
	background-position:center center;
	content: "";
}
.mw_wp_form_confirm .custom {
  display: inline-block;
  vertical-align: middle;
  width:auto;
  border:none;
  margin-left:5px;
  margin-top:0px;
}
.mw_wp_form_confirm .custom:after{
	display:none;
}
#main.form .mw_wp_form_confirm table td dt{
	padding:0 10px 0 0;
}

 .rd .radio {
        display: none; /* 縺ｾ縺壹€�ｼ彿nput�槭ち繧ｰ縺ｮ陦ｨ遉ｺ繧呈ｶ医＠縺ｾ縺�*/
    }
    .rd label {
        position: relative;/* �徑abel�槭ｒ菴咲ｽｮ縺ｮ謖�ｨ吶↓縺ｪ繧区欠遉ｺ繧呈嶌縺阪∪縺�*/
        display: inline-block;
        padding: 13px 3px 13px 55px;
        cursor: pointer;
    }
    .rd .radio+span::before,/* �徭pan�槭ち繧ｰ縺ｮ逍台ｼｼ隕∫ｴ�繧剃ｽ懊ｊ縺ｾ縺�*/
    .rd span::after {
        position: absolute;
        content: '';
        top: 50%;
        border-radius: 100%;
        -webkit-transition: all .2s;
        transition: all .2s;
    }
    .rd .radio+span::before {
        left: 0;
		top:0;
        width: 45px;
        height: 45px;
        margin-top: 0;
        background: #fff;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ蜈��濶ｲ縺ｮ謖�ｮ�*/
        border: 1px solid #ccc;
    }
    .rd .radio+span:hover::before {
        background: #fff;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝槭え繧ｹ繧ｪ繝ｼ繝舌�縺励◆縺ｨ縺阪�濶ｲ縺ｮ謖�ｮ�*/
    }
    .rd .radio+span::after {
        opacity: 0;
        left: 9px;
		top:9px;
        width: 30px;
        height: 30px;
        background: #000;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝√ぉ繝�け縺励◆譎ゅ�濶ｲ縺ｮ謖�ｮ�*/
        transform: scale(2);
    }
    .rd .radio:checked + span::before {/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺後メ繧ｧ繝�け縺輔ｌ縺溘→縺阪�髫｣謗･縺励※縺�ｋ繧ｿ繧ｰ縺ｸ縺ｮ謖�､ｺ繧呈嶌縺阪∪縺�*/
        background: #fff;
        border: 1px solid #000;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝√ぉ繝�け縺励◆譎ゅ�譫�縺ｮ邱壹�謖�ｮ�*/
    }
    .rd .radio:checked + span::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
	.rd .horizontal-item{
		margin-bottom:10px;
		margin-left:10px;
		display:inline-block;
	}
	
	.ck{
		display:inline-block;
	}
 .ck .check {
        display: none; /* 縺ｾ縺壹€�ｼ彿nput�槭ち繧ｰ縺ｮ陦ｨ遉ｺ繧呈ｶ医＠縺ｾ縺�*/
    }
    .ck label {
        position: relative;/* �徑abel�槭ｒ菴咲ｽｮ縺ｮ謖�ｨ吶↓縺ｪ繧区欠遉ｺ繧呈嶌縺阪∪縺�*/
        display: inline-block;
        padding: 12px 3px 12px 55px;
        cursor: pointer;
    }
    .ck .check+span::before,/* �徭pan�槭ち繧ｰ縺ｮ逍台ｼｼ隕∫ｴ�繧剃ｽ懊ｊ縺ｾ縺�*/
    .ck span::after {
        position: absolute;
        content: '';
        top: 50%;
        -webkit-transition: all .2s;
        transition: all .2s;
    }
    .ck .check+span::before {
        left: 0;
		top:0;
        width: 45px;
        height: 45px;
        margin-top: 0;
        background: #fff;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ蜈��濶ｲ縺ｮ謖�ｮ�*/
        border: 1px solid #ccc;
		border-radius:5px;
    }
    .ck .check+span:hover::before {
        background: #fff;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝槭え繧ｹ繧ｪ繝ｼ繝舌�縺励◆縺ｨ縺阪�濶ｲ縺ｮ謖�ｮ�*/
    }
    .ck .check+span::after {
        opacity: 0;
  display: block;
  position: absolute;
  top:5px;
  left: 14px;
  width: 15px;
  height: 25px;
  transform: rotate(40deg);
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
    }
    .ck .check:checked+span::before {/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺後メ繧ｧ繝�け縺輔ｌ縺溘→縺阪�髫｣謗･縺励※縺�ｋ繧ｿ繧ｰ縺ｸ縺ｮ謖�､ｺ繧呈嶌縺阪∪縺�*/
        background: #fff;
        border: 1px solid #000;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝√ぉ繝�け縺励◆譎ゅ�譫�縺ｮ邱壹�謖�ｮ�*/
    }
    .ck .check:checked+span::after {
        opacity: 1;
    }
.ckarea{
	text-align:center;
	position:relative;
	margin:20px 0 50px 0;
}
.ckarea a{
	font-weight:700;
	text-decoration:underline;
	color:#333;
}
#main.form .ckarea .his{
	position:static;
	display:inline-block;
	margin-left:10px;
}
::placeholder{
  color:#ccc
}
@media (max-width: 801px) {
	#main.form{
	}
	#main.form .forms{
		padding-bottom:60px;
	}
	#main.form table{
	}
	#main.form table th{
		padding:6px 0px 0px 0 !important;
		display:block;
		font-size:1.6rem;
	}
	#main.form table th.sp_none{
		display:none;
	}
	#main.form table td{
		padding:6px 0 12px 0;
		display:block;
		font-size:1.6rem;
	}
	#main.form .his{
		font-size:1rem;
		line-height:1;
		padding:3px 5px;
		margin-left:15px;
		position: static;
		display:inline-block;
	}
	#main.form table td p.p1{
		margin-right:2em;
	}
	#main.form table td dl.dl1{
		margin-bottom:20px;
	}
	#main.form table td dt{
	}
	#main.form table td dd{
	}
	
	.mwform-checkbox-field.horizontal-item{
	}
	
	button, textarea, select {
	}
	p.send{
		text-align:center;
	}
	input[type="submit"]{
		font-size:16px;
		padding:15px 0px;
		width:100%;
	}
	div.mfp_buttons button#mfp_button_send {
	}
	div.mfp_buttons button#mfp_button_cancel {
	}
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	textarea {
	}
	input.ip2{
		width:110px;
	  margin-left:15px;
	}
	input.ip3{
		width:180px;
	  margin-left:15px;
	}
	
	input[type="button"],
	input[type="file"]{
	}
	textarea{
		height:170px;
	}
	select{
	}
	input[type="text"]:focus,
	input[type="tel"]:focus,
	input[type="email"]:focus,
	textarea:focus {
	}
	
	.custom {
		width:180px;
	}
	.custom > select {
	}
	.custom:after {
	}
	
	.rd{
		line-height:1.3;
	}
	 .rd .radio {
			display: none; /* 縺ｾ縺壹€�ｼ彿nput�槭ち繧ｰ縺ｮ陦ｨ遉ｺ繧呈ｶ医＠縺ｾ縺�*/
		}
		.rd label {
			position: relative;/* �徑abel�槭ｒ菴咲ｽｮ縺ｮ謖�ｨ吶↓縺ｪ繧区欠遉ｺ繧呈嶌縺阪∪縺�*/
			display: inline-block;
			padding: 13px 3px 13px 55px;
			cursor: pointer;
		}
		.rd .radio+span::before,/* �徭pan�槭ち繧ｰ縺ｮ逍台ｼｼ隕∫ｴ�繧剃ｽ懊ｊ縺ｾ縺�*/
		.rd span::after {
			position: absolute;
			content: '';
			top: 50%;
			border-radius: 100%;
			-webkit-transition: all .2s;
			transition: all .2s;
		}
		.rd .radio+span::before {
			left: 0;
			top:0;
			width: 45px;
			height: 45px;
			margin-top: 0;
			background: #fff;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ蜈��濶ｲ縺ｮ謖�ｮ�*/
			border: 1px solid #ccc;
		}
		.rd .radio+span:hover::before {
			background: #fff;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝槭え繧ｹ繧ｪ繝ｼ繝舌�縺励◆縺ｨ縺阪�濶ｲ縺ｮ謖�ｮ�*/
		}
		.rd .radio+span::after {
			opacity: 0;
			left: 9px;
			top:9px;
			width: 30px;
			height: 30px;
			background: #000;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝√ぉ繝�け縺励◆譎ゅ�濶ｲ縺ｮ謖�ｮ�*/
			transform: scale(2);
		}
		.rd .radio:checked + span::before {/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺後メ繧ｧ繝�け縺輔ｌ縺溘→縺阪�髫｣謗･縺励※縺�ｋ繧ｿ繧ｰ縺ｸ縺ｮ謖�､ｺ繧呈嶌縺阪∪縺�*/
			background: #fff;
			border: 1px solid #000;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝√ぉ繝�け縺励◆譎ゅ�譫�縺ｮ邱壹�謖�ｮ�*/
		}
		.rd .radio:checked + span::after {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		.rd .horizontal-item{
			margin-bottom:5px;
			display:inline-block;
		}
		.rd .horizontal-item:nth-of-type(3),
		.rd .horizontal-item:nth-of-type(4),
		.rd .horizontal-item:nth-of-type(5){
		}
		
		.ck{
			display:inline-block;
		}
	 .ck .check {
			display: none; /* 縺ｾ縺壹€�ｼ彿nput�槭ち繧ｰ縺ｮ陦ｨ遉ｺ繧呈ｶ医＠縺ｾ縺�*/
		}
		.ck label {
			position: relative;/* �徑abel�槭ｒ菴咲ｽｮ縺ｮ謖�ｨ吶↓縺ｪ繧区欠遉ｺ繧呈嶌縺阪∪縺�*/
			display: inline-block;
			padding: 12px 3px 12px 55px;
			cursor: pointer;
		}
		.ck .check+span::before,/* �徭pan�槭ち繧ｰ縺ｮ逍台ｼｼ隕∫ｴ�繧剃ｽ懊ｊ縺ｾ縺�*/
		.ck span::after {
			position: absolute;
			content: '';
			top: 50%;
			-webkit-transition: all .2s;
			transition: all .2s;
		}
		.ck .check+span::before {
			left: 0;
			top:0;
			width: 45px;
			height: 45px;
			margin-top: 0;
			background: #fff;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ蜈��濶ｲ縺ｮ謖�ｮ�*/
			border: 1px solid #ccc;
			border-radius:5px;
		}
		.ck .check+span:hover::before {
			background: #fff;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝槭え繧ｹ繧ｪ繝ｼ繝舌�縺励◆縺ｨ縺阪�濶ｲ縺ｮ謖�ｮ�*/
		}
		.ck .check+span::after {
			opacity: 0;
	  display: block;
	  position: absolute;
	  top:5px;
	  left: 14px;
	  width: 15px;
	  height: 25px;
	  transform: rotate(40deg);
	  border-bottom: 3px solid #000;
	  border-right: 3px solid #000;
		}
		.ck .check:checked+span::before {/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺後メ繧ｧ繝�け縺輔ｌ縺溘→縺阪�髫｣謗･縺励※縺�ｋ繧ｿ繧ｰ縺ｸ縺ｮ謖�､ｺ繧呈嶌縺阪∪縺�*/
			background: #fff;
			border: 1px solid #000;/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ繝√ぉ繝�け縺励◆譎ゅ�譫�縺ｮ邱壹�謖�ｮ�*/
		}
		.ck .check:checked+span::after {
			opacity: 1;
		}
	.ckarea{
		text-align:left;
		margin:30px 0 30px 0;
		line-height:1.3;
	}
	.ckarea .ck label {
		padding: 5px 3px 0px 55px;
	}
	.ckarea em{
		padding-left:55px;
	}
}

/* QA */
#main.qa{
}
#main.qa .inner{
	padding-bottom:130px;
}
#main.qa .pnv{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#main.qa .pnv li{
	max-width:185px;
	width:23%;
	margin-bottom:4%;
}
#main.qa .pnv li a{
	background:#000;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
	display:block;
	padding:10px 0;
	position:relative;
}
#main.qa .pnv li a:after{
	content:"";
	display:block;
	position:absolute;
	bottom:-18px;
	left:50%;
	margin-left:-10px;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 10px 0 10px;
border-color: #000 transparent transparent transparent;
}
#main.qa .qas{
	margin-top:90px;
}
#main.qa .qas h3{
	font-size:2.4rem;
	font-weight:700;
	line-height:1;
	border-bottom:2px solid #000;
}
#main.qa .qas dl{
	margin:30px 0 0 0;
}
#main.qa .qas dt{
	font-size:1.6rem;
	font-weight:700;
	background:#C7E3E6;
	padding:25px 100px;
	position:relative;
}
#main.qa .qas span{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	line-height:1;
	font-size:2.4rem;
	position:absolute;
	left:45px;
	top:30px;
}
#main.qa .qas dd{
	font-size:1.4rem;
	padding:25px 100px;
	position:relative;
	display:none;
}
#main.qa .qas dd a{
	color:#405b95;
	text-decoration:underline;
}
#main.qa .qas dt:after{
}
#main.qa .qas dt em {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    position: absolute;
    right: 30px;
}
#main.qa .qas dt em::before,
#main.qa .qas dt em::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 8%;
  margin: -8% 0 0 -42%;
  background: #000;
}
#main.qa .qas dt em::after {
  transform: rotate(90deg);
}
#main.qa .qas dt.active em::before{
  transform: rotate(45deg);
  opacity:0;
}
#main.qa .qas dt.active em::after{
  transform: rotate(-180deg);
}

@media (max-width: 801px) {
	#main.qa{
	}
	#main.qa .inner{
		padding-bottom:50px;
	}
	#main.qa .pnv{
		flex-wrap:wrap;
		justify-content:center;
	}
	#main.qa .pnv li{
		max-width: none;
		width:49%;
		margin:2% 0.5% 4% 0.5%;
	}
	#main.qa .pnv li a{
		font-size:1.4rem;
	}
	#main.qa .pnv li a:after{
		bottom:-10px;
		margin-left:-5px;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #000 transparent transparent transparent;
	}
	#main.qa .qas{
		margin-top:40px;
	}
	#main.qa .qas h3{
		font-size:2rem;
	}
	#main.qa .qas dl{
		margin:15px 0 0 0;
	}
	#main.qa .qas dt{
		font-size:1.4rem;
		line-height:1.5;
		padding:15px 50px;
	}
	#main.qa .qas span{
		font-size:1.8rem;
		left:20px;
		top:19px;
	}
	#main.qa .qas dd{
		padding:15px 0 15px 50px;
		line-height:1.5;
	}
	#main.qa .qas dt:after{
	}
	#main.qa .qas dt em {
		width: 20px;
		height: 20px;
		right: 15px;
		top:50%;
		margin-top:-10px;
	}
	#main.qa .qas dt em::before,
	#main.qa .qas dt em::after {
	}
	#main.qa .qas dt em::after {
	}
	#main.qa .qas dt.active em::before{
	}
	#main.qa .qas dt.active em::after{
	}
}

/* company */
#main.company{
}
#main.company dl.dl1{
	width:48%;
}
#main.company dl.dl1 dt{
	font-weight:700;
	padding:30px 0 0 40px;
}
#main.company dl.dl1 dd{
	padding:0 0 30px 40px;
	border-bottom:1px solid #ccc;
}
#main.company dl.dl2{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:100px;
}
#main.company dl.dl2 dt{
	font-weight:700;
	padding:30px 0 30px 40px;
	width:20%;
	box-sizing:border-box;
	border-bottom:1px solid #ccc;
}
#main.company dl.dl2 dd{
	padding:30px 0 30px 40px;
	width:80%;
	box-sizing:border-box;
	border-bottom:1px solid #ccc;
}
#main.company dl.dl2 dt:last-of-type{
	border:none;
}
#main.company dl.dl2 dd:last-of-type{
	border:none;
}

@media (max-width: 801px) {
	#main.company{
	}
	#main.company .flex{
		display:block;
	}
	#main.company dl.dl1{
		width:100%;
		border-bottom:1px solid #000;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	#main.company dl.dl1 dt{
		padding:20px 0 5px 10px;
		font-size:1.6rem;
	}
	#main.company dl.dl1 dd{
		padding:0 0 20px 10px;
		font-size:1.3rem;
	}
	#main.company dl.dl1 dd:last-of-type{
		border:none;
	}
	#main.company dl.dl2{
		margin-bottom:50px;
		font-size:1.2rem;
		letter-spacing:0;
	}
	#main.company dl.dl2 dt{
		padding:5px 0 5px 10px;
		width:40%;
	}
	#main.company dl.dl2 dd{
		padding:5px 0 5px 0px;
		width:60%;
	}
	#main.company dl.dl2 dt:last-of-type{
		border:none;
	}
	#main.company dl.dl2 dd:last-of-type{
		border:none;
	}
}

/* privacy */
#main.privacy{
}
#main.privacy p.cap{
	font-size:1.6rem;
	line-height:1.7;
	margin-bottom:45px;
}
#main.privacy dl.dl2{
	margin-bottom:100px;
}
#main.privacy dl.dl2 dt{
	font-weight:700;
	padding:40px 100px 10px 100px;
	box-sizing:border-box;
	border-top:1px solid #ccc;
}
#main.privacy dl.dl2 dd{
	padding:0 100px 40px 100px;
	box-sizing:border-box;
}

@media (max-width: 801px) {
	#main.privacy{
	}
	#main.privacy p.cap{
		font-size:1.3rem;
		line-height:1.5;
		margin-bottom:25px;
	}
	#main.privacy dl.dl2{
		margin-bottom:50px;
		font-size:1.4rem;
	}
	#main.privacy dl.dl2 dt{
		padding:20px 10px 5px 10px;
	}
	#main.privacy dl.dl2 dd{
		padding:0 10px 20px 10px;
	}
}

/* product */
#main.product{
}
#main.product .title{
	position:relative;
}
#main.product .title h2{
	position:absolute;
	background:rgba(255,255,255,0.9);
	z-index:100;
	text-align:center;
	padding:50px 0 30px 0;
	font-size:1.6rem;
	font-weight:700;
	top:50%;
	left:15%;
	transform:translate(0,-50%);
	width:290px;
}
#main.product .title h2 span{
	display:block;
	margin:15px 0;
}
#main.product .title h2 img{
	width:auto;
	height:30px;
}
#main.product.order .title h2 img{
	height:50px;
}
#main.product.reno .title h2 img{
	height:40px;
}
#main.product .title em{
}
#main.product h3{
	text-align:center;
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:40px;
}
#main.product h3 span{
	display:block;
	font-size:3.8rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
}
#main.product p.copy{
	text-align:center;
	line-height:1.7;
	margin-bottom:50px;
}
#main.product.reno p.copy{
	padding:0 5%;
}

#main.product .area1{
	padding:45px 0 120px 0;
	position:relative;
}
#main.product .area1:before{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	background:#C7E3E6;
	width:80%;
	height:70%;
	z-index:-1;
}
#main.product.order .area1:before{
	background:#EFECEC;
}
#main.product.reno .area1:before{
	background:#D6E2D7;
	height:40%;
}
#main.product .area1 h4{
	line-height:1;
	font-size:2.4rem;
	font-weight:700;
	border-bottom:2px solid #000;
	width:50%;
	margin-bottom:35px;
}
#main.product .area1 ul{
}
#main.product .area1 li{
	background-image:url(../img/common/icon-checked.png);
	background-size:25px;
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:40px;
	margin-bottom:20px;
	font-weight:bold;
}
#main.product .area1 p{
	width:50%;
	margin:1em 0 0 0;
}

#main.product .pnv{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:90px;
}
#main.product .pnv li{
	width:24%;
	margin-bottom:4%;
	background:#000;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}
#main.product .pnv li a{
	background:#000;
	color:#fff;
	font-size:1.6rem;
	line-height:1.3;
	letter-spacing:0;
	font-weight:700;
	text-align:center;
	display:block;
	padding:15px 0;
	width:100%;
}
#main.product .pnv li:after{
	content:"";
	display:block;
	position:absolute;
	bottom:-18px;
	left:50%;
	margin-left:-10px;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 10px 0 10px;
border-color: #000 transparent transparent transparent;
}

#main.product .area2{
	margin-bottom:100px;
}
#main.product .area2 p.cap{
	line-height:1.7;
}
#main.product .area2 h4{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:50px;
}
#main.product .area2 h4 span{
	font-size:5.2rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
	display:block;
}
#main.product .area2 h5{
	line-height:1;
	font-size:2.4rem;
	font-weight:700;
	border-bottom:2px solid #000;
	margin-bottom:25px;
}
#main.product .area2 .a1a{
	margin-top:75px;
	flex-wrap:wrap;
}
#main.product .area2 .a1a dl{
	width:32%;
	border:2px solid #000;
	padding:50px 20px;
	margin-bottom:65px;
	position:relative;
}
#main.product .area2 .a1a dt{
	font-size:2.4rem;
	font-weight:700;
}
#main.product.order .area2 .a1a dt,
#main.product.reno .area2 .a1a dt{
	margin-bottom:5px;
}
#main.product .area2 .a1a dl em{
	position:absolute;
	font-size:3.9rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
	display:block;
	padding:20px 0 0 0;
	text-align:center;
	background:#000;
	color:#fff;
	width:70px;
	height:73px;
	left:20px;
	top:-35px;
}
#main.product .area2 .a1a dl span{
	display:block;
	font-size:1.3;
	font-size:1.3rem;
}
#main.product .area2 .a1a dl img{
	width:auto;
	height:90px;
	display:block;
	margin:20px auto;
}
#main.product .area2 .a1a dd{
	font-size:1.3rem;
}

#main.product .area2 .a1b{
	position:relative;
	padding:45px 0 65px 0;
	margin-bottom:80px;
}
#main.product .area2 .a1b p.cap{
	margin-bottom:50px;
}
#main.product .area2 .a1b:before{
	content:"";
	position:absolute;
	display:block;
	right:0;
	top:0;
	background:#EFECEC;
	width:80%;
	height:100%;
	z-index:-1;
}
#main.product.order .area2 .a1b:before{
	background:#D6E2D7;
}
#main.product.reno .area2 .a1b:before{
	background:#C7E3E6;
}
#main.product .area2 .a1b .swiper-button-prev {
    background-image: url(../img/product/prev-btn.png);
    width: 27px;
    height: 27px;
	background-size:27px;
	margin-top: -13px;
}
#main.product .area2 .a1b .swiper-button-next {
    background-image: url(../img/product/next-btn.png);
    width: 27px;
    height: 27px;
	background-size:27px;
	margin-top: -13px;
}

#main.product .area2 .a1c{
	margin-bottom:20px;
}
#main.product .area2 .a1c p.cap{
	margin-bottom:80px;
}
#main.product .area2 .a1c .flex{
	flex-wrap:wrap;
}
#main.product .area2 .a1c dl{
	width:49%;
	position:relative;
	margin-bottom:50px;
}
#main.product .area2 .a1c dt{
	margin-bottom:10px;
}
#main.product .area2 .a1c dd{
	font-size:1.3rem;
}
#main.product .area2 .a1c dl span{
	position:absolute;
	font-size:3.9rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
	display:block;
	padding:20px 0 0 0;
	text-align:center;
	background:#000;
	color:#fff;
	width:70px;
	height:73px;
	left:20px;
	top:-35px;
}
#main.product .area2 .a1c p.p1{
	width:49%;
	order:4;
}

#main.product .area2 .a1d{
	position:relative;
	padding:40px 0 75px 0;
	margin:0 0 80px 0;
}
#main.product .area2 .a1d:before{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	background:#D6E2D7;
	width:80%;
	height:100%;
	z-index:-1;
}
#main.product .area2 .a1d2{
	background:#fff;
	border:2px solid #000;
	position:relative;
	margin:70px 0 0 0;
	padding:40px 100px;
}
#main.product .area2 .a1d2:after{
	content:"";
	background:url(../img/product/hogaku.png);
	display:block;
	position:absolute;
	right:25px;
	bottom:25px;
	width:44px;
	height:60px;
	background-size:44px;
}
#main.product .area2 .a1d2 h6{
	background:#000;
	font-size:2.4rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
	color:#fff;
	padding:7px 10px 5px 10px;
	position:absolute;
	left:20px;
	top:-20px;
}
#main.product .area2 .a1d2 dl{
	width:320px;
}
#main.product .area2 .a1d2:nth-of-type(1) dl:nth-of-type(1) img{
	width:300px;
}
#main.product .area2 .a1d2:nth-of-type(2) dl:nth-of-type(1){
	width:330px;
}
#main.product .area2 .a1d2 dt{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:0.5em;
}
#main.product .area2 .a1d2 dd{
}
#main.product .area2 .a1d p.p1{
	font-size:1.3rem;
	margin:1.5em 0 0 0;
}

#main.product .area2 .a1e{
	margin-bottom:80px;
}
#main.product .area2 .a1e p.cap{
	margin-bottom:50px;
}
#main.product .area2 .a1e dl{
	width:32%;
}
#main.product .area2 .a1e dt{
	background:#585854;
	color:#fff;
	text-align:center;
	padding:10px 0;
	font-size:1.3rem;
	line-height:1;
}
#main.product .area2 .a1e dl:nth-of-type(2) dt{
	background:#8FB490;
}
#main.product .area2 .a1e dl:nth-of-type(3) dt{
	background:#000;
}
#main.product .area2 .a1e dt span{
	display:block;
	font-size:2.4rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:5px;
}
#main.product .area2 .a1e dd{
}

#main.product .area2 .a1f{
}
#main.product .area2 .a1f h5{
	margin-bottom:35px;
}
#main.product .area2 .a1f p.cap{
	width:47%;
}
#main.product .area2 .a1f p.pic{
	width:50%;
}

#main.product .area3{
	position:relative;
	padding-bottom:15px;
	margin-bottom:130px;
}
#main.product .area3:before{
	content:"";
	position:absolute;
	display:block;
	right:0;
	top:25px;
	background:#EFECEC;
	width:80%;
	height:100%;
	z-index:-1;
}
#main.product.order .area3:before{
	background:#C7E3E6;
	right:auto;
	left:0;
}
#main.product.reno .area3:before{
	background:#EFECEC;
	left:0;
}
#main.product .area3 h4{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:60px;
}
#main.product.reno .area3 h4{
	margin-bottom:30px;
}
#main.product .area3 h4 span{
	font-size:5.2rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
	vertical-align:middle;
	margin-right:20px;
}
#main.product .area3 dl{
	width:90%;
	margin:auto;
	margin-bottom:40px;
	display:flex;
	justify-content:space-between;
	font-weight:700;
	font-size:2.4rem;
	border-bottom:1px solid #000;
	line-height:1;
	padding:10px 40px;
}
#main.product .area3 dt{
}
#main.product .area3 dd{
}
#main.product .area3 p.p1{
	width:90%;
	margin:auto;
	font-size:1.3rem;
	line-height:1.5;
	margin-top:30px;
}
#main.product .area3 p.p2{
	font-weight:700;
	margin-bottom:10px;
}

#main.product .area4{
	margin-bottom:90px;
	position:relative;
}
#main.product .area4 h4{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:20px;
}
#main.product .area4 h4 span{
	font-size:5.2rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
	vertical-align:middle;
	margin-right:20px;
}
#main.product .area4 dl a {
	display:block;
	color:#333;
}
#main.product .area4 dl span {
	font-size:13px;
	padding:1;
	padding:1px 20px;
	font-weight:700;
	display:inline-block;
	background:#000;
	color:#fff;
	margin-bottom:5px;
}
#main.product .area4 dl em{
	display:block;
}
#main.product .area4 dd {
	font-size:16px;
	padding:20px 10px 20px 10px;
}
#main.product .area4 dl.new:before {
	content:"NEW";
	display:inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-size:12px;
	line-height:1;
	font-weight:700;
	background:#EEE72C;
	padding:5px 20px;
	position:absolute;
	top:10px;
	right:-15px;
	z-index:10;
}

#main.product .area5{
	position:relative;
	margin-bottom:160px;
	padding-bottom:80px;
}
#main.product .area5:before{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:25px;
	background:#C7E3E6;
	width:80%;
	height:100%;
	z-index:-1;
}
#main.product.order .area5:before{
	background:#EFECEC;
}
#main.product.reno .area5:before{
	background:#D6E2D7;
	right:0;
	left:auto;
}

#main.product .area5 h4{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:20px;
}
#main.product .area5 h4 span{
	font-size:5.2rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
	vertical-align:middle;
	margin-right:20px;
	text-transform:uppercase;
}

#main.product .area5 .a5a{
	background:#fff;
	border:2px solid #000;
	position:relative;
	margin:auto;
	margin-top:75px;
	padding:50px;
	max-width:800px;
	width:100%;
}
#main.product .area5 .a5a span{
	position:absolute;
	font-size:3.9rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
	display:block;
	padding:20px 0 0 0;
	text-align:center;
	background:#000;
	color:#fff;
	width:70px;
	height:73px;
	left:20px;
	top:-35px;
}
#main.product .area5 .a5a .flex{
	align-items:center;
}
#main.product .area5 .a5a dl{
	white-space:nowrap;
}
#main.product .area5 .a5a dt{
	font-size:2.4rem;
	font-weight:700;
}
#main.product .area5 .a5a dd{
}
#main.product .area5 .a5a:nth-of-type(1) p.p1{
	width:345px;
}
#main.product .area5 .a5a:nth-of-type(2) p.p1{
	width:330px;
}
#main.product .area5 .a5a:nth-of-type(3) p.p1{
	width:445px;
}
#main.product .area5 .a5a:nth-of-type(4) p.p1{
	width:245px;
}
#main.product .area5 .a5a:nth-of-type(2){
	padding:20px 30px 20px 50px;
}
#main.product .area5 .a5a:nth-of-type(4){
	padding:20px 30px 20px 50px;
}
#main.product.order .area5 .a5a{
	padding:50px;
}
#main.product.reno .area5 .a5a{
	padding:50px;
}

@media (max-width: 801px) {
	#main.product{
	}
	#main.product .title{
	}
	#main.product .title h2{
		padding:30px 0 30px 0;
		font-size:1.6rem;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width:70%;
	}
	#main.product .title h2 span{
		display:block;
		margin:10px 0;
	}
	#main.product .title h2 img{
		width:auto;
		height:25px;
	}
	#main.product .title em{
		display:block;
		font-size:1.3rem;
		line-height:1.3;
	}
	
	#main.product h3{
		font-size:1.3rem;
		margin:50px 0 30px 0;
	}
	#main.product h3 span{
	}
	#main.product p.copy{
		text-align:left;
		line-height:1.5;
		margin:auto;
		margin-bottom:50px;
		width:90%;
	}
	
	#main.product .area1{
		padding:40px 0 80px 0;
	}
	#main.product .area1:before{
		height:70%;
	}
	#main.product .area1 h4{
		width:100%;
		margin-bottom:25px;
	}
	#main.product .area1 .flex{
		display:block;
	}
	#main.product .area1 ul{
	}
	#main.product .area1 li{
		margin-bottom:20px;
		font-size:1.6rem;
		line-height:1.5;
	}
	#main.product .area1 p{
		width:70%;
		margin:1em 0 0 auto;
	}
	
	#main.product .pnv{
		margin-bottom:60px;
	}
	#main.product .pnv li{
		width:48%;
		margin-bottom:8%;
		background:#000;
		position:relative;
		align-items:center;
		display:flex;
		justify-content:center;
	}
	#main.product .pnv li a{
		font-size:1.4rem;
		line-height:1.3;
		padding:15px 0;
	}
	#main.product .pnv li a:after{
		display:none;
	}
	#main.product .pnv li:after{
		content:"";
		display:block;
		position:absolute;
		bottom:-18px;
		left:50%;
		margin-left:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 10px 0 10px;
	border-color: #000 transparent transparent transparent;
	}
	
	#main.product .area2{
		margin-bottom:80px;
	}
	#main.product .area2 p.cap{
		line-height:1.7;
	}
	#main.product .area2 h4{
		font-size:1.6rem;
		margin-bottom:40px;
	}
	#main.product .area2 h4 span{
		font-size:3.8rem;
	}
	#main.product .area2 h5{
		font-size:2.1rem;
		line-height:1.3;
		margin-bottom:25px;
	}
	#main.product .area2 .a1a{
		margin-top:35px;
	}
	#main.product .area2 .a1a dl{
		width:100%;
		padding:50px 20px 20px 20px;
		margin-bottom:35px;
	}
	#main.product .area2 .a1a dt{
		font-size:2.4rem;
		font-weight:700;
	}
	#main.product .area2 .a1a dl em{
		font-size:2.7rem;
		padding:13px 0 0 0;
		width:50px;
		height:52px;
		top:-15px;
	}
	#main.product .area2 .a1a dl span{
	}
	#main.product .area2 .a1a dl img{
		width:auto;
		height:90px;
		display:block;
		margin:20px auto;
	}
	#main.product .area2 .a1a dd{
		letter-spacing:0;
		font-size:1.6rem;
	}
	
	#main.product .area2 .a1b{
		padding:25px 0 35px 0;
		margin-bottom:60px;
	}
	#main.product .area2 .a1b p.cap{
		margin-bottom:20px;
	}
	#main.product .area2 .a1b:before{
	}
	#main.product .area2 .a1b .swiper-button-prev {
	}
	#main.product .area2 .a1b .swiper-button-next {
	}
	
	#main.product .area2 .a1c{
		margin-bottom:20px;
	}
	#main.product .area2 .a1c p.cap{
		margin-bottom:20px;
	}
	#main.product .area2 .a1c .flex{
		display:block;
	}
	#main.product .area2 .a1c dl{
		width:100%;
		margin-bottom:50px;
	}
	#main.product .area2 .a1c dt{
		margin-bottom:10px;
	}
	#main.product .area2 .a1c dd{
		font-size:1.3rem;
	}
	#main.product .area2 .a1c dl span{
		font-size:2.7rem;
		padding:13px 0 0 0;
		width:50px;
		height:53px;
		left:20px;
		top:-20px;
	}
	#main.product .area2 .a1c p.p1{
		width:100%;
		margin-bottom:50px;
	}
	
	#main.product .area2 .a1d{
		position:relative;
		padding:40px 0 75px 0;
		margin:0 0 60px 0;
	}
	#main.product .area2 .a1d:before{
	}
	#main.product .area2 .a1d2{
		margin:50px 0 0 0;
		padding:40px 5% 50px 5%;
	}
	#main.product .area2 .a1d2:after{
	}
	#main.product .area2 .a1d2 h6{
		font-size:1.7rem;
		left:10px;
		top:-10px;
	}
	#main.product .area2 .a1d2 .flex{
		display:block;
	}
	#main.product .area2 .a1d2 dl{
		width:100%;
		margin-bottom:50px;
	}
	#main.product .area2 .a1d2:nth-of-type(1) dl:nth-of-type(1) img{
		width:100%;
	}
	#main.product .area2 .a1d2:nth-of-type(2) dl:nth-of-type(1){
		width:100%;
	}
	#main.product .area2 .a1d2 dt{
		margin-bottom:0.5em;
	}
	#main.product .area2 .a1d2 dd{
	}
	#main.product .area2 .a1d p.p1{
		font-size:1.2rem;
		line-height:1.3;
		margin:1em 0 0 0;
	}
	
	#main.product .area2 .a1e{
		margin-bottom:60px;
	}
	#main.product .area2 .a1e p.cap{
		margin-bottom:20px;
	}
	#main.product .area2 .a1e .flex{
		display:block;
	}
	#main.product .area2 .a1e dl{
		width:100%;
		margin-bottom:5%;
	}
	#main.product .area2 .a1e dt{
		padding:10px 0 5px 0;
	}
	#main.product .area2 .a1e dl:nth-of-type(2) dt{
	}
	#main.product .area2 .a1e dl:nth-of-type(3) dt{
	}
	#main.product .area2 .a1e dt span{
	}
	#main.product .area2 .a1e dd{
	}
	
	#main.product .area2 .a1f{
	}
	#main.product .area2 .a1f h5{
		margin-bottom:25px;
	}
	#main.product .area2 .a1f .flex{
		display:block;
	}
	#main.product .area2 .a1f p.cap{
		width:100%;
		margin-bottom:1em;
	}
	#main.product .area2 .a1f p.pic{
		width:100%;
	}
	
	#main.product .area3{
		padding:40px 0 40px 0;
		margin-bottom:60px;
	}
	#main.product .area3:before{
		top:0;
	}
	#main.product .area3 h4{
		font-size:1.6rem;
		margin-bottom:30px;
		line-height:1.3;
	}
	#main.product .area3 h4 span{
		font-size:3.8rem;
		line-height:1;
		margin-right:0;
		display:block;
	}
	#main.product .area3 dl{
		width:100%;
		font-size:1.6rem;
		line-height:1.2;
		padding:5px 0px;
		align-items:flex-end;
		margin-bottom:1em;
	}
	#main.product .area3 dt{
	}
	#main.product .area3 dd{
	}
	#main.product .area3 p.p1{
		width:100%;
		font-size:1.2rem;
		line-height:1.5;
		margin-top:20px;
	}
	
	#main.product .area4{
		margin-bottom:90px;
		position:relative;
	}
	#main.product .area4:before {
		content: "";
		position: absolute;
		display: block;
		right: 0;
		top: 15px;
		background:#D6E2D7;
		width: 80%;
		height: 100%;
		z-index: -1;
	}
	#main.product .area4 h4{
		font-size:1.3rem;
		margin-bottom:20px;
		text-align:right;
	}
	#main.product .area4 h4 span{
		font-size:3.8rem;
		margin-right:10px;
	}
	#main.product .area4 dl a {
		display:block;
		color:#333;
	}
	#main.product .area4 dl span {
		font-size:11px;
		padding:1px 10px;
		margin-bottom:5px;
	}
	#main.product .area4 dl em{
		display:block;
	}
	#main.product .area4 dd {
		font-size:13px;
		padding:10px 10px 10px 10px;
	}
	#main.product .area4 dl.new:before {
		padding:2px 10px;
	}
	
	#main.product .area5{
		margin-bottom:75px;
		padding-bottom:40px;
	}
	#main.product .area5:before{
	}
	
	#main.product .area5 h4{
		font-size:1.3rem;
		margin-bottom:20px;
		line-height:1;
	}
	#main.product .area5 h4 span{
		font-size:3.8rem;
		line-height:1;
		margin-right:0px;
		display:block;
	}
	
	#main.product .area5 .a5a{
		margin-top:75px;
		padding:30px;
		width:100%;
	}
	#main.product .area5 .a5a span{
		font-size:2.7rem;
		padding:13px 0 0 0;
		width:50px;
		height:52px;
		left:10px;
		top:-20px;
	}
	#main.product .area5 .a5a .flex{
		display:block;
	}
	#main.product .area5 .a5a dl{
		text-align:center;
		white-space:normal;
	}
	#main.product .area5 .a5a dt{
		font-size:2.4rem;
	}
	#main.product .area5 .a5a dd{
		margin-bottom:1em;
	}
	#main.product .area5 .a5a:nth-of-type(1) p.p1{
		width:100%;
	}
	#main.product .area5 .a5a:nth-of-type(2) p.p1{
		width:100%;
	}
	#main.product .area5 .a5a:nth-of-type(3) p.p1{
		width:100%;
	}
	#main.product .area5 .a5a:nth-of-type(4) p.p1{
		width:100%;
	}
	#main.product .area5 .a5a:nth-of-type(2){
		padding:30px;
	}
	#main.product .area5 .a5a:nth-of-type(4){
		padding:30px;
	}
}

/* works */
#main.works{
}
#main.works .snv{
	display:flex;
	margin-bottom:50px;
}
#main.works .snv li{
	margin:0 10px 0 0;
}
#main.works .snv li a{
	font-size:1.6rem;
	color:#fff;
	background:#585854;
	display:block;
	padding:10px 25px;
}
#main.works .snv li a.active{
	background:#000;
}
#main.works .snv li a:hover{
	background:#000;
	opacity:1;
}

#main.works .area4{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#main.works .pagenation{
	margin-bottom:130px;
}
#main.works .area4:before{
	content:"";
	display:block;
	width:32%;
	height:1px;
	order:1;
}
#main.works .area4:after{
	content:"";
	display:block;
	width:32%;
	height:1px;
}
#main.works .area4 dl{
	width:32%;
	position:relative;
	margin:0 0 5% 0;
}
#main.works .area4 dl a {
	display:block;
	color:#333;
}
#main.works .area4 dl span {
	font-size:13px;
	padding:1;
	padding:1px 20px;
	font-weight:700;
	display:inline-block;
	background:#000;
	color:#fff;
	margin-bottom:5px;
}
#main.works .area4 dl em{
	display:block;
}
#main.works .area4 dd {
	font-size:16px;
	padding:20px 10px 20px 10px;
}
#main.works .area4 dl.new:before {
	content:"NEW";
	display:inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-size:12px;
	line-height:1;
	font-weight:700;
	background:#EEE72C;
	padding:5px 20px;
	position:absolute;
	top:10px;
	right:-15px;
	z-index:10;
}

@media (max-width: 801px) {
	#main.works{
	}
	#main.works .snv{
		flex-wrap:wrap;
		margin-bottom:30px;
	}
	#main.works .snv li{
		margin:0 5px 5px 0;
	}
	#main.works .snv li a{
		font-size:1.4rem;
		padding:5px 15px;
	}
	#main.works .snv li a.active{
	}
	#main.works .snv li a:hover{
	}
	
	#main.works .area4{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#main.works .pagenation{
		margin-bottom:60px;
	}
	#main.works .area4:before{
		width:49%;
	}
	#main.works .area4:after{
		width:49%;
	}
	#main.works .area4 dl{
		width:49%;
		margin:0 0 5% 0;
	}
	#main.works .area4 dl a {
		display:block;
		color:#333;
	}
	#main.works .area4 dl span {
		font-size:11px;
		padding:1px 10px;
		margin-bottom:2px;
	}
	#main.works .area4 dl em{
		display:block;
	}
	#main.works .area4 dd {
		font-size:13px;
		padding:5px 0;
	}
	#main.works .area4 dl.new:before {
		padding:4px 10px 2px 10px;
	}
}

/* works-detail */
#main.works #area1{
}
#main.works #area1 .name{
	text-align:center;
	margin-bottom:15px;
}
#main.works #area1 .cat{
	text-align:center;
	margin-bottom:5px;
}
#main.works #area1 .cat span{
	display:inline-block;
	background:#000;
	color:#fff;
	font-size:1.3rem;
	padding:4px 20px;
}
#main.works #area1 h2{
	font-size:2.4rem;
	text-align:center;
}
#main.works #area1 .tag{
	font-size:1.3rem;
	line-height:1;
	color:#585854;
	text-align:center;
	display:flex;
	justify-content:center;
	margin:10px 0 30px 0;
}
#main.works #area1 .tag li{
	border-right:1px solid #585854;
	padding-right:5px;
	margin-right:5px;
}
#main.works #area1 .tag li:last-of-type{
	border:none;
	padding:0;
	margin:0;
}
#main.works #area1 p.pic{
	margin-bottom:70px;
}
#main.works #area1 h3{
	text-align:center;
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:30px;
}
#main.works #area1 p.p1{
	font-size:1.3rem;
	text-align:center;
	line-height:1.8;
	margin-bottom:70px;
}
#main.works #area1 ul.img{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:60px;
}
#main.works #area1 ul.img li{
	width:32%;
	margin-bottom:2%;
}
#main.works #area1 ul.img:after{
	content:"";
	display:block;
	width:32%;
}
#main.works #area1 h4{
	font-size:2.4rem;
	line-height:1;
	border-bottom:2px solid #000;
}
#main.works #area1 .a1a{
	margin-bottom:80px;
	display:flex;
}
#main.works #area1 .a1a ul{
	font-size:1.3rem;
	width:50%;
}
#main.works #area1 .a1a li{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:10px;
	box-sizing:border-box;
}
#main.works #area1 .a1a ul:nth-of-type(2) li{
	border-right:none;
}
#main.works #area1 .a1b{
	padding:20px 0 0 0;
}
#main.works #area1 .a1b ul{
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
#main.works #area1 .a1b li{
	width:49%;
}
#main.works #area1 .a1b dl.dl1{
	margin-bottom:40px;
}
#main.works #area1 .a1b dl.dl1 dt{
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:5px;
}
#main.works #area1 .a1b dl.dl1 dd{
	font-size:1.3rem;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
#main.works #area1 .a1b dl.dl2{
	background:#C7E3E6;
	margin-bottom:50px;
	padding:20px 15px;
}
#main.works #area1 .a1b dl.dl2 dt{
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:10px;
	background-image:url(../img/works/works-icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:30px;
	padding-left:40px;
}
#main.works #area1 .a1b dl.dl2 dd{
	font-size:1.3rem;
	background:#fff;
	padding:10px;
	border-radius:15px;
}

#main.works .prenx{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	display:flex;
	margin:0 0 100px 0;
}
#main.works .prenx li{
	width:50%;
	position:relative;
}
#main.works .prenx li a{
	color:#333;
	display:flex;
	align-items:center;
	padding:30px;
}
#main.works .prenx img{
	width:125px;
}
#main.works .prenx span{
	padding-left:15px;
}
#main.works .prenx em{
	display:block;
	color:#EEE72C;
}
#main.works .prenx li:nth-of-type(1){
	border-right:1px solid #ccc;
}
#main.works .prenx li:nth-of-type(1):before{
content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #333;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    transition: .4s;
	transform:rotate(-180deg);
	position:absolute;
	top:50%;
	left:0;
}
#main.works .prenx li:nth-of-type(2):after{
content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #333;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    transition: .4s;
	position:absolute;
	top:50%;
	right:0;
}

@media (max-width: 801px) {
	#main.works #area1{
	}
	#main.works #area1 .name{
		margin-bottom:3px;
		font-size:1.2rem;
		line-height:1;
	}
	#main.works #area1 .cat{
		margin-bottom:5px;
	}
	#main.works #area1 .cat span{
		font-size:1.2rem;
		line-height:1;
		padding:3px 20px;
	}
	#main.works #area1 h2{
		line-height:1.5;
	}
	#main.works #area1 .tag{
		font-size:1.2rem;
	}
	#main.works #area1 .tag li{
		padding-right:5px;
		margin-right:5px;
		line-height:1;
	}
	#main.works #area1 .tag li:last-of-type{
	}
	#main.works #area1 p.pic{
		margin-bottom:20px;
	}
	#main.works #area1 h3{
		text-align:left;
		font-size:1.8rem;
		margin-bottom:5px;
	}
	#main.works #area1 p.p1{
		font-size:1.3rem;
		text-align:left;
		line-height:1.5;
		margin-bottom:30px;
	}
	#main.works #area1 ul.img{
		margin-bottom:40px;
	}
	#main.works #area1 ul.img li{
	}
	#main.works #area1 h4{
	}
	#main.works #area1 .a1a{
		margin-bottom:50px;
		display:block;
	}
	#main.works #area1 .a1a ul{
		width:100%;
	}
	#main.works #area1 .a1a li{
		border-right:none;
		padding:5px 10px;
	}
	#main.works #area1 .a1a ul:nth-of-type(2) li{
		border-right:none;
	}
	#main.works #area1 .a1b{
	}
	#main.works #area1 .a1b ul{
		margin-bottom:15px;
	}
	#main.works #area1 .a1b li{
	}
	#main.works #area1 .a1b dl.dl1{
		margin-bottom:20px;
	}
	#main.works #area1 .a1b dl.dl1 dt{
		font-size:1.3rem;
		line-height:1.3;
		margin-bottom:1px;
		margin-left:1.2em;
		text-indent:-1.2em;
	}
	#main.works #area1 .a1b dl.dl1 dd{
		font-size:1.3rem;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	#main.works #area1 .a1b dl.dl2{
		margin-bottom:40px;
		padding:15px 15px;
	}
	#main.works #area1 .a1b dl.dl2 dt{
		font-size:1.6rem;
		margin-bottom:10px;
		background-size:25px;
		padding-left:35px;
	}
	#main.works #area1 .a1b dl.dl2 dd{
		padding:10px 15px;
	}

	#main.works .prenx{
		border-top:1px solid #CCCCCC;
		border-bottom:none;
		display:block;
		margin:0 0 20px 0;
	}
	#main.works .prenx li{
		width:100%;
		position:relative;
	}
	#main.works .prenx li a{
		color:#333;
		display:flex;
		align-items:center;
		padding:30px;
	}
	#main.works .prenx img{
		width:125px;
	}
	#main.works .prenx span{
		padding-left:15px;
		width:calc(100% - 125px);
		font-size:1.3rem;
		line-height:1.5;
	}
	#main.works .prenx em{
	}
	#main.works .prenx li:nth-of-type(1){
		border-right:none;
		border-bottom:1px solid #ccc;
	}
	#main.works .prenx li:nth-of-type(1):before{
	}
	#main.works .prenx li:nth-of-type(2):after{
	}
}

/* search */
#main.search{
}
#main.search .snv{
	display:flex;
	margin-bottom:50px;
}
#main.search .snv li{
	margin:0 10px 0 0;
}
#main.search .snv li a{
	font-size:1.6rem;
	color:#fff;
	background:#585854;
	display:block;
	padding:10px 25px;
}
#main.search .snv li a.active{
	background:#000;
}
#main.search .snv li a:hover{
	background:#000;
	opacity:1;
}

#main.search .area4{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#main.search .pagenation{
	margin-bottom:130px;
}
#main.search .area4:before{
	content:"";
	display:block;
	width:32%;
	height:1px;
	order:1;
}
#main.search .area4:after{
	content:"";
	display:block;
	width:32%;
	height:1px;
}
#main.search .area4 dl{
	width:32%;
	position:relative;
	margin:0 0 5% 0;
}
#main.search .area4 dl a {
	display:block;
	color:#333;
}
#main.search .area4 dl span.cat {
	font-size:13px;
	padding:1;
	padding:1px 20px;
	font-weight:700;
	display:inline-block;
	background:#000;
	color:#fff;
	margin-bottom:5px;
}
#main.search .area4 dl em{
}
#main.search .area4 dt{
	margin-bottom:10px;
}
#main.search .area4 dd {
	font-size:16px;
	padding:0;
}
#main.search .area4 dd.dd2{
	font-size:1.2rem;
}
#main.search .area4 dd.dd2 span{
	color:#B2363C;
}
#main.search .area4 dd em{
	color:#B2363C;
	font-size:1.3rem;
	display:inline-block;
	margin-left:10px;
}

#main.search .area4 dl.new:before {
	content:"NEW";
	display:inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-size:12px;
	line-height:1;
	font-weight:700;
	background:#EEE72C;
	padding:5px 20px;
	position:absolute;
	top:10px;
	right:-15px;
	z-index:10;
}

#main.search #ser{
	display:flex;
	justify-content:space-between;
}
#main.search #serL{
	width:70%;
}
#main.search #serL p.cat{
	color:#B2363C;
	font-size:1.3rem;
}
#main.search #serL p.cat span{
	background:#000;
	color:#fff;
	display:inline-block;
	line-height:1;
	padding:5px 20px;
	margin-right:10px;
}
#main.search #serL h2{
	font-size:2.4rem;
	font-weight:700;
	margin:5px 0 10px 0;
}
#main.search #serL p.pic{
	margin-bottom:30px;
}
#main.search #serL .se1{
	margin-bottom:20px;
	background:#F5F4F4;
	padding:25px;
}
#main.search #serL .se1 .p1{
	font-size:1.8rem;
	line-height:1.5;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
	margin-bottom:10px;
}
#main.search #serL .se1 .p1 p{
	margin:1em 0;
	line-height:1.5;
}
#main.search #serL .se1 p.p2{
	text-align:right;
	font-weight:700;
}
#main.search #serL .se1 p.p2 span{
	color:#B2363C;
	font-size:3.8rem;
	margin-left:10px;
}
#main.search #serL .se1 p.p2 em{
	font-size:2.5rem;
}
#main.search #serL .se2{
	display:flex;
	flex-wrap:wrap;
	margin:30px 0;
}
#main.search #serL .se2 dl{
	width:49%;
	margin-bottom:20px;
}
#main.search #serL .se2 dt{
	margin-bottom:5px;
}
#main.search #serL .se2 dd{
	font-weight:700;
}
#main.search #serL .se3{
	background:#F5F4F4;
	padding:25px 25px 40px 25px;
	margin-bottom:30px;
}
#main.search #serL .se3 h3{
	font-size:2.4rem;
	font-weight:700;
	line-height:1;
	border-bottom:2px solid #000;
	margin-bottom:10px;
}
#main.search #serL .se3 dl{
	border-bottom:1px solid #ccc;
	display:flex;
	padding:15px 20px;
}
#main.search #serL .se3 dt{
	font-weight:700;
	width:175px;
}
#main.search #serL .se3 dd{
}

#main.search #serL .se1 .post{
}
#main.search #serL .post p{
	margin:1em 0;
	font-size:1.6rem;
	line-height:1.7;
} 

#main.search #serL .post strong { font-weight: bold; }
#main.search #serL .post em { font-style: italic; }
#main.search #serL .post blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
#main.search #serL .post .aligncenter {
    display: block;
    margin: 0 auto;
}
#main.search #serL .post .alignright { float: right; }
#main.search #serL .post .alignleft { float: left; }
 
#main.search #serL .post img[class*="wp-image-"],
#main.search #serL .post img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/* clearfix */
 
#main.search #serL .post .clearfix {
    overflow: hidden;
    zoom: 1;
}
#main.search #serL .post .clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* ul,ol */
#main.search #serL .post ul{
	list-style:disc;
	margin:0.5em 0 0.5em 2em;
}
#main.search #serL .post ol{
	list-style: decimal;
	margin:0.5em 0 0.5em 2em;
}

#main.search #serR{
	width:25%;
	padding-top:100px;
}
#main.search #serR dl{
}
#main.search #serR dt{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:10px;
}
#main.search #serR dd{
	line-height:2.2;
}
#main.search #serR dd a{
	color:#333;
	text-decoration:underline;
}
#main.search .prenx{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	display:flex;
	margin:0 0 100px 0;
}
#main.search .prenx li{
	width:50%;
	position:relative;
}
#main.search .prenx li a{
	color:#333;
	display:flex;
	align-items:center;
	padding:30px;
}
#main.search .prenx img{
	width:125px;
}
#main.search .prenx span{
	padding-left:15px;
}
#main.search .prenx em{
	display:block;
	color:#EEE72C;
}
#main.search .prenx li:nth-of-type(1){
	border-right:1px solid #ccc;
}
#main.search .prenx li:nth-of-type(1):before{
content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #333;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    transition: .4s;
	transform:rotate(-180deg);
	position:absolute;
	top:50%;
	left:0;
}
#main.search .prenx li:nth-of-type(2):after{
content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #333;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    transition: .4s;
	position:absolute;
	top:50%;
	right:0;
}

@media (max-width: 801px) {
	#main.search{
	}
	#main.search .snv{
		flex-wrap:wrap;
		margin-bottom:30px;
	}
	#main.search .snv li{
		margin:0 5px 5px 0;
	}
	#main.search .snv li a{
		font-size:1.4rem;
		padding:5px 15px;
	}
	#main.search .snv li a.active{
	}
	#main.search .snv li a:hover{
	}
	
	#main.search .area4{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#main.search .pagenation{
		margin-bottom:60px;
	}
	#main.search .area4:before{
		width:49%;
	}
	#main.search .area4:after{
		width:49%;
	}
	#main.search .area4 dl{
		width:49%;
		margin:0 0 5% 0;
	}
	#main.search .area4 dl a {
		display:block;
		color:#333;
	}
	#main.search .area4 dl span {
		font-size:11px;
		padding:1px 10px;
		margin-bottom:2px;
	}
	#main.search .area4 dl em{
	}
	#main.search .area4 dd {
		font-size:13px;
		padding:0;
	}
	#main.search .area4 dl.new:before {
		padding:4px 10px 2px 10px;
	}
	
	#main.search #ser{
		display:block;
	}
	#main.search #serL{
		width:100%;
	}
	#main.search #serL p.cat{
	}
	#main.search #serL p.cat span{
	}
	#main.search #serL h2{
		margin:2px 0 5px 0;
	}
	#main.search #serL p.pic{
	}
	#main.search #serL .se1{
		padding:15px;
	}
	#main.search #serL .se1 p.p1{
		font-size:1.6rem;
	}
	#main.search #serL .se1 p.p2{
		font-size:1rem;
		line-height:1;
	}
	#main.search #serL .se1 p.p2 span{
		font-size:3.2rem;
	}
	#main.search #serL .se1 p.p2 em{
		font-size:2.1rem;
	}
	#main.search #serL .se2{
		display:flex;
		flex-wrap:wrap;
		margin:30px 0;
	}
	#main.search #serL .se2 dl{
		margin-bottom:5px;
	}
	#main.search #serL .se2 dt{
	}
	#main.search #serL .se2 dd{
		font-size:1.3rem;
	}
	#main.search #serL .se3{
		padding:20px;
		margin-bottom:0px;
	}
	#main.search #serL .se3 h3{
		margin-bottom:5px;
	}
	#main.search #serL .se3 dl{
		padding:10px 10px;
	}
	#main.search #serL .se3 dt{
		font-size:1.3rem;
		line-height:1.3;
		width:130px;
	}
	#main.search #serL .se3 dd{
		font-size:1.3rem;
		line-height:1.3;
		width:calc(100% - 130px);
	}
	
	#main.search #serL .se1 .post{
	}
	#main.search #serL .post p{
		margin:1em 0;
		font-size:1.3rem;
		line-height:1.5;
	} 
	
	#main.search #serR{
		width:100%;
		padding:50px 0;
	}
	#main.search #serR dl{
	}
	#main.search #serR dt{
		margin-bottom:5px;
	}
	#main.search #serR dd{
	}
	#main.search #serR dd a{
		font-size:1.6rem;
	}

	
	#main.search .prenx{
		border-top:1px solid #CCCCCC;
		border-bottom:none;
		display:block;
		margin:0 0 20px 0;
	}
	#main.search .prenx li{
		width:100%;
		position:relative;
	}
	#main.search .prenx li a{
		color:#333;
		display:flex;
		align-items:center;
		padding:30px;
	}
	#main.search .prenx img{
		width:125px;
	}
	#main.search .prenx span{
		padding-left:15px;
		width:calc(100% - 125px);
		font-size:1.3rem;
		line-height:1.5;
	}
	#main.search .prenx em{
	}
	#main.search .prenx li:nth-of-type(1){
		border-right:none;
		border-bottom:1px solid #ccc;
	}
	#main.search .prenx li:nth-of-type(1):before{
	}
	#main.search .prenx li:nth-of-type(2):after{
	}
}

/* flow */
#main.flow{
}
#main.flow h3{
	text-align:center;
	font-size:1.8rem;
	line-height:1;
	font-weight:700;
}
#main.flow h3 span{
	display:block;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	font-size:3.8rem;
}
#main.flow p.pic{
	max-width:770px;
	width:100%;
	margin:auto;
	margin-bottom:60px;
}
#main.flow p.p2{
	margin-bottom:50px;
	margin-top:-5vw;
}

@media (max-width: 801px) {
	#main.flow{
	}
	#main.flow h3{
		margin-bottom:45px;
	}
	#main.flow h3 span{
	}
	#main.flow p.pic{
		width:100%;
		margin:50px auto 30px auto;
	}
	#main.flow p.pic img{
		max-width:none;
		width:110%;
		margin-left:-5%;
	}
	#main.flow p.p2{
		margin-bottom:50px;
		margin-top:0;
	}
	#main.flow p.pic.p3{
		margin-bottom:60px;
	}
}

/* quality */
#main.quality{
}
#main.quality .title{
	position:relative;
}
#main.quality .title h2{
	position:absolute;
	background:rgba(255,255,255,0.9);
	z-index:100;
	text-align:center;
	padding:50px 45px 50px 45px;
	font-size:1.6rem;
	line-height:1;
	font-weight:700;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#main.quality .title h2 span{
	display:block;
	margin:10px 0 5px 0;
	font-family: 'Josefin Sans', sans-serif;
	font-size:5rem;
	line-height:1;
	font-weight:700;
}
#main.quality .title h2 span:after{
	content:"";
	display:block;
	background:url(../img/common/icon-wave.png);
	width:65px;
	height:15px;
	margin:auto;
	margin-bottom:10px;
	background-size:cover;
}
#main.quality .title em{
	font-size:1.8rem;
}
#main.quality .cap{
	font-size:1.3rem;
	text-align:center;
	line-height:1.7;
	margin-bottom:65px;
}

#main.quality #area1{
	padding:60px 0;
	margin:0 0 80px 0;
	position:relative;
}
#main.quality #area1:after{
	content:"";
	background:#C7E3E6;
	width:75%;
	height:100%;
	position:absolute;
	z-index:-1;
	top:0;
}
#main.quality #area1 .inner{
	position:relative;
}
#main.quality #area1 dl{
	background:#fff;
	padding:50px 100px 50px 50px;
	box-sizing:border-box;
	max-width:650px;
}
#main.quality #area1 dt{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:10px;
}
#main.quality #area1 dd{
	font-size:1.3rem;
	line-height:1.7;
}
#main.quality #area1 .pic{
	position:absolute;
	max-width:410px;
	width:100%;
	top:40px;
	right:0;
}

#main.quality #area2{
	margin:0 0 70px 0;
	position:relative;
}
#main.quality #area2 .inner{
	position:relative;
}
#main.quality #area2 .a2a{
	position:relative;
	padding:60px 0 0 0;
	margin:0 0 80px 0;
}
#main.quality #area2 .a2a:after{
	content:"";
	background:#D6E2D7;
	width:75%;
	height:90%;
	position:absolute;
	z-index:-2;
	top:0;
	right:0;
}
#main.quality #area2 dl.dl1{
	background:#fff;
	padding:40px;
	margin:0;
	box-sizing:border-box;
	max-width:450px;
	position:absolute;
	top:60px;
	right:0;
}
#main.quality #area2 dl.dl1 dt{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:10px;
}
#main.quality #area2 dl.dl1 dd{
	font-size:1.3rem;
	line-height:1.7;
}
#main.quality #area2 .pic{
	max-width:760px;
	width:100%;
}
#main.quality #area2 .pic2{
	max-width:485px;
	width:100%;
	margin-bottom:70px;
}
#main.quality #area2 dl.dl2{
	position:relative;
	max-width:485px;
	width:100%;
	margin-bottom:70px;
}
#main.quality #area2 dl.dl3{
	width:48%;
}
#main.quality #area2 dl.dl2 dt,
#main.quality #area2 dl.dl3 dt{
	margin-bottom:15px;
}
#main.quality #area2 dl.dl2 dt span,
#main.quality #area2 dl.dl3 dt span{
	display:inline-block;
	background:#000;
	color:#fff;
	padding:2px 10px;
	font-size:1.6rem;
	font-weight:700;
}
#main.quality #area2 dl.dl2 dd,
#main.quality #area2 dl.dl3 dd{
	font-size:1.3rem;
	margin-bottom:10px;
}

#main.quality dl.dl1{
}
#main.quality dl.dl1 dt{
}
#main.quality dl.dl1 dt span{
	display:inline-block;
	background:#000;
	color:#fff;
	padding:2px 10px;
	font-size:1.6rem;
	font-weight:700;
}
#main.quality dl.dl1 dd{
	font-size:1.3rem;
	line-height:1.7;
	margin:15px 0 0 0;
}

#main.quality .ttl{
	position:relative;
	margin:0 0 80px 0;
}
#main.quality .ttl .txt{
	max-width:1010px;
	width:90%;
	margin:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:rgba(255,255,255,0.85);
	text-align:center;
	padding:55px 5% 45px 5%;
	box-sizing:border-box;
}
#main.quality .ttl .txt h3{
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:10px;
}
#main.quality .ttl .txt .tt{
	font-size:1.3rem;
	line-height:1.7;
}
#main.quality .ttl .pic{
}

#main.quality #area3{
	padding:0 0 30px 0;
}
#main.quality #area3 .a3a{
	margin:30px 0 50px 0;
}
#main.quality #area3 .a3a dl{
	width:31%;
}
#main.quality #area3 .a3a dl dt{
	font-size:1.6rem;
	font-weight:700;
}
#main.quality #area3 .a3a dl dd{
	font-size:1.3rem;
	margin:10px 0 0 0;
}
#main.quality #area3 .a3a dl dd span{
	font-weight:700;
}
#main.quality #area3 dl.dl1{
	margin:0 0 65px 0;
}
#main.quality #area3 dl.dl1 ul.ul1{
}
#main.quality #area3 dl.dl1 ul.ul1 li{
	width:31%;
}
#main.quality #area3 dl.dl1 ul.ul2{
}
#main.quality #area3 dl.dl1 ul.ul2 li{
	width:48%;
}
#main.quality #area3 dl.dl1 .ul3{
}
#main.quality #area3 dl.dl1 .ul3 li{
	display:inline-block;
	background:#003983;
	font-weight:700;
	color:#fff;
	padding:5px 20px;
	border-radius:20px;
	font-size:1.6rem;
	margin:0 10px 5px 0;
}
#main.quality #area3 dl.dl1 .dd2{
	position:relative;
	margin-top:20px;
}
#main.quality #area3 dl.dl1 .dd2 .p1{
	font-size:1.3rem;
	line-height:1.7;
	margin:10px 0 0 0;
	padding-right:250px;
}
#main.quality #area3 dl.dl1 .dd2 .p1 img{
	width:220px;
	position:absolute;
	top:0;
	right:0;
}

#main.quality #area4{
}
#main.quality #area4 .a4{
	margin:0 0 70px 0;
}
#main.quality #area4 .a4 dl{
	width:47%;
}
#main.quality #area4 .a4a{
	margin:0 0 70px 0;
	padding:80px 0 50px 0;
	position:relative;
}
#main.quality #area4 .a4a:after{
	content:"";
	background:rgba(236,236,236,0.35);
	width:75%;
	height:100%;
	position:absolute;
	z-index:-2;
	top:0;
	left:0;
}
#main.quality #area4 .a4a dl{
}
#main.quality #area4 .a4a dl .flex{
	flex-wrap:wrap;
	margin-top:30px;
}
#main.quality #area4 .a4a dl dl{
	width:48%;
}
#main.quality #area4 .a4a dl dt{
	font-weight:700;
	font-size:1.6rem;
}
#main.quality #area4 .a4a dl dl dd{
	margin:0 0 35px 0;
}
#main.quality #area4 .a4a dl .dl2 .flex{
	margin:0;
}
#main.quality #area4 .a4a dl .dl2{
	width:100%;
}
#main.quality #area4 .a4a dl dd li{
	width:19%;
}

#main.quality #area4 .a4b{
	margin:0 0 70px 0;
	padding:80px 0 50px 0;
	position:relative;
}
#main.quality #area4 .a4b:after{
	content:"";
	background:rgba(236,236,236,0.35);
	width:75%;
	height:100%;
	position:absolute;
	z-index:-2;
	top:0;
	right:0;
}
#main.quality #area4 .a4b dl{
}
#main.quality #area4 .a4b dl dl{
	width:48%;
	margin:20px 0 0 0;
}
#main.quality #area4 .a4b dl dl dt{
	font-size:1.6rem;
	font-weight:700;
}
#main.quality #area4 .a4b dl dl dd{
	margin:5px 0 35px 0;
}

#main.quality #area4 .a4c{
	margin-bottom:30px;
}
#main.quality #area4 .a4c .flex{
	flex-wrap:wrap;
}
#main.quality #area4 .a4c dl{
	width:48%;
	margin:0 0 50px 0;
}

#main.quality #area5{
}
#main.quality #area5 .flex{
	flex-wrap:wrap;
}
#main.quality #area5 dl{
	margin-bottom:70px;
}
#main.quality #area5 dl:nth-of-type(1){
	width:48%;
}
#main.quality #area5 dl:nth-of-type(2){
	width:48%;
}
#main.quality #area5 dl:nth-of-type(3){
	width:31%;
}
#main.quality #area5 dl:nth-of-type(4){
	width:31%;
}
#main.quality #area5 dl:nth-of-type(5){
	width:31%;
}

#main.quality #area6{
	background:rgba(239,236,236,0.36);
	padding:50px;
	text-align:center;
	margin-bottom:100px;
}
#main.quality #area6 h3{
	font-size:2.4rem;
	line-height:1.2;
	font-weight:700;
	margin-bottom:20px;
}
#main.quality #area6 dl{
}
#main.quality #area6 dt{
	margin-bottom:20px;
}
#main.quality #area6 dt img{
	width:175px;
	height:auto;
}
#main.quality #area6 dd{
	font-size:1.6rem;
	line-height:1.8;
	margin-bottom:20px;
}
#main.quality #area6 table{
	width:100%;
}
#main.quality #area6 th{
	border:1px solid #333;
	text-align:center;
	width:16.6%;
	background:#EFECEC;
	font-weight:700;
	padding:10px 0;
}
#main.quality #area6 td{
	border:1px solid #333;
	text-align:center;
	width:16.6%;
	padding:10px 0;
	background:#fff;
}

@media (max-width: 801px) {
	#main.quality{
	}
	#main.quality .title{
	}
	#main.quality .title h2{
		padding:25px 35px;
	}
	#main.quality .title h2 span{
		font-size:4.5rem;
	}
	#main.quality .title h2 span:after{
	}
	#main.quality .title em{
	}
	#main.quality .cap{
		padding:10% 5%;
		font-size:1.3rem;
		text-align:left;
		line-height:1.5;
		margin-bottom:0;
	}
	
	#main.quality #area1{
		padding:5% 0;
		margin:0 0 10% 0;
	}
	#main.quality #area1:after{
		width:100%;
	}
	#main.quality #area1 .inner{
	}
	#main.quality #area1 dl{
		padding:5%;
		max-width: none;
	}
	#main.quality #area1 dt{
		line-height:1.3;
		margin-bottom:0px;
		text-align:center;
	}
	#main.quality #area1 dd{
		font-size:1.3rem;
		line-height:1.5;
		text-align:left;
		margin-top:15px;
	}
	#main.quality #area1 .pic{
		position: static;
		width:100%;
	}
	
	#main.quality #area2{
		margin:0 0 70px 0;
		position:relative;
	}
	#main.quality #area2 .inner{
		position:relative;
	}
	#main.quality #area2 .a2a{
		position:relative;
		padding:0 0 5% 0;
		margin:0 0 10% 0;
	}
	#main.quality #area2 .a2a:after{
		width:100%;
		height:80%;
		top:auto;
		right:0;
		bottom:0;
	}
	#main.quality #area2 dl.dl1{
		padding:0;
		margin:0;
		position: static;
	}
	#main.quality #area2 dl.dl1 dt{
		padding:0 5%;
		text-align:center;
		margin-bottom:10px;
	}
	#main.quality #area2 dl.dl1 dd{
		line-height:1.5;
		padding:0 5% 5% 5%;
	}
	#main.quality #area2 .pic{
		padding:0 !important;
		margin-bottom:7%;
	}
	#main.quality #area2 .pic2{
		max-width:485px;
		width:100%;
		margin-bottom:70px;
	}
	#main.quality #area2 .flex{
		display:block;
	}
	#main.quality #area2 dl.dl2{
		width:100%;
		margin-bottom:10%;
	}
	#main.quality #area2 dl.dl3{
		width:100%;
		margin-bottom:10%;
	}
	#main.quality #area2 dl.dl2 dt,
	#main.quality #area2 dl.dl3 dt{
	}
	#main.quality #area2 dl.dl2 dt span,
	#main.quality #area2 dl.dl3 dt span{
		line-height:1.3;
		padding:5px 10px;
	}
	#main.quality #area2 dl.dl2 dd,
	#main.quality #area2 dl.dl3 dd{
		line-height:1.5;
	}
	
	#main.quality dl.dl1{
	}
	#main.quality dl.dl1 dt{
	}
	#main.quality dl.dl1 dt span{
		line-height:1.3;
		padding:5px 10px;
	}
	#main.quality dl.dl1 dd{
		line-height:1.5;
		margin:10px 0 0 0;
	}
	
	#main.quality .ttl{
		margin:0 0 10% 0;
	}
	#main.quality .ttl .txt{
		padding:30px 5%;
	}
	#main.quality .ttl .txt h3{
		font-size:1.8rem;
		margin-bottom:10px;
	}
	#main.quality .ttl .txt .tt{
		font-size:1.3rem;
		line-height:1.5;
		text-align:left;
	}
	#main.quality .ttl .pic{
	}
	
	#main.quality #area3{
		padding:0 0 30px 0;
	}
	#main.quality #area3 .a3a{
		margin:10% 0;
		display:block;
	}
	#main.quality #area3 .a3a dl{
		width:100%;
		margin-bottom:10%;
	}
	#main.quality #area3 .a3a dl dt{
		text-align:center;
	}
	#main.quality #area3 .a3a dl dd{
		line-height:1.5;
	}
	#main.quality #area3 .a3a dl dd img{
		width:80%;
		display:block;
		margin:auto;
	}
	#main.quality #area3 .a3a dl dd span{
	}
	#main.quality #area3 dl.dl1{
		margin:0 0 10% 0;
	}
	#main.quality #area3 dl.dl1 ul.ul1{
		flex-wrap:wrap;
		justify-content:center;
		margin-bottom:5%;
	}
	#main.quality #area3 dl.dl1 ul.ul1 li{
		width:48%;
		margin:1%;
	}
	#main.quality #area3 dl.dl1 ul.ul2{
	}
	#main.quality #area3 dl.dl1 ul.ul2 li{
	}
	#main.quality #area3 dl.dl1 .ul3{
	}
	#main.quality #area3 dl.dl1 .ul3 li{
		display:block;
		padding:10px 5px;
		font-size:1.3rem;
		line-height:1;
		text-align:center;
		margin:0 0 10px 0;
	}
	#main.quality #area3 dl.dl1 .dd2{
		position:relative;
		margin-top:20px;
	}
	#main.quality #area3 dl.dl1 .dd2 .p1{
		font-size:1.3rem;
		line-height:1.5;
		margin:7% 0 0 0;
		padding-right:0;
	}
	#main.quality #area3 dl.dl1 .dd2 .p1 img{
		width:30%;
		position:static;
		float:right;
		margin:0 0 0 10px;
	}
	
	#main.quality #area4{
	}
	#main.quality #area4 .a4{
		margin:0 0 15% 0;
		display:block;
	}
	#main.quality #area4 .a4 dl{
		width:100%;
		margin-bottom:10%;
	}
	#main.quality #area4 .a4a{
		margin:0 0 15% 0;
		padding:7% 0 2% 0;
	}
	#main.quality #area4 .a4a:after{
	}
	#main.quality #area4 .a4a dl{
	}
	#main.quality #area4 .a4a dl .flex{
		display:block;
		margin-top:5%;
	}
	#main.quality #area4 .a4a dl dl{
		width:100%;
	}
	#main.quality #area4 .a4a dl dt{
		font-size:1.3rem;
	}
	#main.quality #area4 .a4a dl dl dd{
		margin:5px 0 7% 0;
	}
	#main.quality #area4 .a4a dl .dl2 .flex{
		margin:0;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	#main.quality #area4 .a4a dl .dl2{
		width:100%;
	}
	#main.quality #area4 .a4a dl dd li{
		width:31%;
		margin:1%;
	}
	
	#main.quality #area4 .a4b{
		margin:0 0 15% 0;
		padding:7% 0 2% 0;
	}
	#main.quality #area4 .a4b:after{
	}
	#main.quality #area4 .a4b dl{
	}
	#main.quality #area4 .a4b dl .flex{
		display:block;
	}
	#main.quality #area4 .a4b dl dl{
		width:100%;
		margin:5% 0 0 0;
	}
	#main.quality #area4 .a4b dl dl dt{
		font-size:1.3rem;
	}
	#main.quality #area4 .a4b dl dl dd{
		margin:5px 0 5% 0;
	}
	
	#main.quality #area4 .a4c{
		margin-bottom:30px;
	}
	#main.quality #area4 .a4c .flex{
		flex-wrap:wrap;
		display:block;
	}
	#main.quality #area4 .a4c dl{
		width:100%;
		margin:0 0 10% 0;
	}
	
	#main.quality #area5{
	}
	#main.quality #area5 .flex{
		display:block;
	}
	#main.quality #area5 dl{
		margin-bottom:10%;
	}
	#main.quality #area5 dl:nth-of-type(1){
		width:100%;
	}
	#main.quality #area5 dl:nth-of-type(2){
		width:100%;
	}
	#main.quality #area5 dl:nth-of-type(3){
		width:100%;
	}
	#main.quality #area5 dl:nth-of-type(4){
		width:100%;
	}
	#main.quality #area5 dl:nth-of-type(5){
		width:100%;
	}
	
	#main.quality #area6{
		padding:5%;
		margin-bottom:50px;
	}
	#main.quality #area6 h3{
		font-size:2rem;
	}
	#main.quality #area6 dl{
	}
	#main.quality #area6 dt{
	}
	#main.quality #area6 dt img{
	}
	#main.quality #area6 dd{
		font-size:1.2rem;
		line-height:1.5;
	}
	#main.quality #area6 table{
	}
	#main.quality #area6 th{
		width:12%;
		padding:5px 0;
		font-size:1.2rem;
		vertical-align:middle;
	}
	#main.quality #area6 td{
		width:16.6%;
		padding:5px 0;
		font-size:1.2rem;
		letter-spacing:0;
		line-height:1.2;
		vertical-align:middle;
	}

}

/* product-index */
#main.product-index{
}
#main.product-index .title{
	position:relative;
}
#main.product-index .title .txt{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:930px;
	margin:auto;
	width:90%;
}
#main.product-index .title .txt h2{
	color:#fff;
	text-align:center;
	line-height:1;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:20px;
}
#main.product-index .title .txt h2 span{
	font-family: 'Josefin Sans', sans-serif;
	font-size:5rem;
	display:block;
}
#main.product-index .title .txt ul{
	display:flex;
	justify-content:space-between;
}
#main.product-index .title .txt li{
	width:30%;
}


#main.product-index .pr1{
	position:relative;
	padding:60px 0 0 0;
	margin:0 0 80px 0;
}
#main.product-index .pr1:after{
	content:"";
	position:absolute;
	width:100%;
	height:80%;
	top:0;
	left:0;
	background:#EDF6F7;
	z-index:-1;
}
#main.product-index .pr1 h3{
	text-align:center;
}
#main.product-index .pr1 h3 img{
	width:auto;
	height:90px;
}
#main.product-index .pr1 h3 span{
	display:block;
	text-align:center;
	font-size:1.3rem;
	margin:15px 0 0 0;
}
#main.product-index .pr1 h3 span:after{
	content:"";
	width:60px;
	height:1px;
	margin:20px auto 40px auto;
	background:#000;
	display:block;
}
#main.product-index .pr1 dl{
	text-align:center;
}
#main.product-index .pr1 dt{
	font-size:2.4rem;
	font-weight:700;
}
#main.product-index .pr1 dd{
	margin:5px 0 15px 0;
}
#main.product-index .pr1 .itm{
	display:flex;
}
#main.product-index .pr1 .itm .pic{
	width:50%;
	margin-top:35px;
}
#main.product-index .pr1 .itm .im{
	width:50%;
	position:relative;
}
#main.product-index .pr1 .itm .im:before{
	content:"";
	display:block;
	background:url(../img/product/product5.png);
	width:144px;
	height:124px;
	background-size:cover;
	margin:auto;
	z-index:2;
	position:relative;
}
#main.product-index .pr1 .itm .im ul{
	background:#C7E3E6;
	margin-top:-30px;
	padding:60px 30px 40px 30px;
}
#main.product-index .pr1 .itm .im li{
	background:#fff;
	font-size:1.3rem;
	line-height:1.5;
	text-align:center;
	border-radius:40px;
	margin-bottom:20px;
	padding:10px 60px;
}
#main.product-index .pr1 .itm p{
	margin-top:-22px;
}
#main.product-index .pr1 .itm p a{
	margin:auto;
}

#main.product-index #area2.pr1.pr1:after{
	background:rgba(239,236,236,0.6);
}
#main.product-index #area2.pr1 .itm .im ul{
	background:#EFECEC;
}

#main.product-index #area3.pr1.pr1{
	margin-bottom:140px;
}
#main.product-index #area3.pr1.pr1:after{
	background:rgba(143,180,140,0.1);
}
#main.product-index #area3.pr1 .itm .im ul{
	background:#D6E2D7;
}
@media (max-width: 801px) {
	#main.product-index{
	}
	#main.product-index .title{
	}
	#main.product-index .title .txt{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		max-width:930px;
		margin:auto;
		width:90%;
	}
	#main.product-index .title .txt h2{
		font-size:1.3rem;
		margin-bottom:10px;
	}
	#main.product-index .title .txt h2 span{
		font-size:3.5rem;
	}
	#main.product-index .title .txt ul{
	}
	#main.product-index .title .txt li{
		width:31%;
	}
	
	#main.product-index .pr1{
		padding:10% 0 0 0;
		margin:0 0 15% 0;
	}
	#main.product-index .pr1:after{
		height:calc(100% - 35px);
	}
	#main.product-index .pr1 h3{
	}
	#main.product-index .pr1 h3 img{
		width:auto;
		height:90px;
	}
	#main.product-index .pr1 h3 span{
		margin:10px 0 0 0;
	}
	#main.product-index .pr1 h3 span:after{
		margin:10px auto 30px auto;
	}
	#main.product-index .pr1 dl{
	}
	#main.product-index .pr1 dt{
		line-height:1.3;
		margin-bottom:15px;
	}
	#main.product-index .pr1 dd{
		margin:5px 0 15px 0;
		font-size:1.6rem;
		text-align:left;
	}
	#main.product-index .pr1 .itm{
		display:block;
	}
	#main.product-index .pr1 .itm .pic{
		width:100%;
		margin:5% 0;
	}
	#main.product-index .pr1 .itm .im{
		width:100%;
		position:relative;
	}
	#main.product-index .pr1 .itm .im:before{
		width:97px;
		height:84px;
	}
	#main.product-index .pr1 .itm .im ul{
		background:#C7E3E6;
		margin-top:-30px;
		padding:15% 5% 5% 5%;
	}
	#main.product-index .pr1 .itm .im li{
		margin-bottom:10px;
		padding:10px 5%;
	}
	#main.product-index .pr1 .itm p{
		margin-top:7%;
	}
	#main.product-index .pr1 .itm p a{
		margin:auto;
		width:100%;
	}
	
	#main.product-index #area2.pr1.pr1:after{
	}
	#main.product-index #area2.pr1 .itm .im ul{
	}
	
	#main.product-index #area3.pr1.pr1{
		margin-bottom:15%;
	}
	#main.product-index #area3.pr1.pr1:after{
	}
	#main.product-index #area3.pr1 .itm .im ul{
	}
}

/* recruit */
#main.recruit{
}
#main.recruit #area1{
	margin-bottom:80px;
}
#main.recruit #area1 .a1a{
	background:url(../img/recruit/rec1.jpg);
	background-position:top center;
	background-size:cover;
	padding:80px 0;
}
#main.recruit #area1 .a1a dl{
	text-align:center;
	color:#fff;
	font-weight:700;
}
#main.recruit #area1 .a1a dt{
	font-size:5rem;
	margin-bottom:10px;
}
#main.recruit #area1 .a1a dd{
	font-size:2rem;
	line-height:2;
}
#main.recruit #area1 .a1a dd.dd2{
	margin-top:-50px;
}
#main.recruit #area1 .a1b{
	background:#EFECEC;
	max-width:1010px;
	width:90%;
	margin:auto;
	margin-top:-60px;
	padding:40px;
	box-sizing:border-box;
}
#main.recruit #area1 .a1b dl{
	text-align:center;
	font-weight:700;
}
#main.recruit #area1 .a1b dt{
	font-size:2.4rem;
	margin-bottom:25px;
}
#main.recruit #area1 .a1b dt span{
	display:inline-block;
	border-bottom:2px solid #333;
	padding:0 30px 5px 30px;
}
#main.recruit #area1 .a1b dd{
}
#main.recruit #area1 .a1b ul{
	display:inline-block;
	text-align:left;
}
#main.recruit #area1 .a1b li{
	background-image:url(../img/common/icon-checked.png);
	background-position:left center;
	background-size:25px;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:2;
	margin-bottom:10px;
}

#main.recruit h3{
	text-align:center;
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:40px;
}
#main.recruit h3 span{
	display:block;
	font-size:3.8rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
}

#main.recruit #area2{
}
#main.recruit #area2 .a2a{
	margin-bottom:100px;
	align-items: start;
}
#main.recruit #area2 .a2a:nth-of-type(2n){
	flex-direction:row-reverse;
}
#main.recruit #area2 .a2b{
	max-width:450px;
	width:45%;
	position:relative;
	padding-right:50px;
}
#main.recruit #area2 .a2b .pic{
	position:relative;
}
#main.recruit #area2 .a2b .pic:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:#FCEFEF;
	right:-50px;
	bottom:-50px;
}
#main.recruit #area2 .a2b .pic.mn:before{
	background:#EAF4EB;
}
#main.recruit #area2 .a2b .pic img{
	position:relative;
	z-index:2;
}
#main.recruit #area2 .a2b dl{
	background:#fff;
	padding:15px 20px;
	position:absolute;
	z-index:2;
	bottom:-20px;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	width:260px;
	box-sizing:border-box;
}
#main.recruit #area2 .a2b dt{
	font-size:1.3rem;
	background:#000;
	color:#fff;
	font-weight:700;
	padding:2px 0px;
	width:60px;
	text-align:center;
	margin-bottom:5px;
}
#main.recruit #area2 .a2b dd{
	font-size:2rem;
	width:calc(100% - 70px);
	margin-bottom:5px;
}
#main.recruit #area2 .a2a dl.dl2{
	max-width:510px;
	width:50%;
	padding:40px 0 0 0;
}
#main.recruit #area2 .a2a dl.dl2 dt{
	font-size:1.8rem;
	font-weight:700;
}
#main.recruit #area2 .a2a dl.dl2 dt span{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
#main.recruit #area2 .a2a dl.dl2 dd{
	font-size:1.3rem;
	line-height:1.8;
	margin:5px 0 20px 0;
}

#main.recruit #area3{
	margin-bottom:80px;
}
#main.recruit #area3 .flex{
	flex-wrap:wrap;
}
#main.recruit #area3 dl{
	width:48%;
	margin-bottom:2%;
}
#main.recruit #area3 dt{
}
#main.recruit #area3 dd{
	font-size:1.3rem;
	margin:5px 0 0 0;
}

#main.recruit #area4{
	margin-bottom:100px;
}
#main.recruit #area4 table{
	max-width:none;
}
#main.recruit #area4 th{
	border-top:1px solid #CCCCCC;
	vertical-align:top;
	padding:20px 40px;
}
#main.recruit #area4 td{
	border-top:1px solid #CCCCCC;
	vertical-align:top;
	padding:20px 0 20px 40px;
}
#main.recruit #area4 dl{
	margin:0;
	font-size:1.4rem;
}
#main.recruit #area4 dt{
	margin:0;
	padding:0;
	font-weight:700;
}
#main.recruit #area4 dt span{
	background: linear-gradient(transparent 60%, #C7E3E6 60%);
}
#main.recruit #area4 dd{
	margin-bottom:1em;
}
#main.recruit #area4 ul{
}
#main.recruit #area4 li{
	margin-left:0.5em;
	text-indent:-0.5em;
}
#main.recruit #area4 li:before{
	content:"繝ｻ";
	display:inline-block;
}

#main.recruit #area5{
	position:relative;
	padding:0 0 1px 0;
	margin:0 0 80px 0;
}
#main.recruit #area5:before{
	content:"";
	display:block;
	width:100%;
	height:calc(100% - 15px);
	background:#C7E3E6;
	position:absolute;
	z-index:-1;
	bottom:0;
	left:0;
}
#main.recruit #area5 .a5a{
	max-width:800px;
	width:100%;
	margin:auto;
	background:#fff;
	border:2px solid #000;
	position:relative;
	padding:45px 150px 45px 55px;
	margin-bottom:65px;
	box-sizing:border-box;
	position:relative;
}
#main.recruit #area5 .a5a .num{
    position: absolute;
    font-size: 3rem;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 500;
    line-height: 53px;
    display: block;
    padding: 0;
    text-align: center;
    background: #000;
    color: #fff;
    width: 50px;
    height: 50px;
    left: 20px;
    top: -25px;
}
#main.recruit #area5 .a5a dl{
}
#main.recruit #area5 .a5a dt{
	font-size:2.4rem;
	font-weight:700;
}
#main.recruit #area5 .a5a dd{
}
#main.recruit #area5 .a5a p.p1{
	width:95px;
	position:absolute;
	right:40px;
	top:50%;
	transform:translateY(-50%);
}

#main.recruit #area6{
}

#main.recruit #area6 .custom {
    width: 170px;
    margin-left: 0;
    margin-right: 5px;
}
#main.recruit #area6 input.ip2 {
    width: 70px;
    margin: 0 5px;
	padding: 12px 15px;
}

@media (max-width: 801px) {
	#main.recruit{
	}
	#main.recruit #area1{
		margin-bottom:40px;
	}
	#main.recruit #area1 .a1a{
		background:url(../img/recruit/rec1-sm.jpg);
		padding:50px 0;
	}
	#main.recruit #area1 .a1a dl{
	}
	#main.recruit #area1 .a1a dt{
		font-size:7.5vw;
		margin-bottom:10px;
	}
	#main.recruit #area1 .a1a dd{
		font-size:1.3rem;
		line-height:2;
	}
	#main.recruit #area1 .a1a dd.dd2{
		margin-top:30px;
	}
	#main.recruit #area1 .a1b{
		margin-top:-40px;
		padding:5% 10%;
	}
	#main.recruit #area1 .a1b dl{
	}
	#main.recruit #area1 .a1b dt{
		font-size:2.4rem;
		line-height:1.6;
		margin-bottom:25px;
	}
	#main.recruit #area1 .a1b dt span{
		display:inline;
		padding:3px 0;
	}
	#main.recruit #area1 .a1b dd{
	}
	#main.recruit #area1 .a1b ul{
	}
	#main.recruit #area1 .a1b li{
		font-size:1.6rem;
		line-height:1.3;
	}
	
	#main.recruit h3{
		font-size: 1.6rem;
		margin-bottom: 40px;
	}
	#main.recruit h3 span{
		font-size: 3.8rem;
	}
	
	#main.recruit #area2{
	}
	#main.recruit #area2 .a2a{
		margin-bottom:10%;
		display:block;
	}
	#main.recruit #area2 .a2a:nth-of-type(2n){
	}
	#main.recruit #area2 .a2b{
		max-width: none;
		width:100%;
		padding-right:20%;
		box-sizing:border-box;
	}
	#main.recruit #area2 .a2b .pic{
		position:relative;
	}
	#main.recruit #area2 .a2b .pic:before{
		right:-25%;
		bottom:-30px;
	}
	#main.recruit #area2 .a2b .pic.mn:before{
		background:#EAF4EB;
	}
	#main.recruit #area2 .a2b .pic img{
		position:relative;
		z-index:2;
	}
	#main.recruit #area2 .a2b dl{
		padding:10px 15px;
		bottom:-15px;
		left:auto;
		right:10%;
		transform:translateX(0%);
		width:190px;
	}
	#main.recruit #area2 .a2b dt{
		font-size:1.0rem;
		width:50px;
	}
	#main.recruit #area2 .a2b dd{
		font-size:1.3rem;
		width:calc(100% - 60px);
	}
	#main.recruit #area2 .a2a dl.dl2{
		max-width: none;
		width:100%;
		padding:0;
		margin:50px 0 0 0;
	}
	#main.recruit #area2 .a2a dl.dl2 dt{
	}
	#main.recruit #area2 .a2a dl.dl2 dt span{
	}
	#main.recruit #area2 .a2a dl.dl2 dd{
	}
	
	#main.recruit #area3{
		margin:80px auto;
	}
	#main.recruit #area3 .flex{
	}
	#main.recruit #area3 dl{
		width:100%;
		margin-bottom:5%;
	}
	#main.recruit #area3 dt{
	}
	#main.recruit #area3 dd{
	}
	
	#main.recruit #area4{
		margin-bottom:80px;
	}
	#main.recruit #area4 table{
		max-width:none;
	}
	#main.recruit #area4 th{
		border-top:none;
		vertical-align:top;
		padding:10px 0;
		font-size:1.6rem;
		line-height:1.5;
	}
	#main.recruit #area4 td{
		border-top:none;
		border-bottom:1px solid #CCCCCC;
		padding:5px 0 10px 0;
		font-size:1.6rem;
		line-height:1.5;
	}
	#main.recruit #area4 dl{
		font-size:1.3rem;
	}
	#main.recruit #area4 dt{
	}
	#main.recruit #area4 dt span{
	}
	#main.recruit #area4 dd{
		line-height:1.5;
	}
	#main.recruit #area4 ul{
	}
	#main.recruit #area4 li{
		font-size:1.3rem;
		line-height:1.5;
	}
	#main.recruit #area4 li:before{
	}
	
	#main.recruit #area5{
		margin:0 0 80px 0;
	}
	#main.recruit #area5:before{
	}
	#main.recruit #area5 .a5a{
		padding:45px 5% 5% 5%;
		margin-bottom:65px;
	}
	#main.recruit #area5 .a5a .num{
		font-size: 3.8rem;
		line-height:70px;
		width:70px;
		height:65px;
	}
	#main.recruit #area5 .a5a dl{
		text-align:center;
	}
	#main.recruit #area5 .a5a dt{
		font-size:2.4rem;
	}
	#main.recruit #area5 .a5a dd{
	}
	#main.recruit #area5 .a5a p.p1{
		width:95px;
		position: static;
		transform:translateY(0%);
		margin:5% auto 0 auto;
	}
	
	#main.recruit #area6{
	}
	
	#main.recruit #area6 .custom {
		width: 110px;
	}
	#main.recruit #area6 input.ip2 {
		width: 60px;
	}
}

/* seminar */
#main.seminar{
}

#main.seminar #area1{
	margin-bottom:80px;
}
#main.seminar #area1 h3{
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
}
#main.seminar #area1 h3 span{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
#main.seminar #area1 p.p1{
	max-width:675px;
	margin:20px auto 80px auto;
	width:90%;
}
#main.seminar #area1 .a1a{
	border:1px dashed #707070;
	max-width:1010px;
	width:90%;
	margin:auto;
	padding:65px 0;
	position:relative;
}
#main.seminar #area1 .a1a h4{
	font-size:2.4rem;
	font-weight:700;
	background:#585854;
	color:#fff;
	text-align:center;
	padding:10px 0;
	max-width:660px;
	width:90%;
	position:absolute;
	top:-30px;
	left:50%;
	transform:translateX(-50%);
}
#main.seminar #area1 .a1a dl.dl1{
	text-align:center;
	margin-bottom:40px;
}
#main.seminar #area1 .a1a dl.dl1 dt{
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:10px;
}
#main.seminar #area1 .a1a dl.dl1 dd{
	font-size:1.8rem;
	line-height:1.8;
}
#main.seminar #area1 .a1a dl.dl2{
	max-width:590px;
	width:90%;
	margin:auto;
	display:flex;
	font-size:2.8rem;
	font-weight:700;
	text-align:center;
}
#main.seminar #area1 .a1a dl.dl2 dt{
	width:65%;
}
#main.seminar #area1 .a1a dl.dl2 dd{
	width:35%;
}
#main.seminar #area1 .a1a dl.dl3{
	max-width:590px;
	width:90%;
	margin:auto;
	margin-bottom:5px;
	display:flex;
	font-size:2.4rem;
	font-weight:700;
}
#main.seminar #area1 .a1a dl.dl3 dt{
	width:65%;
	background:#EAF4EB;
	padding:10px 20px;
}
#main.seminar #area1 .a1a dl.dl3 dd{
	width:35%;
	background:#EFECEC;
	border-left:5px solid #fff;
	box-sizing:border-box;
	text-align:center;
	padding:10px 0;
}

#main.seminar #area6 h3{
	text-align:center;
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:40px;
}
#main.seminar #area6 h3 span{
	display:block;
	font-size:3.8rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	line-height:1;
}

#main.seminar #area6 table {
    max-width: 900px;
    width: 100%;
    margin: auto;
    font-size: 1.6rem;
}
#main.seminar #area6 .custom {
    width: 260px;
    margin-left: 0px;
    margin-top: 0px;
}
#main.seminar.form #area6 .txt{
	font-size:1.4rem;
	margin:5px 0 0 0;
}
#main.seminar.form #area6 table td p.p1 {
    display: inline-block;
    margin-right: 1em;
}
#main.seminar.form #area6 table td .ck{
	display:flex;
	flex-wrap:wrap;
}
#main.seminar.form #area6 table td .ck .mwform-checkbox-field.horizontal-item{
	width:50%;
	margin-bottom:5px;
	margin-left:0;
}

@media (max-width: 801px) {
	#main.seminar{
	}
	
	#main.seminar #area1{
		margin-bottom:40px;
	}
	#main.seminar #area1 h3{
		font-size:2rem;
		line-height:1.5;
	}
	#main.seminar #area1 h3 span{
	}
	#main.seminar #area1 p.p1{
		margin:20px auto 70px auto;
	}
	#main.seminar #area1 .a1a{
		padding:65px 0 5% 0;
	}
	#main.seminar #area1 .a1a h4{
		font-size:4vw;
		padding:7px 0;
		top:-9vw;
	}
	#main.seminar #area1 .a1a dl.dl1{
		margin-bottom:20px;
	}
	#main.seminar #area1 .a1a dl.dl1 dt{
		font-size:4vw;
	}
	#main.seminar #area1 .a1a dl.dl1 dd{
		font-size:3.5vw;
		line-height:1.6;
		text-align:left;
		padding:0 5%;
	}
	#main.seminar #area1 .a1a dl.dl2{
		font-size:4vw;
	}
	#main.seminar #area1 .a1a dl.dl2 dt{
		width:65%;
	}
	#main.seminar #area1 .a1a dl.dl2 dd{
		width:35%;
	}
	#main.seminar #area1 .a1a dl.dl3{
		font-size:3.5vw;
	}
	#main.seminar #area1 .a1a dl.dl3 dt{
		width:65%;
		padding:5px 10px;
	}
	#main.seminar #area1 .a1a dl.dl3 dd{
		width:35%;
		padding:5px 0;
	}
	
	
	#main.seminar.form #area6 .txt{
		font-size:1rem;
		display:none;
	}
	#main.seminar #area6 table {
		font-size: 1.4rem;
	}
	#main.seminar.form #area6 table th {
		font-size: 1.4rem;
		white-space:normal;
	}
	#main.seminar.form #area6 table td {
		font-size: 1.4rem;
	}
	#main.seminar.form #area6 table td p.p1 {
		display: block;
		margin:0 0 1em 0;
	}
	#main.seminar.form #area6 table td .ck{
		display:block;
		font-size: 1.4rem;
	}
	#main.seminar.form #area6 table td .rd{
		font-size: 1.4rem;
	}
	#main.seminar.form #area6 table td .ck .mwform-checkbox-field.horizontal-item{
		width:100%;
		display:block;
		margin-bottom:5px;
	}

	#main.seminar.form #area6#main.seminar.form #area6 h3{
		font-size: 1.6rem;
		margin-bottom: 40px;
	}
	#main.seminar.form #area6 h3 span{
		font-size: 3.8rem;
	}
}

/* staff */
#main.staff{
}

#main.staff #area1{
	margin-bottom:80px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
#main.staff #area1 .a1{
	padding:0 20px;
	margin:0 0 45px 0;
	width:33.33%;
	box-sizing:border-box;
	border-right:2px solid #EFECEC;
}
#main.staff #area1.one .a1:nth-of-type(1n){ /* 1蛟倶ｸｦ縺ｳ縺ｮ縺ｨ縺� */
	border-right:2px solid #fff;
}
#main.staff #area1.two .a1:nth-of-type(2n){ /* 2蛟倶ｸｦ縺ｳ縺ｮ縺ｨ縺� */
	border-right:2px solid #fff;
}
#main.staff #area1.three .a1:nth-of-type(3n){ /* 3蛟倶ｸｦ縺ｳ縺ｮ縺ｨ縺� */
	border-right:2px solid #fff;
}
#main.staff #area1 .a1 p{
	width:90%;
	margin:auto;
}
#main.staff #area1 .a1 h3{
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	margin:15px 0 10px 0;
}
#main.staff #area1 .a1 dl{
}
#main.staff #area1 .a1 dt{
	font-size:1.8rem;
	font-weight:700;
	text-align:center;
}
#main.staff #area1 .a1 dt span{
	background: linear-gradient(transparent 60%, #EEE72C 60%);
}
#main.staff #area1 .a1 dd{
	font-size:1.3rem;
	margin:10px 0 20px 0;
}

@media (max-width: 801px) {
	#main.staff{
	}
	
	#main.staff #area1{
		margin-bottom:40px;
		display:block;
	}
	#main.staff #area1 .a1{
		padding:0 5%;
		margin:0 0 5% 0;
		width:100%;
		border:none;
		border-bottom:2px solid #EFECEC;
	}
	#main.staff #area1 .a1:nth-of-type(3n){
		border:none;
		border-bottom:2px solid #EFECEC;
	}
	#main.staff #area1 .a1 p{
		width:80%;
		margin:auto;
	}
	#main.staff #area1 .a1 h3{
		font-size:2rem;
	}
	#main.staff #area1 .a1 dl{
	}
	#main.staff #area1 .a1 dt{
		font-size:1.6rem;
	}
	#main.staff #area1 .a1 dt span{
	}
	#main.staff #area1 .a1 dd{
	}
}

#lightcase-overlay {
    opacity: 0.9 !important;
}