@charset "UTF-8";

/* glyph */
[class*=glyphClip] > span{
	padding-left: 1.8em;
	display: inline-block;
}
[class*=glyphClip] > span:before {
	content: "";
	background: 0 0 no-repeat;
	background-size: auto 100%;
}
.glyphClip01 > span:before,
.glyphClip01.isAdded > span:before {
	background-image: url('/kojin/toshin/images/landing_50s_glyph_clip01.svg');
	width: 20px;
	height: 24px;
	margin-top: -13px;
}
.glyphClip02 > span:before {
	background-image: url('/kojin/toshin/images/landing_50s_glyph_clip02.svg');
	width: 34px;
	height: 38px;
}
.glyphClip01.isAdded > span:before {
	background-image: url('/kojin/toshin/images/landing_50s_glyph_clip03.svg');
}

/* landing_50sMvBlock */
.landing_50sMvBlock01 {
	background: url('/kojin/toshin/images/landing_50s_img_02.png') no-repeat top center;
	background-size: cover;
	height: 670px;
	margin-bottom: 120px;
}
.landing_50sMvBlock01 .landing_50sMvInner {
	width: 1200px;
	margin: 0 auto;
	padding: 120px 0 0;
}
.landing_50sMvBlock01 .landing_50sMvTitle {
	margin-left: -30px;
}
.landing_50sMvBlock01 .landing_50sMvText {
	font-size: 3.2rem;
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

/* landing_50sStyleBlock01 */
.landing_50sStyleBlock01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.landing_50sStyleBlock01 .landing_50sStyleImage {
	width: 45%;
}
.landing_50sStyleBlock01 .landing_50sStyleText {
	width: 52%;
	line-height: 2.5;
	font-size: 2.2rem;
	box-sizing: border-box;
}

/* landing_50sNayamiBlock */
[class*='landing_50sNayamiBlock'] {
	background: url('/kojin/toshin/images/landing_50s_img_04.png') repeat center center;
	background-size: 30%;
	padding: 0 25px 25px;
	border-radius: 10px;
	border-top: 20px solid #7bac69;
	box-sizing: border-box;
	height: 100%;
}
.landing_50sNayamiBlock01 {
	border-color: #7bac69;
}
.landing_50sNayamiBlock02 {
	border-color: #d98e72;
}
.landing_50sNayamiBlock03 {
	border-color: #dfb156;
}
[class*='landing_50sNayamiBlock'] > * {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.landing_50sNayamiTitle {
	color: #71593e;
	display: flex;
	justify-content: center;
	align-items: center;
}
.landing_50sNayamiQuestion {
	position: relative;
	background: #fff;
	border-radius: 40px;
	padding: 30px;
	margin-bottom: 20px;
	color: #71593e;
}
.landing_50sNayamiQuestion:before {
	position: absolute;
	content: '';
	background: url('/kojin/toshin/images/landing_50s_img_05.svg') no-repeat center top;
	background-size: contain;
	display: block;
	width: 80px;
	height: 40px;
	top: calc(100% - 1px);
	left: 50px;
}
.landing_50sNayamiAnser {
	color: #71593e;
	margin-bottom: 25px;
}
.landing_50sNayamiDetail {
	background: rgba(255, 255, 255, 0.5);
	padding: 25px;
	margin-top: auto;
	text-align: center;
}
.landing_50sNayamiDetailTitle {
	font-weight: bold;
	color: #71593e;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
.landing_50sNayamiDetailTitle:before {
	content: '';
	display: block;
	background: url('/kojin/toshin/images/landing_50s_icon_01.svg') no-repeat center center;
	background-size: contain;
	width: 23px;
	height: 28px;
	margin-right: 10px;
}
[class*='landing_50sBtn'] {
	border-radius: 2em;
	margin: 0 5px;
	border: 0
}
[class*='landing_50sBtn']:hover {
	border: 0
}
[class*='landing_50sBtn'] span,
[class*='landing_50sBtn']:hover > span,
[class*='landing_50sBtn'] span:before,
[class*='landing_50sBtn']:hover > span:before,
[class*='landing_50sBtn'] span:after,
[class*='landing_50sBtn']:hover > span:after {
	color: #fff !important;
}
[class*='landing_50sBtn']:hover {
	opacity: 0.7;
}
.landing_50sBtn01 {
	background: #f69401;
}
.landing_50sBtn02 {
	background: #4f9835;
}
.landing_50sBtn02.isAdded {
	background-color: #fff;
	pointer-events: none;
}
.landing_50sBtn02.isAdded:hover {
	opacity: 1;
}
.landing_50sBtn02.isAdded span {
	color: #c8c8c8 !important;
}

/* landing_50sCvBlock */
[class*='landing_50sCvBlock'] {
	background: url('/kojin/toshin/images/landing_50s_img_06.png') no-repeat center center;
	background-size: cover;
	color: #fff;
	height: 410px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
[class*='landing_50sCvBlock'] .landing_50sCvInner {
	text-align: center;
}
.landing_50sCvBlock02 {
	background-image: url('/kojin/toshin/images/landing_50s_img_08.png');
	height: 450px;
	padding-top: 50px;
}

/* landing_50sArticle */
.landing_50sArticleColumn01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.landing_50sArticleItem {
	box-sizing: border-box;
	width: calc(33% - 40px);
	margin-top: 60px;
}
.landing_50sArticleColumn01 .landing_50sArticleItem:nth-child(3n+2):last-child {
	margin-right: auto;
	margin-left: 95px;
}

.landing_50sArticleItem {
	display: block;
}
.landing_50sArticleItemLink {
	display: block;
}
.landing_50sArticleItemLink > * {
	margin-bottom: 10px;
}
.landing_50sArticleItemImage {
	border: 1px solid #d6d6d6;
	border-radius: 6px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	background: #fff;
}
.landing_50sArticleItemImage > img {
	height: 134px;
	width: auto;
}
.landing_50sArticleItem:hover .landing_50sArticleItemImage {
	opacity: .7;
}
.landing_50sArticleItemStatus {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.landing_50sArticleItemStatus [class*='landing_50sArticleItemType'] {
	display: flex;
	align-items: center;
	color: #71593e;
}
.landing_50sArticleItemStatus [class*='landing_50sArticleItemType']:before {
	content: '';
	background: url('/kojin/toshin/images/landing_50s_icon_02.svg') no-repeat center left;
	background-size: contain;
	width: 15px;
	height: 20px;
	margin-right: .5em;
}
.landing_50sArticleItemStatus .landing_50sArticleItemType02:before {
	background-image: url('/kojin/toshin/images/landing_50s_icon_01.svg');
}
.landing_50sArticleItemStatus .landing_50sArticleItemCat {
	position: relative;
	background: #7bac69;
	color: #fff;
	display: flex;
	align-items: center;
	height: 30px;
	padding: 0 20px;
	border-radius: 0 6px 6px 0;
}
.landing_50sArticleItemStatus .landing_50sArticleItemCat:before {
	content: '';
	background: url('/kojin/toshin/images/landing_50s_img_07.svg') no-repeat center center;
	background-size: contain;
	width: 20px;
	height: 100%;
	position: absolute;
	left: -20px;
	top: 0;
}
.landing_50sArticleItemTitle {
	color: #000;
}

/* landing_50sFixedBlock01 */
.landing_50sFixedBlock01 {
	display: none;
	box-sizing: border-box;
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 6;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

/* landing_50sBg */
[class*='landing_50sBg'] {
	position: relative;
}
[class*='landing_50sBg']:before,
[class*='landing_50sBg']:after {
	position: absolute;
	display: inline-block;
	content: '';
	background-repeat: no-repeat;
	z-index: -1;
}
.landing_50sBg01:before {
	top: -70%;
	left: -540px;
	width: 680px;
	height: 614px;
	background-image: url('/kojin/toshin/images/landing_50s_bg_01.png');
	background-size: contain;
}
.landing_50sBg01:after {
	top: 40%;
	right: -320px;
	width: 460px;
	height: 644px;
	background-image: url('/kojin/toshin/images/landing_50s_bg_02.png');
	background-size: contain;
}
.landing_50sBg02:before {
	top: 34%;
	left: -500px;
	width: 513px;
	height: 491px;
	background-image: url('/kojin/toshin/images/landing_50s_bg_03.png');
	background-size: contain;
}
.landing_50sBg02:after {
	top: 74%;
	right: -360px;
	width: 786px;
	height: 623px;
	background-image: url('/kojin/toshin/images/landing_50s_bg_04.png');
	background-size: contain;
}
.landing_50sBg03:before {
	top: -13%;
	left: -540px;
	width: 680px;
	height: 614px;
	background-image: url('/kojin/toshin/images/landing_50s_bg_01.png');
	background-size: contain;
}
.landing_50sBg03:after {
	top: 40%;
	right: -320px;
	width: 365px;
	height: 435px;
	background-image: url('/kojin/toshin/images/landing_50s_bg_02.png');
	background-size: contain;
}
.landing_50sBg04:before {
	top: -120%;
	left: -200px;
	width: 513px;
	height: 491px;
	background-image: url('/kojin/toshin/images/landing_50s_bg_03.png');
	background-size: contain;
}

/* reset */
#pageTop {
	z-index: 2;
}

/* readLaterBlock */
.readLaterBlock {
	margin: 0 auto;
}

/* readLaterLink */
.readLaterBlock .readLaterLink:last-child {
	margin-bottom: 5px;
}
.readLaterLink .linkItem {
	position: relative;
	display: inline-block;
	padding-right: 30px;
	box-sizing: border-box;
}
.readLaterLink .linkItem > a {
	color: #4f9835;
}
.readLaterLink .linkItem > a:hover {
	color: #f7920e !important;
}
.readLaterLink .linkItem .deleteBtn {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: solid 1px #4f9835;
	border-radius: 4px;
	box-sizing: border-box;
}
.readLaterLink .linkItem .deleteBtn:before {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -0.5em;
	margin-left: -0.5em;
	content: "\e900";
	display: block;
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
	font-family: 'icon_type2018';
	color: #4f9835;
}
.readLaterLink .linkItem .deleteBtn > span {
	display: none;
}

/* readLaterMore */
.readLaterMore {
	display: none;
	margin-bottom: 5px;
}
.readLaterMore > a {
	color: #515151;
	text-decoration: underline;
}
.readLaterMore > a:hover {
	opacity: 0.7;
}

/* readLaterTitle */
.readLaterTitle,
.readLaterTitle.glyphClip > span:before {
	color: #71593e;
}

/* readLaterList */
.readLaterList > * {
	margin-top: 5px;
}
.readLaterList > *:first-child {
	margin-top: 0;
}

/*-------------------------------------------

LP以外での「クリップ機能」使用時のcss調整（再設定）

-------------------------------------------*/
/*
レイアウトパーツ
*/
/* カラムレイアウト */
[class*="mcs-layoutColumnA"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
[class*="mcs-layoutColumnA2"] > *,
[class*="mcs-layoutColumnA3"] > *,
[class*="mcs-layoutColumnA4"] > *,
[class*="mcs-layoutColumnA5"] > * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
[class*="mcs-layoutColumnA2"] > * {
	width: 48%;
	margin-left: 4%;
}
[class*="mcs-layoutColumnA3"] > * {
	width: 32%;
	margin-left: 2%;
}
[class*="mcs-layoutColumnA4"] > * {
	width: 22.9%;
	margin-left: 2.8%;
}
[class*="mcs-layoutColumnA5"] > * {
	width: 18%;
	margin-left: 2.5%;
}
[class*="mcs-layoutColumnA2"] > *:nth-child(n+3),
[class*="mcs-layoutColumnA3"] > *:nth-child(n+4),
[class*="mcs-layoutColumnA4"] > *:nth-child(n+5),
[class*="mcs-layoutColumnA5"] > *:nth-child(n+6) {
	margin-top: 15px;
}
[class*="mcs-layoutColumnA2"] > *:nth-child(2n+1),
[class*="mcs-layoutColumnA3"] > *:nth-child(3n+1),
[class*="mcs-layoutColumnA4"] > *:nth-child(4n+1),
[class*="mcs-layoutColumnA5"] > *:nth-child(5n+1) {
	margin-left: 0;
}
[class*="mcs-layoutColumnA2"].mcs-wide01 > *:nth-child(n+3),
[class*="mcs-layoutColumnA3"].mcs-wide01 > *:nth-child(n+4),
[class*="mcs-layoutColumnA4"].mcs-wide01 > *:nth-child(n+5),
[class*="mcs-layoutColumnA5"].mcs-wide01 > *:nth-child(n+6) {
	margin-top: 30px;
}
[class*="mcs-arrowColumnA"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
[class*="mcs-arrowColumnA"] > * {
	position: relative;
	margin-left: 45px;
}
[class*="mcs-arrowColumnA"] > *:first-child {
	margin-left: 0;
}
[class*="mcs-arrowColumnA2"] > * {
	width: calc((100% - 45px * 1) / 2);
}
[class*="mcs-arrowColumnA3"] > * {
	width: calc((100% - 45px * 2) / 3);
}
[class*="mcs-arrowColumnA"] > *:nth-child(n+2):before {
	position: absolute;
	left: -48px;
	top: 50%;
	margin-top: -12px;
	display: inline-block;
	content: "";
	width: 54px;
	height: 23px;
	background: url(/common/column/images/common_arrow_01.svg) center 0 no-repeat;
	background-size: 54px 23px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}