@charset "utf-8";
#research {}
#research .inner-sct { width: 90%; max-width: 1200px; margin: 0 auto; padding: 40px 0 0;}
#research .research-nav { width: 92%; max-width: 820px; margin: 0 auto 100px;}
#research .research-nav ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
#research .research-nav ul li { padding: 10px;}
#research .research-nav ul li:nth-child(1),
#research .research-nav ul li:nth-child(2),
#research .research-nav ul li:nth-child(3){ width: 33.3333%;}
#research .research-nav ul li:nth-child(4),
#research .research-nav ul li:nth-child(5){ width: 50%;}
#research .research-nav ul li a { position: relative; display: block; padding: 10px 0; border: solid 1px #000; color: #000; text-align: center; text-decoration: none;}
#research .research-nav ul li a:after { content: ''; display: inline-block; width: 8px; height: 8px; border-bottom: solid 4px #474747; border-right: solid 4px #474747;
 position: relative; transform: translateY(-1px) rotate(45deg);
}
#research .research-nav ul li a span { display: inline-block; margin-right: 20px; font-weight: 600; vertical-align: middle;}
#research .research-nav ul li a:hover { background: #474747; color: #fff;}
#research .research-nav ul li a:hover:after { border-color: #fff;}
#research .pos { position: absolute; top: -40px;}
#research .bloc { position: relative;}
#research .bloc.mb { margin-bottom: 120px;}
#research .bloc .inner-bloc { position: relative; padding: 80px 80px 60px; background: #f6f6f6;}
#research .bloc .tit { position: absolute; left: 0; top: -30px; width: 100%;}
#research .bloc .tit h2 { font-size: 32px; line-height: 1; text-align: center;}
#research .bloc .tit h2:before,
#research .bloc .tit h2:after { content: ''; display: inline-block; width: 30px; height: 74px; vertical-align: middle;}
#research .bloc .tit h2:before{ background: url('../img/tit-R.png') no-repeat 100% 50% / auto 100%;}
#research .bloc .tit h2:after { background: url('../img/tit-L.png') no-repeat 0% 50% / auto 100%;}
#research .bloc .tit h2 span { display: inline-block; width: auto; padding: 16px 20px 0; height: 74px; background: url('../img/tit-M.jpg') repeat-x 50% 50% / auto 100%; vertical-align: middle;}
#research ul.point { width: 100%;}
#research ul.point li { position: relative; padding: 6px 0px; padding-left: 200px; font-size: 23px; font-weight: 700; letter-spacing: 0.05rem;}
#research ul.point li img { position: absolute; left: 0; top: 7px; width: 180px;}
#research figure { text-align: center;}
#research figure.shadow { width: 100%; max-width: 1000px; margin: 0 auto; box-shadow: 6px 6px 0 #e8e8e8;}
#research figure img { width: 100%;}
#research figure.mid img { width: 80%;}
#research .read { width: 100%; max-width: 1000px; margin: 0 auto;}
#research .read.mb { margin-bottom: 40px;}
#research .read p { font-size: 18px; letter-spacing: 0.05rem; line-height: 1.85;}
#research .btn-zoom { display: none;}
#research .btn-zoom a { display: block; width: 60%; margin: 0 auto; padding: 8px 0; background: #474747; border-radius: 50px;
 color: #fff; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none;
}
#research .box { margin: 0 auto; background: #fff; box-shadow: 6px 6px 0 #e8e8e8;}
#research .box.mb { margin-bottom: 60px;}
#research .box:before { content: ''; display: block; width: 100%; height: 4px; background: linear-gradient(90deg,#ca5459,#b7272d);}
#research .box .box-tit { padding: 28px 0; border-bottom: solid 1px #d4d4d4;}
#research .box .box-tit h3 { font-size: 32px; line-height: 1; text-align: center;}
#research .box .row { position: relative; width: 90%; margin: 0 auto; padding: 36px 0; padding-left: 200px;}
#research .box .row.line { border-top: dashed 1px #d4d4d4;}
#research .box .row .tips { position: absolute; left: 0; top: 36px; width: 160px;}
#research .box .row .tips img { width: 100%;}
#research .box .row .tips span { display: none;}
#research .box .row p { margin-bottom: 10px;}
#research .box .row p span { font-size: 26px; font-weight: 700; line-height: 1.4;}
#research .box .row ul li { margin-bottom: 40px; letter-spacing: 0.075rem;}
#research .box .row ul li:last-child { margin-bottom: 0px;}
#research .box .row ul li span.tt { display: block; margin-bottom: 8px; font-size: 23px; font-weight: 700; line-height: 1.4;}
#research .box .row ul li span.color { color: #b7272d;}
#research .box .row ul li span.note { display: block; margin-top: 10px; font-size: 14px;}
#research .box .row ul li .flex { display: flex; justify-content: space-between;}
#research .box .row ul li .txt { width: 45%;}
#research .box .row ul li figure { width: 52%;}

