@charset "utf-8";

#research .inner-sct { padding: 40px 0 80px;}
#research .box.mb { margin-bottom: 50px;}
#research .box .box-tit { margin-bottom: 40px;}
#research .box .ctn-flex { display: flex; justify-content: space-between; flex-direction: row-reverse; }
#research .box .book{ width: 30%;}
#research .box .txt { width: 68%;}
#research .box .book figure {}
#research .box .book figure img { width: 100%; max-width: 268px; box-shadow: 2px 2px 8px #333;}
#research .box .book figure a:hover img { opacity: 0.85;}
#research .box .txt h4 { font-size: 20px; font-size: 1.25rem; font-weight: 700;}
#research .box .txt p { font-size: 1.0rem; letter-spacing: 0.075rem; line-height: 1.75;}
#research .box .txt p.mb { margin-bottom: 20px;}
#research .box .txt p.link { position: relative; display: inline-block; margin-right: 20px; padding: 4px 10px; padding-left: 25px; font-size: 1.0rem; vertical-align: top;}
#research .box .txt p.link:before { content: ''; display: block; width: 10px; height: 10px; background: #6b9d57; border-radius: 50%;
 position: absolute; left: 4px; top: 0.8rem;
}
#research .box .txt p span.note { display: block; font-size: 12px; font-size: 0.75rem;}

#research .box .txt ul li { position: relative; font-size: 1.0rem;}
#research .box .txt ul.member { margin-bottom: 12px;}
#research .box .txt ul.member li { padding-left: 7rem;}
#research .box .txt ul.member li span { position: absolute; left: 0; width: 7rem; text-align: right;}
#research .box .txt ul.issue li { padding-left: 60px;}
#research .box .txt ul.issue li span { position: absolute; left: 0;}
#research .box .txt ul.disc { margin-top: 30px; padding-left: 1.0rem;}
#research .box .txt ul.disc li { list-style-type: disc;}

#research .box .ctn ul.backnumber { width: 100%; max-width: 760px; margin: 0 auto;}
#research .box .ctn ul.backnumber li { margin-bottom: 20px; font-size: 1.15rem;}
#research .box .ctn ul.backnumber li:last-child { margin-bottom: 0px;}
#research .box .ctn ul.backnumber li a { position: relative; display: block; width: 100%; padding: 18px; padding-left: 68px; border: solid 1px #6b9d57; border-radius: 8px;
 color: #000; font-weight: 700; letter-spacing: 0.08rem; text-decoration: none;
}
#research .box .ctn ul.backnumber li a:before{ content: ''; display: block; width: 23px; height: 23px;
 position: absolute; top: 50%; left: 30px; transform: translateY(-50%);
 background: url('/img/icn-arw.jpg') no-repeat 50% 50% / 100% auto; border-radius: 50%;
}
#research .box .ctn ul.backnumber li a:hover { background: #f0f5ee;}
@media (max-width: 801px) {
	#research .box .box-tit { margin-bottom: 30px;}
	#research .box .txt p { font-size: 14px;}
	#research .box .txt ul li { font-size: 14px;}
	#research .box .txt ul.member li { padding-left: 90px;}
	#research .box .txt ul.member li span { width: 90px;}
	#research .box .txt ul.issue li { padding-left: 50px;}
	
	#research .box .ctn ul.backnumber li { font-size: 1.0rem;}
}
@media (max-width: 641px) {
	#research .box .ctn-flex { display: block;}
	#research .box .book{ width: 100%; margin-bottom: 20px;}
	#research .box .txt { width: 100%;}
	#research .box .book figure { text-align: center;}
	#research .box .book figure img { width: 50%; max-width: 200px;}
	#research .box .ctn ul.backnumber li a { padding-left: 45px;}
	#research .box .ctn ul.backnumber li a:before{ left: 10px;}
	#research .box .ctn ul.backnumber li a:after { left: 16px;}
}
@media (max-width: 481px) {
	#research .inner-sct { padding: 20px 0 50px;}
	#research .box .box-tit { margin-bottom: 20px;}
	#research .box .txt h4{ font-size: 1.0rem;}
	#research .box .txt p { font-size: 0.78rem;}

	#research .box .txt p span.note { font-size: 10px;}

	#research .box .txt ul li { font-size: 0.78rem;}
	#research .box .txt ul.member li { padding-left: 76px;}
	#research .box .txt ul.member li span { width: 76px;}
	#research .box .txt ul.issue li { padding-left: 45px;}
	#research .box .txt ul.disc { margin-top: 20px;}
	
	#research .box .ctn ul.backnumber li { margin-bottom: 10px; font-size: 12px;}
	#research .box .ctn ul.backnumber li a { padding: 10px; padding-left: 40px; letter-spacing: 0.05rem; border-radius: 5px;}
	#research .box .ctn ul.backnumber li a:before{ width: 18px; height: 18px; left: 10px;}
}



