@charset "utf-8";
/* ****************************************************

contents_sp.css

1: common setting
2: parts
99: extra

***************************************************** */
@media only screen and (max-width: 750px) {
/*1:  common setting
=========================================*/	
.sp-hidden{
	display: none;
}

/*2:parts  
=========================================*/
/* ==================================
title
================================== */
/* member-heading1 */
	.member-heading1 .member-heading1__inner .member-heading1__title {
		font-size: 2rem;
		font-weight: bold;
	}
/* ==================================
list
================================== */
/* member-article */
	.member-article{
		opacity: 1;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		transition: all 0.4s ease 0s;
	}
	.member-article.is-hidden{
		opacity: 0;
		height: 0;
		margin: 0;
		border-bottom: none;
	}
	.member-article > *[class^="member-article__type"]{
		display: block;
		position: relative;
	}
	.member-article__body{
		padding: 19px 45px 17px 15px;
	}
	.member-article__property{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: -4px;
		font-size: 1.2rem;
	}
	.member-article__property > .member-article__date{
		margin-right: 10px;
	}
	.member-article__property > .member-article__badge{
		margin-bottom: 4px;
		padding: .5px 8px;
		border: 1px solid #073f9e;
		color: #073f9e;
		font-style: normal;
	}
	.member-article__property > .member-article__badge + .member-article__badge{
		margin-left: 4px;
	}
	.member-article .member-article__text{
		margin-top: 14px;
		line-height: 1.6;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	.member-article__text > .member-article__caption{
		margin-top: 15px;
		font-size: 1.2rem;
	}
/* member-article--icon */
	/* newicon */
	.member-article.new-icon .member-article__text > .member-article__title::after{
		display: inline-block;
		margin: 2px 0 0 15px;
		width: 44px;
		height: 18px;
		background-color: #d83435;
		color: #fff;
		font-size: 1.3rem;
		text-align: center;
		content: "NEW";
	}
	/* all-icon */
	.member-article > .member-article__type--blank .member-article__title__inner::after,
	.member-article > .member-article__type--pdf .member-article__title__inner::after,
	.member-article > .member-article__type .member-article__title__inner::after{
		position: absolute;
		top: calc(50% - 8px);
		right: 15px;
		width: 16px;
		height: 15px;
		content: "";
	}
	/* externallink-icon */
	.member-article > .member-article__type--blank .member-article__title__inner::after{
		width: 16px;
		height: 15px;
		background: url("/member/common/img/cmn_ic01_v2.png") no-repeat;
		background-size: contain;
	}
	/* internallink-icon */
	.member-article > .member-article__type .member-article__title__inner::after{
		width: 7px;
		height: 7px;
		border-top: 2px solid #073f9e;
		border-right: 2px solid #073f9e;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-backface-visibility: hidden;
		vertical-align: middle;
		content: "";
	}
	/* pdflink-icon */
	.member-article > .member-article__type--pdf .member-article__title__inner::after{
		width: 12px;
		height: 14px;
		background: url("/member/common/img/cmn_ic02.png") no-repeat;
		background-size: contain;
	}
/* member-note */
.member-note{
  position: relative;
	margin-top: 1rem;
	color: #555;
	font-size: 1.2rem;
}
.member-note .member-note__mark{
	position: absolute;
	top: 0;
	left: 0;
}
.member-note > li{
	padding-left: 15px;
}

/* ==================================
button
================================== */
/* member-button */
.member-button-wrap {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
.member-button-wrap > .member-button{
	width: 100%;
}
.member-button-wrap > .member-button > *[class^="member-button__type"] {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 0;
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 35px;
	text-align: center;
}

.member-button-wrap > .member-button .member-button__label{
	font-size: 1.4rem;
}
.member-button-wrap > .member-button .member-button__label > .member-button_caption {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	font-weight: normal;
}
	/* member-button--icon */
	/* basic-icon */
	.member-button-wrap > .member-button > .member-button__type--blank::after ,
	.member-button-wrap > .member-button > .member-button__type--pdf::after {
		position: absolute;
		top: calc(50% - 8px);
		right: 20px;
		background-size: contain;
		content: "";
	}
	/* externallink-icon */
	.member-button-wrap > .member-button > .member-button__type--blank::after {
		width: 16px;
		height: 15px;
		background: url("/member/common/img/cmn_ic01_v2.png") no-repeat;
	}
	/* pdflink-icon */
	.member-button-wrap > .member-button > .member-button__type--pdf::after {
		width: 12px;
		height: 14px;
		background: url("/member/common/img/cmn_ic02.png") no-repeat;
	}
	/* plus-icon */
	.member-button-wrap > .member-button > .member-button__type--plus{
		margin-top: 5px;
	}
	.member-button-wrap > .member-button > .member-button__type--plus::before,
	.member-button-wrap > .member-button > .member-button__type--plus::after{
		position: absolute;
		top: 50%;
		right: 20px;
		width: 16px;
		height: 2px;
		margin: -1px 0 0 0;
		background: #073f9e;
		-webkit-backface-visibility: hidden;
		content: "";
	}
	.member-button-wrap > .member-button > .member-button__type--plus::before {
		transform: rotate(90deg);
	}
	/* back-icon */
	.member-button-wrap > .member-button > .member-button__type--back{
		max-width: 177px;
		width: 47vw;
		margin: 0 auto;
	}
	.member-button-wrap > .member-button > .member-button__type--back::before {
		position: absolute;
		top: calc(50% - 4px);
		left: 20px;
		width: 7px;
		height: 7px;
		margin: 0 10px 3px 0;
		border-top: 2px solid #073f9e;
		border-right: 2px solid #073f9e;
		vertical-align: middle;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		-webkit-backface-visibility: hidden;
		content: "";
	}
/* ==================================
media
================================== */
/* member-report-media */
	.member-report-media > .member-report-media__head > .member-report-media__image > .member-report-media__frame {
		text-align: center;
	}
	.member-report-media > .member-report-media__head > .member-report-media__image img {
		width: 53vw;
		min-width: 200px;
	}
	.member-report-media > .member-report-media__body {
		margin-top: 19px;
	}
	.member-report-media > .member-report-media__body >*:first-child{
		margin-top: 0!important;
	}
	.member-report-media > .member-report-media__body > .member-report-media__no {
		font-size: 1.6rem;
		font-weight: bold;
	}
	.member-report-media > .member-report-media__body > .member-report-media__contents {
		margin-top: 10px;
	}
	.member-report-media > .member-report-media__body .member-report-media__title {
		color: #073f9e;
		font-weight: bold;
	}
	.member-report-media > .member-report-media__body .member-report-media__list-wrap {
		margin-top: 5px;
	}
	.member-report-media > .member-report-media__body .member-report-media__list > li {
		position: relative;
		padding-left: 15px;
		font-weight: bold;
	}
	.member-report-media > .member-report-media__body .member-report-media__list > li::before {
		display: inline-block;
		position: absolute;
		top: .45em;
		left: 0;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #666;
		content: "";
	}
	.member-report-media > .member-report-media__body .member-report-media__list > li + li{
		margin-top: 8px;
	}
	.member-report-media > .member-report-media__body .member-report-media__list__nest {
		margin-top: 5px;
	}
	.member-report-media > .member-report-media__body .member-report-media__list__nest__text {
		font-size: 1.2rem;
		font-weight: normal;
	}
	.member-report-media > .member-report-media__body .member-report-media__list__nest__text + .member-report-media__list__nest__text{
		margin-top: 1rem;
	}
	.member-report-media > .member-report-media__body .member-button-wrap{
		justify-content: flex-start;
	}
/* ==================================
other
================================== */
	.member-top-report__backnumber{
		margin-top: 20px;
	}
/* member-yearlist */
	.member-yearlist{
		display: flex;
		justify-content: center;
	}
	.member-yearlist > .member-yearlist__inner{
		display: flex;
		align-items: center
	}
	.member-yearlist > .member-yearlist__inner > .member-yearlist__title{
		font-size: 1.5rem;
		font-weight: bold;
	}
	.member-yearlist > .member-yearlist__inner .member-yearlist__list{
		position: relative;
		width: 55vw;
		max-width: 206px;
		min-width: 195px;
		margin-left: 13px;
		padding: 16px 35px 16px 16px;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 35px;
		text-align: center;
	}
	.member-yearlist > .member-yearlist__inner select{
		font-family:'メイリオ', 'Meiryo', sans-serif;
		font-size: 1.4rem;
	}
	.member-yearlist > .member-yearlist__inner > .member-yearlist__list-wrap{
		position: relative;
	}
	.member-yearlist > .member-yearlist__inner > .member-yearlist__list-wrap::after{
		position: absolute;
		top: calc(50% - 6px);
		right: 19px;
		width: 7px;
		height: 7px;
		border-top: 2px solid #073f9e;
		border-right: 2px solid #073f9e;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		-webkit-backface-visibility: hidden;
		vertical-align: middle;
		content: "";
	}

/* ==================================
text
================================== */
/* color */
.util-highlight--red{
	color: #d73434;
}
	
	/*99: extra
=========================================*/
	
/* Margin, Padding
=========================================*/
.firstChild {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mr25 {margin-right: 25px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.pl10 {padding-left: 10px !important;}
.mW470{max-width: 470px !important;}
.mW940{max-width: 940px !important;}
}