@media (max-width: 1201px) {
	#research .bloc .inner-bloc { padding: 60px 60px 40px;}
}
@media (max-width: 1001px) {
	#research .bloc .tit { top: -25px;}
	#research .bloc .tit h2 { font-size: 24px;}
	#research .bloc .tit h2:before,
	#research .bloc .tit h2:after { width: 28px; height: 54px;}
	#research .bloc .tit h2 span { padding: 12px 20px 0; height: 54px;}
	#research .bloc .inner-bloc { padding: 50px 40px 40px;}
	#research .box .row { width: 92%; padding: 30px 0; padding-left: 160px;}
	#research .box .row .tips { top: 30px; width: 140px;}
	#research .box .row ul li span.tt { margin-bottom: 6px; font-size: 21px;}
	#research ul.point li { padding-left: 20%; font-size: 2.0vw;}
	#research ul.point li img { width: 18%;}
}
@media (max-width: 801px) {
	#research .research-nav ul li { font-size: 1.8vw;}
	#research .research-nav ul li:nth-child(1),
	#research .research-nav ul li:nth-child(2),
	#research .research-nav ul li:nth-child(3){ width: 33.3333%;}
	#research .research-nav ul li:nth-child(4),
	#research .research-nav ul li:nth-child(5){ width: 50%;}
	#research .research-nav ul li a span { margin-right: 12px;}

	#research figure.shadow { box-shadow: 4px 4px 0 #e8e8e8;}
	#research .bloc.mb { margin-bottom: 80px;}
	#research .box { box-shadow: 4px 4px 0 #e8e8e8;}
	#research .box.mb { margin-bottom: 30px;}
	#research .box .box-tit { padding: 20px 0;}
	#research .box .box-tit h3 { font-size: 3.0vw;}
	#research .box .row { padding: 20px 0; padding-left: 120px;}
	#research .box .row .tips { top: 20px; width: 100px;}
	#research .box .row ul li { margin-bottom: 20px;}
	#research .box .row ul li .flex { display: block;}
	#research .box .row ul li .txt { width: 100%; margin-bottom: 15px;}
	#research .box .row ul li figure { width: 100%;}
	#research .read.mb { margin-bottom: 30px;}
	#research .read p { font-size: 16px; letter-spacing: 0.025rem; line-height: 1.72;}
}
@media (max-width: 641px) {
	#research .research-nav { margin: 0 auto 60px;}
	#research .research-nav ul { display: block;}
	#research .research-nav ul li:nth-child(1),
	#research .research-nav ul li:nth-child(2),
	#research .research-nav ul li:nth-child(3),
	#research .research-nav ul li:nth-child(4),
	#research .research-nav ul li:nth-child(5){ width: 100%; padding: 5px; font-size: 14px;}
	#research .research-nav ul li a { padding: 6px 0;}
	#research .research-nav ul li a:after { border-width: 3px;}
	#research .box .row { padding: 20px 0;}
	#research .box .row .tips { position: relative; top: auto; width: 100%; margin: 0 auto 12px;}
	#research .box .row .tips img { display: none;}
	#research .box .row .tips span { display: block; padding: 4px 0; background: linear-gradient(90deg,#ca5459,#b7272d);
	 color: #fff; font-size: 16px; font-weight: 700; text-align: center;
	}
}
@media (max-width: 481px) {
	#research .inner-sct { padding: 20px 0 0;}
	#research .research-nav ul li a { padding: 4px 0;}
	#research .bloc.mb { margin-bottom: 50px;}
	#research .bloc .tit { top: -15px;}
	#research .bloc .tit h2 { font-size: 16px;}
	#research .bloc .tit h2:before,
	#research .bloc .tit h2:after { width: 24px; height: 32px;}
	#research .bloc .tit h2 span { padding: 7px 10px 0; height: 32px;}
	#research .bloc .tit.wide h2 span { padding: 7px 5px 0; height: 32px; font-size: 15px;}
	#research .bloc .inner-bloc { padding: 30px 20px 20px;}
	#research .bloc .inner-bloc.pb { padding: 30px 20px 30px;}
	#research figure.mb { margin-bottom: 20px;}
	#research .btn-zoom { display: block;}

	#research .box .box-tit { padding: 16px 0;}
	#research .box .box-tit h3 { font-size: 15px;}
	#research .box .row { width: 86%;}
	#research .box .row.line { padding-bottom: 30px;}
	#research .box .row .tips { margin: 0 auto 12px;}
	#research .box .row .tips span { padding: 2px 0; font-size: 15px; letter-spacing: 1.5em;}
	#research .box .row p { margin-bottom: 12px; line-height: 1.4;}
	#research .box .row p span { font-size: 14px;}
	#research .box .row ul.mb { margin-bottom: 20px;}
	#research .box .row ul li { margin-bottom: 20px; font-size: 13px; letter-spacing: 0.05rem;}
	#research .box .row ul li span.tt { margin-bottom: 12px; font-size: 14px;}
	#research .box .row ul li span.note { margin-top: 6px; font-size: 11px;}
	#research .read.mb { margin-bottom: 20px;}
	#research .read p { font-size: 13px;}
}