#newsletter .inner-sct { padding: 40px 0 80px;}
#newsletter .box.mb { margin-bottom: 50px;}
#newsletter .box .box-tit { margin-bottom: 40px;}
#newsletter .box .lead { width: 100%; max-width: 900px; margin: 0 auto 40px;}
#newsletter .box .lead p { font-size: 1.0rem;}
#newsletter .box .lead ul { padding: 20px 0; padding-left: 1.2rem;}
#newsletter .box .lead ul li { padding: 2px 0; list-style-type: disc; font-size: 1.0rem;}
#newsletter .box .lead ul li span { font-weight: 600;}
#newsletter .box .ctn { width: 100%; max-width: 900px; margin: 0 auto;}
#newsletter .box .ctn h4 { margin-bottom: 10px; font-size: 20px; font-weight: 700;}
#newsletter .box .ctn p { font-size: 1.0rem; letter-spacing: 0.075rem; line-height: 1.75;}

#newsletter .box .outline { width: 100%; max-width: 900px; margin: 0 auto; padding-top: 40px; border-top: dashed 1px #c8c8c8;}
#newsletter .box .outline p { font-size: 1.0rem;}
#newsletter .box .outline ul { padding-left: 1.0rem;}
#newsletter .box .outline ul li { padding: 8px 0; list-style-type: disc; font-size: 1.0rem;}
#newsletter .box .outline ul li dl {}
#newsletter .box .outline ul li dl dt { font-weight: 700;}
#newsletter .box .outline ul li dl dd span.note { display: block; font-size: 12px;}

#newsletter .box .book { width: 100%; max-width: 900px; margin: 0 auto;}
#newsletter .box .book h4 { position: relative; margin-bottom: 10px; padding-left: 30px; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.075rem;}
#newsletter .box .book h4:before { content: ''; display: block; width: 15px; height: 15px; background: #6b9d57; border-radius: 50%;
 position: absolute; left: 0; top: 0.4em;
}

#newsletter .box .book dl dt { font-size: 0.92rem; font-weight: 700;}
#newsletter .box .book dl dd { margin-bottom: 12px; padding: 6px 8px; font-size: 0.88rem;}
#newsletter .box .book dl dd:last-child { margin-bottom: 0px;}
#newsletter .box .book hr { width: 100%; max-width: 900px; margin: 40px auto; border: 0px; border-top: dashed 1px #c8c8c8;}
#newsletter .box .book ul.backnumber { padding-left: 1.0rem;}
#newsletter .box .book ul.backnumber li { position: relative; margin-bottom: 5px; padding-left: 20px; font-size: 1.0rem;}
#newsletter .box .book ul.backnumber li:last-child { margin-bottom: 0px;}
#newsletter .box .book ul.backnumber li:before { content: ''; position: relative; display: block; width: 8px; height: 8px; vertical-align: middle;
 border-top: solid 2px #50a63a; border-right: solid 2px #50a63a; transform: rotate(45deg);
 position: absolute; left: 0; top: 10px;
}

#newsletter .box .member { width: 100%; max-width: 900px; margin: 0 auto;}
#newsletter .box .member p { position: relative; margin-bottom: 8px; padding-left: 25px; font-size: 1.25rem; font-weight: 700;}
#newsletter .box .member p:before { content: ''; display: block; width: 12px; height: 10px; background: #50a63a; border-radius: 50%;
 position: absolute; left: 0; top: 0.5em;
}
#newsletter .box .member ul {}
#newsletter .box .member ul li { padding: 5px 0;}
#newsletter .box .member ul li dl { display: table; width: 100%;}
#newsletter .box .member ul li dl dt,
#newsletter .box .member ul li dl dd { display: table-cell; }
#newsletter .box .member ul li dl dt { width: 100px; font-weight: 700;}

@media (max-width: 801px) {
	#newsletter .box .box-tit { margin-bottom: 30px;}
	#newsletter .box .lead ol li { font-size: 0.88rem;}
	#newsletter .box h4 { font-size: 1.0rem;}
	#newsletter .box p { font-size: 0.88rem;}
	#newsletter .box ul li { font-size: 0.8rem;}

	#newsletter .box .book h4 { font-size: 1.0rem;}
	#newsletter .box .book dl dt { font-size: 0.8rem;}
	#newsletter .box .book dl dd { font-size: 0.75rem;}
}
@media (max-width: 481px) {
	#newsletter .inner-sct { padding: 20px 0 50px;}
	#newsletter .box .box-tit { margin-bottom: 20px;}
	#newsletter .box .lead { margin: 0 auto 20px;}
	#newsletter .box .lead ul li { font-size: 0.75rem;}
	#newsletter .box h4 { margin-bottom: 6px; font-size: 0.88rem;}
	#newsletter .box p { font-size: 0.8rem;}
	#newsletter .box ul li { font-size: 0.8rem;}
	#newsletter .box p.tt1 { font-size: 0.88rem;}
	#newsletter .box .outline { padding-top: 20px;}
	
	#newsletter .box .book h4 { padding-left: 18px; font-size: 0.88rem;}
	#newsletter .box .book h4:before { width: 10px; height: 10px;}
	#newsletter .box .book dl dt { font-size: 0.8rem;}
	#newsletter .box .book dl dd { margin-bottom: 8px; padding: 4px 0px; font-size: 0.7rem;}
	#newsletter .box .book hr { margin: 20px auto;}
	
	#newsletter .box .book ul.backnumber { padding-left: 0rem;}
	#newsletter .box .book ul.backnumber li:before { top: 6px;}
	
	#newsletter .box .member p { margin-bottom: 0px; padding-left: 18px; font-size: 0.88rem;}
	#newsletter .box .member p:before { width: 8px; height: 8px;}
	#newsletter .box .member ul li { padding: 4px 0;}
	#newsletter .box .member ul li dl dt { width: 72px;}
}



