@charset "utf-8";

table tr th, table tr td {font-size: 16px; padding: 5px 10px; border: solid 1px #ccc;}

	#whatsnew {padding: 40px 0 20px;}
	#whatsnew .container {width: 1030px; margin: 0 auto;}
	#whatsnew .container .shintyaku-waku {box-shadow: rgb(48 98 104 / 8%) 0px 6px 16px 0px, rgb(48 98 104 / 4%) 0px 0px 0px 1px; padding: 20px 20px 0;}
	#whatsnew a.but-ichiran {width: auto; line-height: 24px; color: #fff; padding: 0 20px; font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 14px;}
	#whatsnew a:hover.but-ichiran {color: #000;}
	#whatsnew a.but-ichiran span {font-size: 6px; vertical-align: top;}
	#whatsnew .shintyaku {position: relative; border-left: solid 20px #0d6f99; padding-left: 20px; margin-bottom: 20px; padding-bottom: 8px;}
	#whatsnew .shintyaku h2 {font-size: 36px; font-weight: 500;}
	#whatsnew .shintyaku p {font-size: 20px; font-weight: 500;}
	#whatsnew .shintyaku p.all-list {position: absolute; bottom: 6px; right: 0;}
	.aside-left .know-item {padding: 20px; border: solid 1px #ddd;}
	.aside-left .know-item a .title_area {border: none; padding: 18px 0 0; height: 120px;}
	.aside-left .know-item a .title_area h4 {font-size: 18px; word-wrap: break-word; word-break: break-all; visibility: visible;}
	.aside-left .know-item a .title_area h4 span {-webkit-line-clamp: 1; position: relative; z-index: 1;}
	.aside-left .know-item a .title_area h4 span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #306268; z-index: -1; transition: all 0.4s;}
	.aside-left .know-item a:hover .title_area h4 span::after {width: 100%;}
	.aside-left .know-item a .title_area p.know_detail {top: 60px; left: 0; font-size: 16px; line-height: 2; word-wrap: break-word; word-break: break-all; padding: 0;}
	.aside-left .know-item a .title_area p.know_detail span {-webkit-line-clamp: 2;}
	.aside-right {padding-left: 20px;}
	.aside-right .know-item {margin: 0 0 20px; padding: 0; border-bottom: solid 1px #ddd;}
	.aside-right .know-item a .img-exp-news {z-index: 99; border: solid 1px #ddd; margin: 0;}
	.aside-right .know-item a:hover .img-exp-news img {-webkit-transform: scale(1.2); transform: scale(1.2);}
	.aside-right .know-item a .title_area {padding: 0; border: none; height: 120px;}
	.aside-right .know-item a .title_area h4 {font-size: 18px; word-wrap: break-word; word-break: break-all; visibility: visible; padding: 4px 20px 0;}
	.aside-right .know-item a .title_area h4 span {-webkit-line-clamp: 1; position: relative; z-index: 1;}
	.aside-right .know-item a .title_area h4 span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #306268; z-index: -1; transition: all 0.4s;}
	.aside-right .know-item a:hover .title_area h4 span::after {width: 100%;}
	.aside-right .know-item a .title_area p.know_detail {top: 46px; left: 120px; line-height: 1.8; padding-right: 0; font-size: 16px;}
	.aside-right .know-item a .title_area p.know_detail span {-webkit-line-clamp: 2;}
	.osusume-article {margin-bottom: 38px;}
	.osusume-article h2 {font-size: 20px; position: relative; padding: 12px 20px 16px; background-color: #fff; border: solid 1px #333; border-radius: 6px; display: inline-block;}
	.osusume-article h2::before, .osusume-article h2::after {position: absolute; top: 100%; left: 30px; content: ''; width: 0; height: 0; border: solid 10px transparent;}
	.osusume-article h2::before {border-top: solid 15px #333;}
	.osusume-article h2::after {margin-top: -2px; border-top: solid 15px #fff;}
	
	@media only screen and (max-width:991px){
		#whatsnew .container {width: 100%; max-width: 980px;}
		#whatsnew .col-4 {flex: 0 0 40%; max-width: 40%;}
		#whatsnew .col-8 {flex: 0 0 60%; max-width: 60%;}
		.aside-left .know-item a .img-expansion {width: 100%; height: auto; float: none; display: flex;}
		.aside-left .know-item {height: calc(100% - 20px);}
	}
	@media only screen and (max-width:767px){
		table tr th, table tr td {font-size: 15px;}
		#whatsnew {padding: 10px 0 20px;}
		#whatsnew .container .shintyaku-waku {padding: 10px 10px 0;}
		#whatsnew .shintyaku h2 {font-size: 24px;}
		#whatsnew .shintyaku p {font-size: 16px;}
		#whatsnew .shintyaku p.all-list {width: 100px;}
		#whatsnew .shintyaku {border-left: solid 10px #0d6f99; padding-left: 10px; margin-bottom: 10px;}
		#whatsnew .col-4 {flex: 0 0 100%; max-width: 100%;}
		#whatsnew .col-8 {flex: 0 0 100%; max-width: 100%;}
		.osusume-article {margin-bottom: 22px;}
		.osusume-article h2 {font-size: 16px; padding: 5px 20px 7px;}
		.aside-left {border-bottom: solid 1px #ddd; margin-bottom: 20px;}
		.aside-left .know-item {border: none; padding: 20px 0px; margin-bottom: 20px;}
		.aside-left .know-item a .img-expansion {width: 100px; height: 100px; float: left;}
		.aside-left .know-item a .title_area {float: right; width: calc(100% - 110px); padding: 0;}
		.aside-left .know-item a .title_area p.know_detail {top: 40px; font-size: 14px;}
		.aside-right {padding-left: 0;}
		.aside-right .know-item a .title_area h4 {padding: 0 0 0 10px;}
		.aside-right .know-item a .title_area p.know_detail {left: 110px; font-size: 14px;}
	}
	
	
	#osusume-pickup {padding: 14px 0 0;}
#osusume-pickup .kousinday p {right: 90px;}
	#osusume-pickup .col-7 {-ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%;}
	#osusume-pickup .col-5 {-ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%;}
	#osusume-pickup .row-ar {box-shadow: rgb(48 98 104 / 8%) 0px 6px 16px 0px, rgb(48 98 104 / 4%) 0px 0px 0px 1px; border: solid 1px #ddd;}
	#osusume-pickup .recom-left {padding: 18px 0 18px 18px;}
	#osusume-pickup .recom-right {padding: 18px;}
	#osusume-pickup .recom-title {text-align: left; padding: 5px 0 18px;}
	#osusume-pickup .recom-title h2 {font-size: 27px; float: left;}
	#osusume-pickup .recom-title p {font-size: 16px; font-weight: 500;}
	#osusume-pickup .recom-title p span.lr-line {display: flex; justify-content: left; align-items: center; padding-left: 10px; line-height: 2.3;}
/*	#osusume-pickup .recom-title p span.lr-line::before {content: ''; width: 15px; height: 2px; background-color: #286601;}
	#osusume-pickup .recom-title p span.lr-line::after {content: ''; width: 15px; height: 2px; background-color: #286601;}*/
	.recom-left .title_area {height: 171px; padding: 13px 18px 18px; border: none;}
	.recom-left .title_area h4 {font-size: 16px; font-weight: 600;}
	.recom-left .title_area h4 span {-webkit-line-clamp: 1;}
	.recom-left .last-update {position: absolute; top: 50px; left: 18px; font-size: 13px; margin: 0; color: #121212;}
	.last-update img {width: 16px; height: 16px;}
	.recom-left .icon-tag {top: 46px; left: 132px;}
	.recom-left .title_area p.know_detail {top: 83px; left: 18px; font-size: 14px;}
	.recom-left a:hover {text-decoration: underline;}
	.recom-left a:hover .title_area h4 {color: #3271b8;}
	.knowle-pickup {position: absolute; z-index: 99; top: 72px; left: 13px; width: 155px;}
	
	.last-update span {position: absolute; bottom: 0; left: 48px; color: #666; font-weight: 500;}
	.icon-tag {position: absolute; font-size: 13px; color: #fff; font-weight: 500;}
	
	.recom-right .well-read {margin: 0 0 18px; padding: 0; position: relative; display: block;}
	.recom-right .well-read .image_wrap {z-index: 9; border: solid 1px #ddd; margin: 0; width: 180px; height: 180px; float: left;}
	.recom-right .well-read .title_area {border: none;; padding: 9px; height: 180px; border-left: none;}
	.recom-right .well-read .title_area h4 {font-size: 16px; font-weight: 600; padding-left: 14px!important;}
	.recom-right .last-update {position: absolute; top: 70px; left: 194px; font-size: 14px; margin: 0; color: #121212;}
	.recom-right .icon-tag {top: 68px; left: 315px; margin: 0;}
	.recom-right .well-read .title_area p.know_detail {top: 97px; left: 194px; font-size: 14px;}
	.recom-right a:hover {text-decoration: underline;}
	.recom-right a:hover .title_area h4 {color: #3271b8;}
	
	.short-waku {margin: 0 0 18px; padding: 0; position: relative; display: block;}
	.sigoban {flex: 0 0 50%; max-width: 50%; width: 100%;}
	.sigo-left {float: left;}
	.sigo-right {float: right;}
	.short-waku .image_wrap {z-index: 9; width: 180px; height: 110px; float: left;}
	.sigoban .image_wrap {z-index: 9; width: 72px; height: 72px; float: left;}
	.short-waku .title_area {border: none; padding: 9px; height: 110px;}
	.sigoban .title_area {border: none; padding: 9px; height: 72px;}
	.sigoban .title_area h4 {padding-left: 5px!important;}
	.sigoban .title_area p.know_detail {top: 40px!important; left: 78px!important; padding-right: 0;}
	.sigoban .title_area p.know_detail span {-webkit-line-clamp: 1!important;}
	.sigoban .title_area .last-update {display: none;}
	.sigoban .title_area .icon-tag {display: none;}
	.short-waku.niban .title_area h4 {font-size: 16px; font-weight: 600; padding-left: 14px!important;}
	.short-waku.sigoban .title_area h4 {font-size: 16px; font-weight: 600; padding-left: 14px;}
	.short-waku .title_area h4 span {-webkit-line-clamp: 1;}
	.short-waku .last-update {position: absolute; top: 42px; left: 194px; font-size: 13px;}
	.short-waku .icon-tag {top: 42px; left: 315px;}
	.short-waku .title_area p.know_detail {top: 68px; left: 194px; font-size: 14px;}
	.short-waku .title_area p.know_detail span {-webkit-line-clamp: 2;}
	.short-waku a:hover {text-decoration: underline;}
	.short-waku a:hover .title_area h4 {color: #3271b8;}
	.well-read-rank01 {position: absolute; z-index: 99; top: -15px; left: -10px; width: 58px;}
	.well-read-rank0203 {position: absolute; z-index: 99; top: -15px; left: -10px; width: 52px;}
	.well-read-rank0405 {position: absolute; z-index: 99; top: -10px; left: -5px; width: 32px;}
	
	.short-waku-text {display: block; clear: both; padding-top: 5px;}
	.short-waku-text .title_area {border: none; padding: 0 10px 10px 0; height: inherit;}
	.short-waku-text .title_area h4 {font-size: 18px; font-weight: 600;}
	.short-waku-text .title_area h4 span {-webkit-line-clamp: 1; padding-left: 15px;}
	.short-waku-text .title_area h4 span b {color: #58ae21;}
	.short-waku-text a:hover {text-decoration: underline;}
	.short-waku-text a:hover .title_area h4 {color: #3271b8;}
	
	.short-waku-text img {width: 45px; float: left; margin-top: 4px;}
	
	.lr-line::before {margin-right: 15px;}
	.lr-line::after {margin-left: 15px;}
	
	.icon-tag span.tag-base {width: 66px; display: inline-block; text-align: center; border-radius: 10px; margin: 0 2px;}
	.icon-tag span.tag-new {background-color: #fca404;}
	.icon-tag span.tag-popular {background-color: #2bb4c4;}
	.icon-tag span.tag-recom {background-color: #318d2f;}
	
	#osusume-pickup a .image_wrap {display: block; overflow: hidden; position: relative;}
	#osusume-pickup a .image_wrap img {display: block; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	#osusume-pickup a .image_wrap img.innerimg {border: solid 1px #ddd; margin: 0;}
	#osusume-pickup a:hover .image_wrap img.innerimg {-webkit-transform: scale(1.2); transform: scale(1.2);}
	
	.know-book-waku {position: absolute; max-width: 1035px; margin: 0 auto; top: 22px; right: 5px;}
	.know-book {position: relative; font-size: 16px; font-weight: 600; text-align: right; padding: 18px 0; width: 144px; margin-left: auto; text-shadow: 2px  2px 0px #ffffff, -2px  2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff, 2px  0px 0px #ffffff, 0px  2px 0px #ffffff, -2px  0px 0px #ffffff, 0px -2px 0px #ffffff;}
	.know-book img {width: 72px;}
	.know-book a img.m-off {position: absolute; display: block; top: -14px; right: 26px; z-index: -1;}
	.know-book a img.m-on {position: absolute; display: none; top: -14px; right: 26px; z-index: -2;}
	.know-book a:hover img.m-off {position: absolute; display: none; top: -14px; right: 26px; z-index: -1;}
	.know-book a:hover img.m-on {position: absolute; display: block; top: -14px; right: 26px; z-index: -2;}
	.know-book-text {font-size: 16px; font-weight: 600;}
	.know-book a:hover {text-decoration: none;}
	.know-book a .know-book-text {opacity: 1; transition: 0.3s;}
	.know-book a:hover .know-book-text {color: #3271b8;}
	
	@media only screen and (max-width:1203px){
		#osusume-pickup .container {max-width: 1000px;}
		#osusume-pickup .recom-title h2 {float: none;}
		.recom-left .icon-tag {top: 88px; left: 15px;}
		.recom-left .title_area p.know_detail {top: 120px; padding-right: 0;}
		.recom-left .title_area p.know_detail span {-webkit-line-clamp: 2;}
		.recom-right .icon-tag {top: 104px; left: 192px;}
		.recom-right .well-read .title_area p.know_detail {top: 136px;}
		.recom-right .title_area p.know_detail {padding-right: 0;}
		.recom-right .title_area p.know_detail span {-webkit-line-clamp: 2;}
		.short-waku .icon-tag {top: 75px;}
		.short-waku .title_area p.know_detail {top: 104px;}
		.short-waku .title_area p.know_detail span {-webkit-line-clamp: 1;}
		.knowle-pickup {top: 112px; width: 158px;}
	}
	@media only screen and (max-width:991px){
		.icon-tag span.tag-base {margin: 0 2px;}
		#osusume-pickup .recom-title {text-align: center;}
		#osusume-pickup .recom-title p span.lr-line {justify-content: center;}
		#osusume-pickup .recom-left {padding: 20px 10px 20px;}
		.recom-left .image_wrap {max-width: 400px; margin: 0 auto;}
		.recom-left .title_area {text-align: center;}
		.recom-left .title_area p.know_detail {padding-right: 20px;}
		.recom-right .well-read .title_area h4 span {-webkit-line-clamp: 1;}
		.recom-right .well-read .title_area p.know_detail {top: 96px;}
		.recom-right .last-update {top: 40px;}
		.recom-right .icon-tag {top: 60px; left: 192px;}
		.recom-right .icon-tag span {margin: 4px 2px;}
		.short-waku .image_wrap {margin-left: 0;}
		.short-waku .last-update {left: 74px;}
		.short-waku .icon-tag {left: 74px;}
		.short-waku .title_area {margin-left: 120px;}
		.short-waku .title_area p.know_detail {left: 74px; top: 88px;}
		.pager .all-ichiran {left: calc(50% / 1 + 180px);}
		#osusume-pickup .col-5 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		#osusume-pickup .col-7 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		.know-book {padding-right: 10px;}
		.sigoban .title_area {margin-left: 0!important;}
		.knowle-pickup {left: calc(50% / 1 - 204px);}
	}
	@media only screen and (max-width:767px){
		#osusume-pickup .recom-title h2 {font-size: 24px;}
		#osusume-pickup .recom-title p {font-size: 14px;}
		#osusume-pickup .row-ar {box-shadow: none;}
		#osusume-pickup .recom-left {padding: 20px 0;}
		#osusume-pickup .recom-right {padding: 20px 0 20px 10px;}
		.niban a .image_wrap {margin-left: 0;}
		.sigoban a .image_wrap {margin-left: 0;}
		.recom-left .image_wrap {padding: 0 10px;}
		.recom-right .well-read {margin: 0 0 10px;}
		.recom-right .well-read .image_wrap {width: 100px; height: 100px;}
		.recom-right .well-read .title_area {height: 100px; padding: 4px 8px;}
		.recom-right .well-read .title_area h4 {font-size: 16px; padding-left: 10px!important;}
		.recom-right .last-update {top: 36px; left: 110px; font-size: 13px;}
		.icon-tag {font-size: 13px;}
		.recom-right .icon-tag {top: 60px; left: 110px;}
		.recom-right .well-read .title_area p.know_detail {display: none;}
		.short-waku {margin: 0 0 10px;}
		.short-waku .image_wrap {width: 100px; height: 100px;}
		.short-waku .title_area {height: 100px; padding: 4px 8px; margin-left: 0;}
		.short-waku .title_area h4 {font-size: 16px; padding-left: 10px!important;}
		.short-waku .last-update {top: 36px; left: 110px; font-size: 13px;}
		.short-waku .icon-tag {top: 60px; left: 110px;}
		.short-waku .icon-tag span.tag-base {margin: 0 2px;}
		.short-waku .title_area p.know_detail {display: none;}
		.short-waku-text .title_area h4 {font-size: 16px;}
		.pager .all-ichiran {position: initial!important; text-align: center; font-size: 16px;}
		.know-list .item.small .num_area {display: none;}
		.know-list .item.small .image_wrap {width: 100px; height: 100px; overflow: hidden; float: left;}
		.well-read-rank {display: none;}
		.sigoban {flex: 0 0 100%; max-width: 100%; width: 100%;}
		.sigoban .title_area .last-update {display: block;}
		.sigoban .title_area .icon-tag {display: block;}
		.knowle-pickup {left: calc(50% / 1 - 195px); top: 100px;}
		.well-read-rank01 {width: 40px; top: -10px; left: -5px;}
		.well-read-rank0203 {width: 40px; top: -10px; left: -5px;}
	}
	@media only screen and (max-width:579px){
		.know-book-waku {position: relative;}
		.know-book {padding: 0 10px 40px 0;}
		.know-book a img {display: none!important;}
		.knowle-pickup {top: 160px;}
		#osusume-pickup .recom-title p span.lr-line {padding-left: 0;}
		#osusume-pickup .recom-title p span.lr-line {padding-left: 0;}
	}

	@media only screen and (max-width:420px){.knowle-pickup {left: calc(0% / 1 + 6px); width: 130px;}}
	
	@media only screen and (max-width:379px){
		.recom-left .title_area {padding: 4px 8px 10px; height: 100px;}
		.recom-left .title_area h4 {font-size: 16px; left: 10px;}
		.recom-left .last-update {top: 36px;}
		.recom-left .icon-tag {top: 65px; left: 10px;}
		.recom-left .title_area p.know_detail {display: none;}
		.recom-right .well-read .image_wrap {width: 75px; height: 75px;}
		.recom-right .well-read .title_area {height: 75px;}
		.recom-right .last-update {top: 28px; left: 86px;}
		.icon-tag {font-size: 12px;}
		.icon-tag span.tag-base {width: 62px;}
		.recom-right .icon-tag {top: 46px; left: 86px;}
		.short-waku .image_wrap {width: 75px; height: 75px;}
		.short-waku .title_area {height: 75px;}
		.short-waku .last-update {top: 28px; left: 86px;}
		.short-waku .icon-tag {top: 50px; left: 86px;}
	}



/*===============================================
特集共通
===============================================*/
	.kousinday p {left: 0; top: -24px; margin: 0; font-size: 13px; font-weight: 500;}
	.iine {font-size: 12px!important; top: -23px!important; left: 120px!important;}
	
	ol li {list-style-type: decimal;}
	.mokuji2 ol li {font-size: 0.9em;}
	.mokuji2 ol li a{text-decoration: none;}
	.mokuji2 ol li a:hover{color:#ffa500;}
	.reason-orange {font-size: 18px; font-weight: bold; color: #ff7e00; margin: 20px 10px;}
	#oyakudachi h2 {position: relative; padding: 0.25em 0;color: #009BC6; margin-top: 20px;}
	#oyakudachi h2::after {content: ""; display: block; height: 4px; background: -webkit-linear-gradient(to right, rgb(0, 155, 198), transparent); background: linear-gradient(to right, rgb(0, 155, 198), transparent);}
	.aowaku {border: solid 1px #153796; margin-top: 10px;}
	.aowaku p {margin: 10px 0!important; padding: 0 5px;}

.aowaku.mt20 .content_box_midashi {padding: 10px; margin: 0; line-height: 1.6; text-indent: initial; border: none; height: auto; background-color: #fff; color: #16695a;}
.aowaku.mt20 .aowaku-inner {padding: 0 10px 10px;}
.aowaku-inner ul {list-style-type: square; margin-left: 25px;}
	
	.amazon-af h2 {background: none;}
	#oyakudachi .mokuji2 ol li {font-size: 1em;}
	.chatgpt {font-size: 0.9em;}
	
	.amazon-af-image a img {width: 100%; height: auto; max-width: 300px;}
	
	.lightblue-waku h4 {margin: 10px;}
	.mynum-table {margin-top: 20px;}
	.mynum-table table {border-collapse: collapse;}
	.mynum-table table tr th, .mynum-table table tr td {padding: 10px; font-size: 16px; border: solid 1px #ccc;}
	.mynum-table table tr th {background-color: #d1f4c5; width: 30%;}
	.mynum-table table tr td {background-color: #fdfdef; width: 70%;}
	.mynum-table table .mynum-title {background-color: #63a4ee; color: #fff; font-weight: 600; font-size: 18px; text-align: center;}

.content-image {margin: 20px 0 0 20px;}
	
	
	@media only screen and (max-width: 991px) {
		.kousinday p {top: 0;}
		.iine {top: 0!important;}
	}
	
	@media only screen and (max-width: 767px) {
		.kousinday p {margin-top: 20px; margin-bottom: -20px; top: -24px; text-align: right; padding-right: 76px}
		.kousinday p span {left: initial; bottom: 1px;}
		.iine {display: none;}
		#oyakudachi .ft_right {float: none; margin: 20px 0; text-align: center;}
		.footer_af .tleft {text-align: center;}
		#oyakudachi .midashi_2 {font-size: 18px;}
		#oyakudachi h2 {font-size: 16px;}
		.reason-orange {font-size: 16px; margin: 20px 0 0 0;}
		#oyakudachi p {margin: 20px 0 0 0; font-size: 15px;}
		.content_box_midashi {margin: 0; text-indent: inherit; padding-left: 10px; height: inherit;}
		#heading4 .mt10 p {padding: 0 10px 10px;}
		.syutten {margin: 0!important;}
		.syutten div.ml20 {width: 100%!important; margin: 0!important;}
		#oyakudachi .mokuji2 ol.pl40 {padding-left: 10px;}
		
		.aowaku.mt20 .content_box_midashi.f16 {font-size: 15px;}
		.aowaku-inner ul li {font-size: 14px; line-height: 1.4;}
		
		#oyakudachi .lightblue-waku p {margin: 10px;}
		.mynum-table table tr th, .mynum-table table tr td {display: block;}
		.mynum-table table tr th {text-align: center; width: 100%;}
		.mynum-table table tr td {width: 100%;}
		.mynum-table table.nagare-table tr th, .mynum-table table.nagare-table tr td {padding: 5px 10px; font-size: 14px;}
		.mynum-table table.nagare-table tr th {text-align: left;}
	}
	@media only screen and (max-width: 429px) {
		.amazon-af .amazon-af-image a img {width: 100%; height: auto;} 
	}


/*===============================================
合わせて読みたい
===============================================*/
.awaseteyomitai a .news-info {padding: 0 20px;}
.awaseteyomitai a .news-info h4 {font-size: 18px; line-height: 1.4;}
.awaseteyomitai a .news-info h4 span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.awaseteyomitai a .news-info p {font-size: 14px; overflow: hidden; line-height: 1.4;}
.awaseteyomitai a .news-info p span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

@media only screen and (max-width:538px){
	.awaseteyomitai a .news-info p span {-webkit-line-clamp: 2;}
}


/************************/


	#knowlege {background-color: #fff;}
	
	.know-list {font-size: 0;}
	.know-list a {display: block;width: 100%; height: auto; position: relative; background: #fff; color: #000; box-shadow: rgb(48 98 104 / 8%) 0px 6px 16px 0px, rgb(48 98 104 / 4%) 0px 0px 0px 1px;}
	.know-list a:hover .image {-webkit-transform: scale(1.2); transform: scale(1.2);}
	.know-list .image_wrap {display: block; position: relative; width: 100%; height: 176px; z-index: 1;overflow: hidden;}
	.know-list .image_wrap .image {width: 100%; height: auto; -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease; -webkit-transform: scale(1);
    transform: scale(1);}
	.know-list .item {display: inline-block; font-size: 14px; vertical-align: top; position: relative;}
	.know-list .image {width: 100%; height: 100%!important; display: block; overflow: hidden; position: relative; z-index: 2;}
	.know-list .item .num_area {margin: 0 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end;}
	.know-list .item .sub_title {font-size: 20px; margin-right: 10px; color: #306268; position: relative;}
	.know-list .item .post_num {font-size: 30px; margin-bottom: -2px; font-weight: 600; color: #306268;}
	.know-list a:hover h3.title {color: #666;}
	.know-list .item.small {width: calc(100% / 3 - 20px); height: 372px; margin: 0 30px 0px 0;}
	.know-list .item.small:nth-child(3n + 3) {margin-right: 0;}
	.know-list .item.small .title_area {border: none; margin: 0; padding: 0; position: initial; height: 135px; padding: 0 27px; text-align: justify; text-justify: inter-ideograph;}
	.know-list .item.small .num_area {margin: 0; padding: 0 9px 9px 0; width: 54px; height: 54px; text-align: center; background: #fff; position: absolute; top: 13px; left: 0; z-index: 1; border-radius: 0 50% 50% 0; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-align-items: center; -webkit-align-items: center; align-items: center;}
	.know-list .item.small .sub_title {font-size: 10px; margin: 0; width: 100%;}
	.know-list .item.small .post_num {-ms-align-self: start; -webkit-align-self: start; align-self: start; font-size: 21px; margin: 0; line-height: 0.1;}
	.know-list .item.small h3.title {height: 54px; font-size: 16px; margin: 22px 0 0 0; font-weight: 600; line-height: 1.6; max-height: 3em; overflow: hidden; visibility: visible; word-wrap: break-word; word-break: break-all; background-color: initial; padding: 0;}
	.know-list .item.small a:hover h3.title {color: #3271b8;}
	.know-list .item.small a:hover h3.title span {text-decoration: underline;}
	.know-list .item.small h3.title span {display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: relative; z-index: 1;}
/*	.know-list .item.small h3.title span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #306268; z-index: -1; transition: all 0.4s;}*/
	.know-list .item.small a:hover h3.title span::after {width: 100%;}
	.know-list .item.small p.desc {margin: 13px 0 0 0; color: #000; font-size: 14px; line-height: 2; max-height: 3.6em; overflow: hidden; visibility: visible; word-wrap: break-word; word-break: break-all;}
	.know-list .item.small p.desc span {display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	
	.snip {position: relative; overflow: hidden; width: 100%; background-color: #000;}
	.snip figcaption {position: absolute; bottom: 0px; right: 25px;}
	.snip figcaption::before {bottom: 40px; right: -30px; position: absolute; content: ''; width: 750px; height: 2px; background-color: #fff; -webkit-transform: translateX(100%); transform: translateX(100%);}
	.snip figcaption div::before {bottom: 0px; right: 20px; position: absolute; content: ''; width: 10px; height: 420px; background-color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%);}
	a:hover .snip figcaption::before {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 20;}
	a:hover .snip figcaption div::before {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 20;}
	.snip *::before {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; text-align: center;}
	

	
	@media only screen and (max-width:991px){
		#knowlege .container {width: auto; padding: 60px 20px 20px;}
		.know-list .item.small {width: calc(50% - 10px); margin: 0 33px 0px 0;}
		.know-list .item.small:nth-of-type(even) {margin-right: 0px!important;}
		.know-list .item.small:nth-of-type(odd) {margin-right: 20px;}
	}

	@media only screen and (max-width:767px){
		#knowlege {padding: 0;}
		#knowlege .container {padding: 20px 10px;}
		.know-list {margin: 0;}
		.know-list .item.small {width: 100%; height: 100px; margin: 0 0 20px!important; padding: 0; box-sizing: border-box;}
		.know-list .item.small .title_area {padding: 0; height: 100px;}
		.know-list .item.small h3.title {font-size: 16px; margin: 0; height: 40px; max-height: 100%;}
		.know-list .item.small h3.title span {width: 100%; padding: 5px 15px; background-color: #306268; border: solid 1px #306268; color: #fff; -webkit-line-clamp: 1; overflow: hidden;}
		.know-list .item.small p.desc {font-size: 14px; margin: 0; padding: 4px 15px; max-height: 100px; box-shadow: none;}
		.know-list .item.small p.desc span {overflow: hidden;}
		.know-list .item.small:nth-of-type(even) {margin-right: 0px!important;}
	}

	@media only screen and (max-width:475px){
		.know-list .item.small {padding: 0;}
		.know-list .item.small h3.title span {padding: 4px 10px;}
		.know-list .item.small p.desc {padding: 0 10px;}
	}

	
.title_area_kasou {
	border: 1px solid #ddd;
    border-top: none;
    background: #fff;
    display: block;
    height: 126px;
    padding: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.title_area_kasou h4 {
	font-size: 20px;
    line-height: 1.2;
    color: #222;
    max-height: 24px;
    overflow: hidden;
    font-weight: bold;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
.title_area_kasou h4 span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.title_area_kasou h4 d {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f8cb90 0%) repeat scroll 0 0;}
.title_area_kasou p.know_detail {
	position: absolute;
    top: 46px;
    left: 10px;
    font-size: 14px;
	color: #222;
    padding-right: 10px;
    line-height: 1.6;
    overflow: hidden;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
.title_area_kasou p.know_detail span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.know-item .img-expansion {border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.know-item a:hover .title_area_kasou h4 {text-decoration: underline; color: #999;}

@media only screen and (max-width:991px){
	.img-expansion {display: block; width: 100px; height: 100px; float: left; border: 1px solid #ddd;}
	.title_area_kasou {display: block; height: 100px; border-top: 1px solid #ddd;}
	.title_area_kasou h4 {padding-left: 10px; font-size: 16px;}
	.title_area_kasou p.know_detail {left: 110px;}
	.title_area_kasou p.know_detail span {-webkit-line-clamp: 2;}
	}

.post_container {line-height: 2.4;}
.post_row {margin-top: 30px;}
.post_container .post_row::after {clear: both;}
.post_container .post_row::before, .post_container .post_row::after {content: ""; display: table;}
.post_col-12 {
	width: 100%;
	position: relative;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.post_col-6 {
	width: 50%;
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.post_col-6 h2 {margin: 0 0 8px 0; padding: 0; font-size: 18px; font-weight: 700; line-height: 1.7; color: #48704b;}
.post_col-6 p {margin: 0; line-height: 2.2;}

.col-9-post {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-9-post a .img-expansion {border: none;}
.col-3-post {-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; position: absolute; top: 50%; right: 0; background-color: #fff; padding: 20px; z-index: 4; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);}

.col-3-post h2 {margin: 0 0 16px 0; padding: 0; font-size: 24px; font-weight: 700; line-height: 1.2; color: #0d6f99; position: relative; padding-left: 46px;}
.col-3-post h2::before {background:url("../images/knowlege/midashi-title01.png")no-repeat; background-size: 36px; content: ''; display: block; width: 36px; height: 36px; position: absolute; top: 0; left: 0;}
.col-3-post p {margin: 0; line-height: 2.2;}
.col-3-post h2 d {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f8cb90 0%) repeat scroll 0 0;}

.post-mr24 {margin-right: 24px;}
.post-mt24 {margin-top: 24px;}

@media only screen and (max-width:991px){
	.post_container {font-size: 14px;}
	.col-9-post a .img-expansion {display: flex; width: 100%; height: auto; float: none; border: none;}
	}
@media only screen and (max-width:767px){
	.post_col-6 {width: 100%; margin-bottom: 30px;}
	.post_col-6 h2 {margin: 0 0 7px 0; font-size: 16px; line-height: 1.4;}
	.col-9-post {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.col-3-post {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%);}
	.post-mr24 {margin-right: 0px;}
	}
@media only screen and (max-width:429px){
	.col-3-post h2 {font-size: 18px; padding-left: 30px;}
	.col-3-post h2::before {background-size: 24px; width: 24px; height: 24px;}
	}

	.kasou_sp_midashi {
		margin: 0;
		padding: 14px 20px 0;
		width: 100%;
		line-height: 1.2;
		text-align: center;
		font-size: 24px;
		color: #1c3b1e;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

.pager {position: relative;}
.pager .pagination li {width: 40px!important; height: 40px!important;}
.pager {margin: 36px 0 54px;}
.pager .pagination li a.active {border-radius: initial!important; background: #000!important; color: #fff!important;}
.pager .pagination li a {border-radius: initial; background: #efefef; color: #000;}
.pager .pagination li a:hover {border-radius: initial!important; background: #0d6f99!important; color: #fff!important;}
.pager .pagination li a:hover.active {background: #000!important;}
.pager-top {margin-bottom: 0;}
	
	.pager .all-ichiran {font-size:16px; font-weight: 600; position: absolute; top: 0; left: calc(50% / 1 + 216px);}
	.pager .all-ichiran a {transition: 0.3s;}
	.pager .all-ichiran a span {display: inline-block;}
	.pager .all-ichiran a:hover {text-decoration: none;}
	.pager .all-ichiran a:hover span {-webkit-transform: rotateY(360deg); transform: rotateY(360deg); transition: .6s;}
	.pager .all-ichiran a:hover span:nth-of-type(1) {-webkit-transition-delay: .02s; transition-delay: .02s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(2) {-webkit-transition-delay: .04s; transition-delay: .04s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(3) {-webkit-transition-delay: .06s; transition-delay: .06s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(4) {-webkit-transition-delay: .08s; transition-delay: .08s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(5) {-webkit-transition-delay: .10s; transition-delay: .10s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(6) {-webkit-transition-delay: .12s; transition-delay: .12s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(7) {-webkit-transition-delay: .14s; transition-delay: .14s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(8) {-webkit-transition-delay: .16s; transition-delay: .16s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(9) {-webkit-transition-delay: .18s; transition-delay: .18s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(10) {-webkit-transition-delay: .20s; transition-delay: .20s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(11) {-webkit-transition-delay: .22s; transition-delay: .22s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(12) {-webkit-transition-delay: .24s; transition-delay: .24s; color: #3271b8;}
	
/*	#knowlege .pager ul.pagination {position: relative;}
	#knowlege ul li.but-ichiran {position: absolute; top: 0; right: 0; border-radius: 4px; width: 180px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
	#knowlege ul li.but-ichiran a {background-color: #fdab00;}
	#knowlege ul li.but-ichiran a:hover {background-color: #2f7802;}
	#knowlege ul li.but-ichiran a img {vertical-align: middle; margin-bottom: 8px;}
	#knowlege .pager .pagination li a:hover, #knowlege .pager .pagination li a.active {animation: none;}*/

@media only screen and (max-width:767px){
	.pager .pagination li {width: 40px; height: 40px;}
	.pager .pagination li.pre, .pager .pagination li.next {width: 40px; height: 40px;}
	.pager-top {margin-bottom: 30px; margin-top: 0;}
	.pager-bottom {margin-top: 0;}
	}

@media only screen and (max-width:429px){
	.pager .pagination li {width: 32px; height: 32px;}
	.pager .pagination li.pre, .pager .pagination li.next {width: 32px; height: 32px;}
	}


/************************/


	.a-order {text-align: left; padding: 36px 10px 5px; font-size: 14px;}
	.a-order h2 {transition: 0.3s; display: inline-block; letter-spacing: 0.1em; background-color: #ddd; padding: 0px 10px; float: left; line-height: 1.6; font-size: 14px; color: #121212;}
	.a-order h2 span {display: inline-block;}
	.a-order h2:hover {text-decoration: none; cursor: pointer;}
	.a-order h2:hover span {-webkit-transform: rotateY(360deg); transform: rotateY(360deg); transition: .6s;}
	.a-order h2:hover span:nth-of-type(1) {-webkit-transition-delay: .02s; transition-delay: .02s; color: #333;}
	.a-order h2:hover span:nth-of-type(2) {-webkit-transition-delay: .04s; transition-delay: .04s; color: #333;}
	.a-order h2:hover span:nth-of-type(3) {-webkit-transition-delay: .06s; transition-delay: .06s; color: #333;}
	.a-order p {display: inline-block; padding-left: 10px; font-size: 14px; font-weight: 600;}
	.zenichiran-link {float: right; font-weight: 600;}
	.zenichiran-link a {color: #3271b8!important;}
	.zenichiran-link a:hover {text-decoration: underline;}
	
	.col-6-al {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	
	.aside-lr:nth-of-type(even) {padding-left: 5px;}
	.aside-lr:nth-of-type(odd) {padding-right: 5px;}
	.aside-lr .know-item {margin: 0 0 10px; padding: 0; border-bottom: none;}
	.aside-lr .know-item a .img-exp-news {z-index: 99; border: solid 1px #bbb; margin: 0; width: 125px; height: 125px;}
	.aside-lr .know-item a:hover .img-exp-news img {-webkit-transform: scale(1.2); transform: scale(1.2);}
	.aside-lr .know-item a .title_area {padding: 10px; height: 125px; border: solid 1px #bbb;}
	.aside-lr .know-item a .title_area h4 {font-size: 18px; word-wrap: break-word; word-break: break-all; visibility: visible; padding-left: 6px; line-height: 1.4;}
	.aside-lr .know-item a .title_area h4 span {-webkit-line-clamp: 2; position: relative; z-index: 1;}
	.aside-lr .know-item a:hover .title_area h4 span::after {width: 100%;}
	.aside-lr .know-item a .title_area p.know_detail {top: 92px; left: 130px; line-height: 1.4; padding-right: 0; font-size: 16px;}
	.aside-lr .know-item a .title_area p.know_detail span {-webkit-line-clamp: 1;}
	
	.title_area .underline {clear: both; padding-top: 5px; border-bottom: solid 1px #ccc; width: calc(100% - 130px); margin-left: auto;}
	

	.all-ichiran a {transition: 0.3s;}
	.all-ichiran a span {display: inline-block;}
	.all-ichiran a:hover {text-decoration: none;}
	.all-ichiran a:hover span {-webkit-transform: rotateY(360deg); transform: rotateY(360deg); transition: .6s;}
	.all-ichiran a:hover span:nth-of-type(1) {-webkit-transition-delay: .02s; transition-delay: .02s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(2) {-webkit-transition-delay: .04s; transition-delay: .04s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(3) {-webkit-transition-delay: .06s; transition-delay: .06s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(4) {-webkit-transition-delay: .08s; transition-delay: .08s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(5) {-webkit-transition-delay: .10s; transition-delay: .10s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(6) {-webkit-transition-delay: .12s; transition-delay: .12s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(7) {-webkit-transition-delay: .14s; transition-delay: .14s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(8) {-webkit-transition-delay: .16s; transition-delay: .16s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(9) {-webkit-transition-delay: .18s; transition-delay: .18s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(10) {-webkit-transition-delay: .20s; transition-delay: .20s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(11) {-webkit-transition-delay: .22s; transition-delay: .22s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(12) {-webkit-transition-delay: .24s; transition-delay: .24s; color: #3271b8;}
	
#all-list .title_area .last-update {position: absolute; top: 66px; left: 130px; color: #121212;}
#all-list .title_area .icon-tag {top: 66px; right: 10px;}

.oshiete_youtube {position: relative; width: 100%; padding-top: 56.25%;}
.oshiete_youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
	
	@media only screen and (max-width:991px){
		#all-list .container {width: 100%; max-width: 980px;}
		#all-list .col-4 {flex: 0 0 40%; max-width: 40%;}
		#all-list .col-8 {flex: 0 0 60%; max-width: 60%;}
		.col-6-al {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		.aside-lr .know-item a .title_area p.know_detail {top: 90px;}
		.aside-lr .know-item a .title_area {height: 126px;}
		.all-ichiran {text-align: center;}
		.aside-lr:nth-of-type(even) {padding-left: 0;}
		.aside-lr:nth-of-type(odd) {padding-right: 0;}
	}
	@media only screen and (max-width:767px){
		.a-order {padding-top: 28px; display: flow-root;}
		#all-list .col-4 {flex: 0 0 100%; max-width: 100%;}
		#all-list .col-8 {flex: 0 0 100%; max-width: 100%;}
		.aside-lr {padding-left: 0;}
		.aside-lr .know-item a .title_area {height: 126px;}
		.aside-lr .know-item a .title_area p.know_detail {top: 90px; left: 132px;}
		.last-update {left: 132px; font-size: 13px;}
		.icon-tag span.tag-base {margin: 0 2px;}
		.a-order p {display: none;}
	}
	@media only screen and (max-width:538px){
		.aside-lr .know-item a .img-exp-news {width: 80px; height: 80px;}
		.aside-lr .know-item a .title_area {height: 80px; padding: 0 10px;}
		.aside-lr .know-item a .title_area h4 {font-size: 15px;}
		.aside-lr .know-item a .title_area p.know_detail {display: none;}
		.aside-lr .know-item a .title_area p.know_detail span {-webkit-line-clamp: 1;}
		.last-update img {width: 14px; height: 14px;}
		.icon-tag span.tag-base {margin: 0 2px; width: 62px; padding: 1px 2px;}
		.title_area .underline {width: calc(100% - 85px);}
		#all-list .title_area .last-update {top: 52px; left: 76px;}
		#all-list .title_area .icon-tag {top: 50px; right: -8px;}

	}
	@media only screen and (max-width:429px){
		.last-update span {left: 42px;}
		.last-update img {width: 16px; height: 16px;}
		#content_right .mt20 .mt_10 a img {width: 100%; max-width: 315px; height: auto;}
		#content_right .mb_10 a img {width: 100%; max-width: 315px; height: auto;}
		#all-list .title_area .last-update {display: none;}
	}		


/*===============================================
合わせて読みたい
===============================================*/
#oyakudachi .news-space a h4 {font-size: 18px;}
#oyakudachi .news-space a p {font-size: 16px; overflow: hidden; max-height: 4.8em;}


/*===============================================
引用符
===============================================*/
.blockquote {position: relative;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);}
.blockquote::before {display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    content: '❝';
	font-family: sans-serif;
    color: #9dd4ff;
    font-size: 48px;
    line-height: 1;}
.blockquote p {padding: 0; margin: 7px 0; line-height: 1.7;}


/*===============================================
水色枠
===============================================*/
.lightblue-waku {margin-bottom: 10px; padding: 10px; border: outset 4px #cccccc; background-color: #e8f7fb;}

.lightblue-table {}
.lightblue-table table {margin-top: 20px;}
.lightblue-table table tr th, .lightblue-table table tr td {padding: 5px 10px; font-size: 16px;}
.lt-title {background-color: #7fbecf; color: #fff;}

@media only screen and (max-width: 767px) {
	.lightblue-waku {margin: 20px 0 10px;}
}


/*===============================================
黒線枠
===============================================*/
.black-line-box {border: solid 1px #153796; padding: 20px;}
.black-line-box ul li {margin-bottom: 10px; text-indent: -1em; padding-left: 1em;}
.black-line-box ul li:last-child {margin: 0;}

@media only screen and (max-width: 767px) {
	.black-line-box {padding: 15px;}
	.black-line-box ul li {font-size: 14px; line-height: 1.4;}
}

/*===============================================
課題リスト
===============================================*/
.assignment-list {margin-top: 20px;}
.assignment-list h4 {border-bottom: solid 1px #aaa;}
.assignment-list h5 {margin: 5px; font-size: 18px;}


@media only screen and (max-width: 767px) {
	.assignment-list h4 {font-size: 16px;}
	.assignment-list h5 {font-size: 16px;}
}


/*===============================================
カラーボックス①
===============================================*/
.color-wrap {margin: 10px 0 0;}
.color-wrap h5 {line-height: 30px; margin: 0; height: 30px; color: #fff; padding: 0 10px; font-size: 16px;}
.color-wrap p {margin: 10px;}


@media only screen and (max-width: 767px) {
	#oyakudachi .color-wrap p {margin: 10px;}
}


/*===============================================
カラーボックス②
===============================================*/
.color-box {margin: 10px 0;}
.color-box .content_box_midashi {height: initial; text-indent: initial; line-height: 1.6; padding: 5px 10px;}
.color-box-lightblue {border: solid 1px #2286ba; background-color: #deeff9;}
.color-box-lightblue .content_box_midashi {background-color: #2286ba; border-bottom: solid 1px #2286ba;}
.color-box-brown {border: solid 1px #b98d22; background-color: #f8f0dd;}
.color-box-brown .content_box_midashi {background-color: #b98d22; border-bottom: solid 1px #b98d22;}
.color-box-lightgreen {border: solid 1px #21ba2c; background-color: #def7e1;}
.color-box-lightgreen .content_box_midashi {background-color: #21ba2c; border-bottom: solid 1px #21ba2c;}
.color-box-pink {border: solid 1px #ba2384; background-color: #f9def1;}
.color-box-pink .content_box_midashi {background-color: #ba2384; border-bottom: solid 1px #ba2384;}
.color-box-yellow {border: solid 1px #b7b109; background-color: #eeefcd;}
.color-box-yellow .content_box_midashi {background-color: #b7b109; border-bottom: solid 1px #b7b109;}
.color-box-blue {border: solid 1px #260c90; background-color: #d3cdef;}
.color-box-blue .content_box_midashi {background-color: #260c90; border-bottom: solid 1px #260c90;}


@media only screen and (max-width: 767px) {
	.color-box .content_box_midashi {margin: 0;}
	#oyakudachi .color-box p {margin: 0; padding: 10px;}
}


/*===============================================
特集ページtable①
===============================================*/
.gimuka-table {margin-top: 20px;}
.gimuka-table h5 {margin: 0; font-size: 20px;}
.gimuka-table table tr {padding: 0;}
.gimuka-table table tr th {font-size: 18px; color: #fff; padding: 10px; border: solid 1px #4cc187; background-color: #157445;}
.gimuka-table table tr td {font-size: 16px; padding: 10px; border: solid 1px #4cc187;}
.gimuka-table table tr td ul {list-style-type: disc; margin-left: 30px;}
.gimuka-table table tr td ul li {font-size: 16px;}
.gimuka-table td.gimuka-indent p {text-indent: -1em; padding-left: 20px; margin: 0;}


/*===============================================
特集ページtable②
===============================================*/
.taisyo-table {margin-top: 30px;}
.taisyo-table table {width: 100%;}
.taisyo-table table td {padding: 0.5em; font-size: 14px;}
.taisyo-table table td.image-area {width: 20%; text-align: center;}
.taisyo-table table td.image-area img {width: 100%; height: auto; max-width: 110px; margin-top: 10px;}
.taisyo-table table td.text-area {vertical-align: top;}
.taisyo-table table td.text-area h4 {border-bottom: solid 1px #ccc; padding: 5px;}
.taisyo-table table td.text-area p {margin: 0; padding: 5px;}

@media only screen and (max-width: 767px) {
	.taisyo-table {margin-top: 20px;}
	.taisyo-table table td {display: block;}
	.taisyo-table table td.image-area {width: 100%;}
	.taisyo-table table td.image-area img {max-width: 220px;}
	#oyakudachi .taisyo-table table td.text-area p {margin: 20px 0;}
	#oyakudachi .taisyo-table table.taisyo-nagare-table td.text-area p {margin: 0; font-size: 14px;}
}


/*===============================================
コンテンツ内背景
===============================================*/
.pickup-bg {padding: 1.5em;}
.pickup-bg.sec1 {background: url("../images/pickup/img/aspiration08.webp") no-repeat center center; background-size: cover;}
.pickup-bg.sec2 {background: url("../images/pickup/img/aspiration09.webp") no-repeat center center; background-size: cover;}
.pickup-bg.sec3 {background: url("../images/pickup/img/aspiration10.webp") no-repeat center center; background-size: cover;}
.pickup-bg.sec4 {background: url("../images/pickup/img/aspiration11.webp") no-repeat center center; background-size: cover;}
#oyakudachi .pickup-bg h2 {margin: 0; color: #000;}
#oyakudachi .pickup-bg h2::after {background: -webkit-linear-gradient(to right, rgb(0, 0, 0), transparent); background: linear-gradient(to right, rgb(0, 0, 0), transparent);}
.pickup-bg-inner {}
.pickup-bg-inner p {margin: 10px 0 0; padding: 1em; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}



/*===============================================
A8広告
===============================================*/
.a8-program {margin: 40px 0;}
.col-6-a8 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 5px;}
.a8-program-box {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; padding: 5px; height: 100%;}
.a8-program-img {display: flex; text-align: center;}
.a8-program-img a img {width: 100%; height: 100%;}
.a8-program-text {position: relative; height: 86px;}
.a8-program-text p {position: absolute; top: 15px; left: 0; overflow: hidden;}
.a8-program-text p span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.a8-program-text h5 {position: absolute; bottom: 0; right: 0; margin: 0; font-size: 0.8em;}
.a8-program-text h5 a {display: inline-block; padding: 0.1em 1.5em; text-decoration: none; background: #bb0000; font-weight: 500; border-bottom: solid 4px #a30000; border-radius: 6px; text-align: center; color: #fff!important;}

.col-12-a8 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 5px;}
.col-12-a8 .a8-program-img {display: inline-block; max-width: 86px; max-height: 86px; float: left;}
.col-12-a8 .a8-program-text {width: calc(100% - 90px); left: 90px;}
.col-12-a8 .a8-program-text p {top: 0;}
.col-12-a8 .a8-program-text h5 {bottom: 5px;}
	
@media only screen and (max-width: 767px){
	#oyakudachi .col-12-a8 .a8-program-text p {margin: 0;}
}

	@media only screen and (max-width: 498px){
		.col-6-a8 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		.a8-program-img {max-width: 300px; margin: 0 auto;}
	}


/*===============================================
用語
===============================================*/
#content_left #dictionary-main {padding: 10px 0; font-size: 16px;}





/*===============================================
こんな記事も読まれています
===============================================*/
.konnakiji-box {margin: 30px 0 0;}
.konnakiji-title {font-weight: bold; font-size: 16px; color: #fff; background-color: #1d526b; padding: 7px 15px;  border-radius: 5px 5px 0 0;}
.konnakiji {background-color: #eaf3f8; padding: 10px; border-radius: 0px 0px 5px 5px; display: flex; flex-wrap: wrap; width: 100%; max-width: 645px; border: solid 2px #1d526b;}
.konnakiji-6 {flex: 0 0 50%; max-width: 50%; display: inline-flex; padding: 5px;}
.konnakiji-6-inner {position: relative; width: 100%; height: 72px; line-height: 1.2; background-color: #fff; padding: 5px; border: solid 1px #ccc;}
.kiji-title {position: absolute; top: 5px; left: 75px; overflow: hidden; margin: 0; padding-right: 5px;}
.kiji-text {position: absolute; top: 30px; left: 75px; overflow: hidden; margin: 0; padding-right: 5px; color: #121212; font-size: 14px; line-height: 1.3;}
.kiji-title span {font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.kiji-text span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

@media only screen and (max-width: 767px){
	.konnakiji-6 {flex: 0 0 100%; max-width: 100%;}
}



/*===============================================
介護資格
===============================================*/
.shikaku-ranking .w-bodyright02 {width: 310px; margin-left: 5px; height: 250px;}
.shikaku-ranking .w-bodyright02 .w-bodyright-in {width: 100%; margin: 0; padding: 10px;}
.shikaku-ranking .w-bodyright02 .w-bodyright-in img {padding: 0 10px;}
.shikaku-ranking .w-body .w-btnin a {text-decoration: none;}

@media only screen and (max-width: 767px){
	.shikaku-ranking {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; margin-bottom: 40px;}
	.shikaku-ranking .w-title02 {background-image: none; background-color: #d4e7f0; width: 100%; display: inline-block; height: 100%;}
	.shikaku-ranking .w-title02 .w-titletext {width: 100%; background-color: #d4e7f0;}
	.shikaku-ranking .w-title02 .cyuou {height: 100%;}
	.w-titletext .cyuou.pt30 {text-align: center; padding: 0 5px 10px; float: none;}
	.shikaku-ranking .w-body02 {width: 100%; background-image: none; padding: 10px;}
	.shikaku-ranking .w-body02 .cyuou {float: none; text-align: center; margin: 0;}
	.shikaku-ranking .w-bodyright02 {width: 100%; height: auto; margin: 0; float: none;}
	.shikaku-ranking .w-body {padding: 0;}
	.shikaku-ranking .w-body .w-btn {background-color: #228bbd;}
	.shikaku-ranking .w-body .w-btn .w-btnin {padding: 10px;}
	.shikaku-ranking .w-foot img {display: none;}
}


/*===============================================
 枠各種
===============================================*/
section .framewaku {width: 90%; margin: 30px auto 20px; padding: 30px 20px 20px; border: 3px solid #aaa; position: relative; border-radius: 3px; background-color: #fff;}
section .framewaku-memo-border {border-color: #186693;}
section .framewaku-title {position: absolute; top: -13px; left: 20px; padding: 0 5px;}
section .framewaku-memo {background-color: #186693; border: 2px solid #186693; color: #fff; border-radius: 3px;}
section .framewaku h4 {font-size: 18px; font-weight: bold; color: #333; margin: 10px 0;}
section .framewaku p {margin: 0;}


@media only screen and (max-width: 767px){
	#oyakudachi section .framewaku p {margin: 0;}
}


/*===============================================
 見出し各種 midashi
===============================================*/
section .midashi_2 {font-size: 20px; font-weight: bold; color: #505050; padding: 0.5em; line-height: 1.6; background-color: #dbebf8; border-radius: 24px 0px 0px 24px;}
section .midashi_2::before {content: '●'; color: #fff; margin-right: 8px;}


section .midashi_3 {font-size: 16px; margin: 20px; text-shadow: 0 0 5px white; padding: 20px; background: -webkit-repeating-linear-gradient(-45deg, #f5ffe9, #f5ffe9 3px, #eaffcb 3px, #eaffcb 7px); background: repeating-linear-gradient(-45deg, #f5ffe9, #f5ffe9 3px, #eaffcb 3px, #eaffcb 7px);}
section .midashi_3 ul {list-style-type: square; margin-left: 20px;}

@media only screen and (max-width: 767px){
	section .midashi_2 {font-size: 18px;}
	section .midashi_3 {font-size: 15px;}
}