#member { position: relative; margin-bottom: 100px;}
#member .ctn { position: relative; padding: 50px 0;}
#member .ctn:after { content: ''; display: block; width: calc(100% - 150px); height: 100%; background: #f6f6f6; z-index: 1;
 position: absolute; top: 0; left: 0px;
}
#member .ctn .ctn-inner { position: relative; z-index: 2; width: 90%; max-width: 1100px; margin: 0 auto; padding-right: 40px;}
#member .ctn ul { margin: 0 auto 20px;}
#member .ctn ul li { position: relative; margin-bottom: 8px; /* padding-left: 20px; */}
#member .ctn ul li:last-child { margin-bottom: 0px;}
#member .ctn p { font-size: 14px; text-align: right;}
#member .ctn ul li dl { display: table; width: 100%;}
#member .ctn ul li dl dt,
#member .ctn ul li dl dd { display: table-cell;}
#member .ctn ul li dl dt { width: 100px; font-size: 16px;}
#member .ctn ul li dl dd { position: relative; padding-left: 25px; }
#member .ctn ul li dl dd:before { content: ''; position: absolute; display: block; width: 6px; height: 15px; left: 0; top: 8px;
 transform: skewX(-40deg); background: #d5d5d5; vertical-align: middle;
}
#member .ctn ul li dl dd.name { width: 140px; font-size: 18px;}
#member .ctn ul li dl dd.works{ width: auto; font-size: 16px;}
#member .ctn ul li dl dd.works br { display: none;}
@media (max-width: 1401px) {
	#member .ctn:after { width: calc(100% - 80px);}
	#member .ctn .ctn-inner { width: calc(100% - 180px); padding-right: 30px;}
}
@media (max-width: 1001px) {
	#member .ctn { padding: 40px 0;}
}
@media (max-width: 801px) {
	#member { margin-bottom: 50px;}
	#member .ctn ul li dl dt { width: 90px; font-size: 14px;}
	#member .ctn ul li dl dd { padding-left: 25px; }
	#member .ctn ul li dl dd.name { width: 120px; font-size: 16px;}
	#member .ctn ul li dl dd.works{ font-size: 14px;}
}
@media (max-width: 641px) {
	#member .ctn:after { width: calc(100% - 30px);}
	#member .ctn .ctn-inner { width: calc(100% - 60px);}
	#member .ctn ul li dl dt { display: inline-block; font-weight: 700;}
	#member .ctn ul li dl dd.name { display: inline-block; width: auto; font-weight: 700;}
	#member .ctn ul li dl dd.works{ display: block; width: 100%; padding-left: 0px;}
	#member .ctn ul li dl dd.works:before { content: none;}
	#member .ctn ul li dl dd.works br { display: block;}
}
@media (max-width: 481px) {
	#member .ctn { padding: 30px 0;}
	#member .ctn:after { width: calc(100% - 20px);}
	#member .ctn .ctn-inner { width: calc(100% - 40px); padding-left: 10px; padding-right: 30px;}
}