#internet .inner-sct { padding: 40px 0 80px;}
#internet .box .box-tit { margin-bottom: 40px;}
#internet .box .lead{ width: 100%; max-width: 900px; margin: 0 auto 40px;}
#internet .box .lead ol { padding-top: 20px; padding-left: 1.2rem;}
#internet .box .lead ol li { padding: 2px 0; list-style-type: decimal; font-size: 1.0rem;}
#internet .box .ctn { width: 100%; max-width: 900px; margin: 0 auto;}
#internet .box h4 { margin-bottom: 10px; font-size: 1.25rem; font-weight: 700;}
#internet .box p { font-size: 1.0rem; letter-spacing: 0.075rem; line-height: 1.75;}

#internet .box p.tt1 { font-size: 1.12rem; font-weight: 700;}
#internet .box p.tt1 a { margin-left: 10px;}
#internet .box p.tt2 { font-weight: 700;}
#internet .box p.note{ font-size: 0.88rem;}
#internet .box p.link { position: relative; padding-left: 1.5rem;}
#internet .box p.link:before { content: ''; display: block; width: 10px; height: 10px; background: #6b9d57; border-radius: 50%;
 position: absolute; left: 4px; top: 0.6rem;
}

#internet .box .row { padding: 30px 0; border-top: dashed 1px #c8c8c8;}
#internet .box ul.mb { margin-bottom: 30px;}
#internet .box ul.disc { padding-left: 1.2rem;}
#internet .box ul.disc li { font-size: 1.0rem; list-style-type: disc;}
#internet .box ul.toukou li { font-size: 1.0rem;}
#internet .box ul.toukou li span { font-weight: 700; }
@media (max-width: 801px) {
	#research .box .box-tit { margin-bottom: 30px;}
	#internet .box h4 { font-size: 1.0rem;}
}
@media (max-width: 481px) {
	#internet .inner-sct { padding: 20px 0 50px;}
	#internet .box .box-tit { margin-bottom: 30px;}
	#internet .box h4 { margin-bottom: 6px; font-size: 0.88rem;}
	#internet .box p { letter-spacing: 0.05rem;}
	#internet .box p.tt1 { font-size: 0.88rem;}
	#internet .box p.note{ font-size: 10px;}
	#internet .box ul.disc li { font-size: 0.88rem;}
	#internet .box ul.toukou li { font-size: 0.88rem;}
	#internet .box ul.toukou li span { display: block;}
}



#others .inner-sct { padding: 40px 0 80px;}
#others .box .box-tit { margin-bottom: 40px;}
#others .box .ctn { width: 100%; max-width: 900px; margin: 0 auto;}
#others .box h4 { margin-bottom: 10px; font-size: 1.25rem; font-weight: 700;}
#others .box h4 span { font-size: 1.0rem; font-weight: 400;}
#others .box p { font-size: 1.0rem; letter-spacing: 0.075rem; line-height: 1.75;}
#others .box p.link {}
#others .box p.link a { position: relative; display: block; width: 100%; padding: 18px; padding-left: 68px; border: solid 1px #6b9d57; border-radius: 8px;
 color: #000; font-weight: 700; letter-spacing: 0.08rem; text-decoration: none;
}
#others .box p.link a:before{ content: ''; display: block; width: 23px; height: 23px;
 position: absolute; top: 50%; left: 30px; transform: translateY(-50%);
 background: url('/img/icn-arw.jpg') no-repeat 50% 50% / 100% auto; border-radius: 50%;
}
#others .box p.link a:hover { background: #f0f5ee;}
#others .box hr { width: 100%; height: 1px; margin: 30px auto; border: none; border-top: dashed 1px #c8c8c8;}
@media (max-width: 801px) {
	#others .box .box-tit { margin-bottom: 30px;}
	#others .box h4 { font-size: 1.0rem;}
	#others .box h4 span { font-size: 0.75rem;}
}
@media (max-width: 641px) {
	#others .box p.link a { padding-left: 45px;}
	#others .box p.link a:before{ left: 10px;}
	#others .box p.link a:after { left: 16px;}
}
@media (max-width: 481px) {
	#others .inner-sct { padding: 20px 0 50px;}
	#others .box .box-tit { margin-bottom: 20px;}
	#others .box h4 { font-size: 0.88rem;}
	#others .box h4 span { font-size: 0.72rem;}

	#others .box p { font-size: 0.8rem; letter-spacing: 0.05rem; line-height: 1.65;}
	#others .box p.link a { padding: 10px; padding-left: 40px; letter-spacing: 0.05rem; border-radius: 5px;}
	#others .box p.link a:before{ width: 18px; height: 18px; left: 10px;}
}