#about .sct.mb { margin-bottom: 100px;}
#about .sct .inner-sct { position: relative;}
#about .bloc { position: relative;}
#about .bloc.mb { margin-bottom: 40px;}
#about .bloc:after { content: ''; display: block; width: calc(100% - 150px); height: 100%; position: absolute; top: 0; background: #f6f6f6; z-index: 1;}
#about .bloc.bloc-L:after { left: 0;}
#about .bloc.bloc-R:after { right: 0;}
#about .bloc .inner-bloc { position: relative; z-index: 2; width: 92%; max-width: 1100px; margin: 0 auto; padding: 50px 0 60px;}
#about .bloc.bloc-L .inner-bloc { padding-right: 60px;}
#about .bloc.bloc-R .inner-bloc { padding-left: 60px;}
#about .bloc .box { position: relative; background: #fff; box-shadow: 6px 6px 0 #e8e8e8;}
#about .bloc .box.mb { margin-bottom: 30px;}


#about .move { padding: 40px 0;}
#about .move .inner-box { position: relative; min-height: 88px; margin: 0 auto 20px; padding-left: 180px; padding-right: 40px;}
#about .move .icn { position: absolute; width: 180px; left: 0; top: -20px; text-align: center;}
#about .move .icn span { display: block; color: #d4d4d4; font-size: 72px; font-weight: 700; font-style: italic; line-height: 1.2; text-indent: -0.1em;}
#about .move .icn img { width: 70%; max-width: 80px;}
#about .move dl { display: table; width: 100%;}
#about .move dl dt,
#about .move dl dd { display: table-cell; color: #333; vertical-align: top;}
#about .move dl dt { width: 260px; font-size: 32px; font-weight: 700; line-height: 1.2;}
#about .move dl dd { width: auto; font-size: 18px;}
#about .move ul { padding-left: 180px; font-size: 0;}
#about .move ul li { display: inline-block; margin-right: 10px; padding: 4px 0; font-size: 20px;}
#about .move ul li:last-child { margin-right: 0px;}
#about .move ul li span { display: block; padding: 4px 18px; background: #474747; color: #fff;}


#about .read { margin-bottom: 30px;}
#about .read p { font-size: 19px; letter-spacing: 0.05rem; line-height: 2; }
#about .data { padding: 30px 50px;}
#about .data ul li { position: relative; border-bottom: solid 1px #d4d4d4; padding: 18px 5px; padding-left: 180px; font-size: 18px;}
#about .data ul li:last-child { border-bottom: none;}
#about .data ul li span.tit { position: absolute; 18px; left: 5px; width: 160px; font-weight: 700;}
#about .data ul li ul li { display: block; position: relative; padding: 15px 0; border-bottom: dashed 1px #d4d4d4;}
#about .data ul li ul li:first-child { padding-top: 0px;}
#about .data ul li ul li:last-child { padding-bottom: 0px;}
#about .data ul li ul li dl { position: relative;}
#about .data ul li ul li dl dt { font-weight: 700;}
#about .data ul li ul.addr li dl dd { position: relative;}
#about .data ul li ul.detail li dl { padding-left: 100px;}
#about .data ul li ul.detail li dl dt { position: absolute; left: 0px; top: 0;}
#about .data ul li ul.detail li dl dd { position: relative; padding-left: 15px;}
#about .data ul li ul.detail li dl dd:before { content: ''; display: block; width: 7px; height: 7px; background: #333; border-radius: 50%;
 position: absolute; left: 0px; top: 0.55em;
}
#about .data ul li a { color: #000;}
#about .data ul li a:hover { text-decoration: none;}
@media (max-width: 1401px) {
	#about .bloc:after { width: calc(100% - 80px);}
	#about .bloc .inner-bloc { width: calc(100% - 180px);}
}
@media (max-width: 1201px) {
}
@media (max-width: 1001px) {
	#about .bloc:after { width: calc(100% - 40px);}
	#about .bloc .inner-bloc { width: calc(100% - 80px);}

	#about .move { padding: 20px 0;}
	#about .move .inner-box { padding-left: 130px; padding-right: 30px;}
	#about .move .icn { width: 140px; top: -10px;}
	#about .move .icn span { font-size: 60px;}
	#about .move dl dt { width: 180px; font-size: 24px;}
	#about .move ul { padding-left: 130px;}

	#about .read p { font-size: 18px;}
	#about .data ul li { padding-left: 130px; font-size: 16px;}
}
@media (max-width: 801px) {
	#about .sct.mb { margin-bottom: 50px;}
	#about .bloc.bloc-L .inner-bloc { padding-right: 40px;}
	#about .bloc.bloc-R .inner-bloc { padding-left: 40px;}
	#about .bloc .box { box-shadow: 4px 4px 0 #e8e8e8;}

	#about .data ul li ul { padding-top: 6px;}
	#about .data ul li ul.detail li dl { padding-left: 0px;}
	#about .data ul li ul.detail li dl dt { position: relative; left: auto; top: auto; margin-bottom: 4px;}
}
@media (max-width: 641px) {
	#about .bloc .inner-bloc { padding: 30px 0 40px;}

	#about .move .inner-box { min-height: auto; padding-left: 120px; padding-right: 20px;}
	#about .move .icn { width: 120px; top: -8px;}
	#about .move .icn span { font-size: 48px;}
	#about .move dl dt,
	#about .move dl dd { display: block;}
	#about .move dl dt { width: 100%; margin-bottom: 8px;}
	#about .move dl dd { width: 100%;}
	#about .move ul { padding-left: 120px; padding-right: 20px;}
	#about .move ul li { margin-right: 10px; font-size: 13px;}

	#about .read p { font-size: 14px; line-height: 1.72;}

	#about .data { padding: 10px 20px;}
	#about .data ul li { padding: 12px 5px; font-size: 14px;}
	#about .data ul li span.tit { display: block; position: relative; left: auto; width: 100%; font-size: 15px;}
	#about .data ul li ul li dl dt { margin-bottom: 2px; font-size: 13px; line-height: 1;}
	#about .data ul li ul li dl dd { font-size: 13px;}
	#about .data ul li ul.detail li dl dd:before { width: 6px; height: 6px; left: 4px; top: 0.58em;}
}
@media (max-width: 481px) {
	#about .bloc.mb { margin-bottom: 30px;}
	#about .bloc:after { width: calc(100% - 20px);}
	#about .bloc .inner-bloc { width: calc(100% - 40px); padding: 20px 0 30px;}
	#about .bloc.bloc-L .inner-bloc { padding-left: 10px; padding-right: 25px;}
	#about .bloc.bloc-R .inner-bloc { padding-left: 25px;}
	#about .bloc .box.mb { margin-bottom: 20px;}

	#about .move .inner-box { margin: 0 auto 10px; padding-left: 85px;}
	#about .move .icn { width: 85px; top: -10px;}
	#about .move .icn span { font-size: 42px;}
	#about .move dl dd { font-size: 13px;}
	#about .move ul { padding-left: 85px;}
	#about .move ul li { margin-right: 6px; padding: 3px 0; font-size: 11px;}
	#about .move ul li span { padding: 2px 8px;}

	#about .read { margin-bottom: 15px;}

	#about .box.data { padding: 10px 15px;}
	#about .data ul li { padding: 8px 5px; font-size: 13px;}
	#about .data ul li span.tit { font-size: 14px;}
}


.btn-more { width: 50%; max-width: 230px; margin: 0 auto;}
.btn-more div { position: relative; padding: 10px 0; border: solid 1px #000; color: #333; font-weight: 700; text-align: center; cursor: pointer; transition: 0.2s linear;}
.btn-more div:before,
.btn-more div:after { content: ''; display: block; width: 2px; height: 15px; background: #333; position: absolute; right: 20px; top: 50%;}
.btn-more div:before{ transform: translateY(-50%);}
.btn-more div:after { transform: translateY(-50%) rotate(90deg);}
.btn-more div:hover { background: #333; color: #fff;}
.btn-more div:hover:before,
.btn-more div:hover:after { background: #fff;}
@media (max-width: 641px) {
	.btn-more div { padding: 6px;}
}
@media (max-width: 481px) {
	.btn-more div { font-size: 13px;}
}

@keyframes move-arwL {
 0% { transform: translate(0px,-50%) rotate(45deg);}
 50% { transform: translate(-10px,-50%) rotate(45deg);}
 51% { transform: translate(20px,-50%) rotate(45deg);}
 100% { transform: translate(0px,-50%) rotate(45deg);}
}
@keyframes move-arwR {
 0% { transform: translate(0px,-50%) rotate(45deg);}
 50% { transform: translate(20px,-50%) rotate(45deg);}
 51% { transform: translate(-10px,-50%) rotate(45deg);}
 100% { transform: translate(0px,-50%) rotate(45deg);}
}
.pager { position: relative; width: 98%; margin: 0 auto; padding: 50px 180px;}
.pager .prev,
.pager .next { position: absolute; top: 50%; transform: translateY(-50%);}
.pager .prev { left: 0;}
.pager .next { right: 0;}
.pager .prev a,
.pager .next a { position: relative; display: block; padding: 10px 0; color: #333; font-weight: 700; text-decoration: none;}
.pager .prev a { padding-left: 45px;}
.pager .next a { padding-right: 45px;}
.pager .prev a:before,
.pager .prev a:after,
.pager .next a:before,
.pager .next a:after { content: ''; display: block; position: absolute; }
.pager .prev a:before,
.pager .next a:before{ width: 28px; height: 28px; top: 50%; transform: translateY(-50%) rotate(45deg); background: #333;}
.pager .prev a:before{ left: 0;}
.pager .next a:before{ right: 0;}
.pager .prev a:after,
.pager .next a:after{ width: 6px; height: 6px; top: 50%; transform: translate(0,-50%) rotate(45deg);}
.pager .prev a:after{ left: 12px; border-left: solid 2px #fff; border-bottom: solid 2px #fff;}
.pager .next a:after{ right: 12px; border-top: solid 2px #fff; border-right: solid 2px #fff;}

.pager .prev a:hover:after { animation: move-arwL 0.4s ease;}
.pager .next a:hover:after { animation: move-arwR 0.4s ease;}

.pager .prev a:hover,
.pager .next a:hover { opacity: 0.8;}
.pager .btn-back { width: 50%; max-width: 230px; margin: 0 auto;}
.pager .btn-back a { position: relative; display: block; padding: 10px 0; border: solid 1px #000;
 color: #333; font-weight: 700; text-align: center; text-decoration: none; transition: 0.2s linear;
}
.pager .btn-back a:hover { background: #333; color: #fff;}
@media (max-width: 641px) {
	.pager { padding: 50px 0px;}
	.pager .prev,
	.pager .next { top: 0%; transform: translateY(0%);}
	.pager .prev a,
	.pager .next a { padding: 8px 0; font-size: 14px;}
	.pager .prev a { padding-left: 35px;}
	.pager .next a { padding-right: 35px;}
	.pager .prev a:before,
	.pager .next a:before{ width: 20px; height: 20px;}
	.pager .prev a:after,
	.pager .next a:after{ width: 5px; height: 5px;}
	.pager .prev a:after{ left: 7px;}
	.pager .next a:after{ right: 7px;}
	.pager .btn-back a { padding: 6px 0;}
}
@media (max-width: 481px) {
	.pager { padding: 50px 0px 0px;}
	.pager .pager { width: 96%;}
}



@keyframes move-arw {
 0% { transform: translateX(0px) rotate(45deg);}
 50% { transform: translateX(30px) rotate(45deg);}
 51% { transform: translateX(-20px) rotate(45deg);}
 100% { transform: translateX(0px) rotate(45deg);}
}



#news {}
#news .inner-sct { width: 90%; max-width: 1200px; margin: 0 auto;}
#news .news-list { margin: 0 auto 50px; font-size: 0px;}
#news .news-list ul { border-top: solid 1px #e8e8e8;}
#news .news-list ul li { display: block; padding: 10px; border-bottom: solid 1px #e8e8e8;}
#news .news-list ul li a { position: relative; display: block; width: 100%; padding: 20px 60px 20px 250px; color: #333; font-weight: 700; text-decoration: none;}
#news .news-list ul li a:before,
#news .news-list ul li a:after { content: ''; display: block; position: absolute;}
#news .news-list ul li a:before{ width: 25px; height: 25px; background: #333; right: 8px; top: 50%; transform: translateY(-50%) rotate(45deg);}
#news .news-list ul li a:after { width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff; right: 17px; top: 50%; transform: translate(0,-50%) rotate(45deg);}
#news .news-list ul li a time { width: 150px; position: absolute; left: 0px; top: 20px; font-size: 18px;}
#news .news-list ul li a span.tag { display: block; width: 80px; position: absolute; left: 150px; top: 22px; font-size: 14px; text-align: center;}
#news .news-list ul li a span.tit { position: relative; font-size: 18px; letter-spacing: 0.05rem;}
#news .news-list ul li a:hover span.tit { text-decoration: underline;}
#news .news-list ul li a:hover:after { animation: move-arwR 0.4s ease;}
@media (max-width: 801px) {
	#news .news-list ul li a { padding: 12px 50px 12px 210px;}
	#news .news-list ul li a:before{ width: 25px; height: 25px; background: #333; right: 8px; top: 50%; transform: translateY(-50%) rotate(45deg);}
	#news .news-list ul li a:after { width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff; right: 17px; top: 50%; transform: translate(0,-50%) rotate(45deg);}
	#news .news-list ul li a time { width: 120px; top: 12px; font-size: 16px;}
	#news .news-list ul li a span.tag { width: 60px; left: 130px; top: 15px; font-size: 12px; }
	#news .news-list ul li a span.tit { font-size: 16px;}
}
@media (max-width: 641px) {
	#news .news-list ul li { padding: 10px 0px;}
	#news .news-list ul li a { padding: 28px 40px 12px 0px;}
	#news .news-list ul li a time { top: 6px; font-size: 13px;}
	#news .news-list ul li a span.tag { width: 60px; left: 120px; top: 7px; font-size: 11px; }
	#news .news-list ul li a span.tit { font-size: 13px; line-height: 1.4;}
}
@media (max-width: 481px) {
	#news .inner-sct { padding-bottom: 50px;}
	#news .news-list ul li a:before{ width: 18px; height: 18px; right: 4px;}
	#news .news-list ul li a:after { width: 4px; height: 4px; right: 11px;}
}


#news .article {}
#news .article article { padding: 50px 50px 20px; border: solid 1px #000; box-shadow: 6px 6px 0 #e8e8e8;}
#news .article .article-hd { margin-bottom: 30px; padding-bottom: 20px; border-bottom: dashed 1px #d4d4d4;}
#news .article .article-hd p { margin-bottom: 20px; font-weight: 700; line-height: 1.2;}
#news .article .article-hd p time { display: inline-block; margin-right: 20px; vertical-align: middle;}
#news .article .article-hd p span.tag { display: inline-block; padding: 0 10px; vertical-align: middle;}
#news .article .article-hd h1 { font-size: 34px; line-height: 1.4;}

#news .article .article-ctn p { margin-bottom: 20px; color: #333;}
#news .article ul { margin-bottom: 30px;}
#news .article ul li { position: relative; margin-bottom: 8px; padding-left: 18px; color: #333; line-height: 1.8;}
#news .article ul li:last-child { margin-bottom: 0px;}
#news .article ul li:before { content: ''; display: block; width: 8px; height: 8px; background: #b7272d; border-radius: 50%;
 position: absolute; left: 0; top: 0.6em;
}
#news .article figure { width: 100%; max-width: 700px; margin: 0 auto 50px;}
#news .article figure img { max-width: 100%;}
#news .article figure figcaption { display: block; margin-top: 15px; color: #333; font-size: 15px; letter-spacing: 0.05rem;}
@media (max-width: 801px) {
	#news .article article { padding: 30px 30px 10px; box-shadow: 4px 4px 0 #e8e8e8;}
	#news .article .article-hd { margin-bottom: 20px; padding-bottom: 15px;}
	#news .article .article-hd p { margin-bottom: 8px;}
	#news .article .article-hd h1 { font-size: 4.0vw;}
}
@media (max-width: 641px) {
	#news .article { margin-bottom: 40px;}
}
@media (max-width: 481px) {
	#news .article { margin-bottom: 20px;}
	#news .article article { padding: 20px 20px 10px;}
	#news .article .article-hd p { margin-bottom: 6px; font-size: 12px;}
	#news .article .article-hd h1 { font-size: 18px;}

	#news .article .article-ctn p { margin-bottom: 10px; font-size: 13px;}
	#news .article ul { margin-bottom: 20px;}
	#news .article ul li { font-size: 13px; line-height: 1.65;}
	#news .article ul li:before { top: 0.5em;}
	#news .article figure { margin: 0 auto 30px;}
	#news .article figure figcaption { margin-top: 10px; font-size: 12px;}
}