@charset "UTF-8";

@media screen and (max-width: 767px) {
	/*-------------------------------------------

	common

	-------------------------------------------*/
	/* header */
	header[role="banner"] .headerInner {
		width: auto;
		background-size: 300px auto;
		background-position: top 4px right 10px;
	}
	.simpleTempelate header[role="banner"] .headerInner {
		background-position: top 4px right 10px;
	}
	header[role="banner"] .headerTop {
		padding: 10px 10px 10px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	header[role="banner"] .headerTop {
		display: table;
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.simpleTempelate header[role="banner"] .headerTop {
		padding: 15px 10px 13px;
	}
	header[role="banner"] .headerTop > * {
		display: table-cell;
		vertical-align: middle;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p {
		width: 100%;
		margin-bottom: 0;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoTwo > a {
		display: flex;
		align-items: center;
		-webkit-flex: 1;
		flex: 1;
		min-width: 0;
		min-height: 43px;
		max-width: 100px;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p > a > img {
		display: block;
		width: auto;
		height: auto;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoTwo > a > img {
		width: 100px;
		margin-top: 0;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoTwo .svgSaitamaLogo {
		margin-left: 7px;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgSaitamaLogo,
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgKinkiOsakaLogo {
		margin-left: 7px;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree > a > img {
		width: 100px;
		margin-top: 0;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree a:first-child {
		margin-left: 0;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgSaitamaLogo {
		max-width: 106px;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgSaitamaLogo > img {
		width: 106px;
		padding-bottom: 1px;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgKansaimiraiLogo,
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgKinkiOsakaLogo {
		max-width: 130px;
		min-height: 50px;
		height: auto;
		margin: 0 0 0 7px;
	}
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgKansaimiraiLogo > img,
	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgKinkiOsakaLogo > img {
		width: 130px;
		height: auto;
	}
	.pcContent,
	.pcContent.dInline {
		display: none !important;
	}
	.spContent {
		display: block !important;
	}

	/* footer */
	.simpleTempelate footer[role="contentinfo"] {
		padding-top: 0;
	}
	footer[role="contentinfo"] .footerInfo {
		width: 100%;
	}
	.simpleTempelate footer[role="contentinfo"] .footerInfo {
		background-color: #fff;
	}
	.simpleTempelate footer[role="contentinfo"] .footerInfo:before {
		display: none;
	}
	footer[role="contentinfo"] .footerInfo .copyRight {
		display: block;
		position: relative;
		width: auto;
		margin: 70px 0 0;
		padding: 15px 0;
		background: #0ba26b;
		text-align: center;
		font-size: 0.6875em;
		color: #fff;
	}
	.simpleTempelate footer[role="contentinfo"] .footerInfo .copyRight {
		margin-top: 70px;
		padding: 15px 0;
		width: auto;
		font-size: 0.6875em;
	}
	footer[role="contentinfo"] .footerInfo .copyRight:before {
		content: '';
		display: block;
		position: absolute;
		top: -42px;
		left: 50%;
		width: 300px;
		height: 19px;
		margin-left: -150px;
		background: url(/common/images/bg_header01_sp.gif) 0 50% no-repeat;
		-webkit-background-size: 300px 19px;
		background-size: 300px 19px;
	}

	.mcs-wrap.ctm {
		margin-bottom: -40px;
		background-position: calc(-50px) 170px, calc(100% + 70px) 220px;
		background-size: 165px, 145px;
	}

	.mcs-glyphPlus01 {
		min-height: 38px;
		padding: 8px 10px 8px 40px;
	}

	/* .lifeplanFixedIndicator */
	.lifeplanFixedIndicator {
		display: block;
		left: auto;
		right: 10px;
	}
	.lifeplanFixedIndicator > li:before {
		width: 6px;
		height: 6px;
	}
	.lifeplanFixedIndicator > li:after {
		height: 7px;
	}
	.lifeplanFixedIndicator > li.active>span {
		display: none;
	}


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

	/kojin/lifeplan/question.html

	-------------------------------------------*/
	.questionCoverTitle {
		background-image: url("/kojin/lifeplan/images/question_covertitle_bg_01_sp.png");
		background-size: auto 140px;
	}
	.questionCoverTitle .questionCoverTitleInner {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.questionCoverTitle .questionCoverTitleH1 {
		max-width: 215px;
	}

	[class*="questionContBlock"] .questionContTitle {
		/* padding-left: 60px;
		padding-right: 66px; */
		font-size: 1.7rem;
		text-align: center;
		background: url("/kojin/lifeplan/images/question_conttitle_bg_01_sp.png") no-repeat center bottom;
		background-size: 100% 3px;
	}
	[class*="questionContBlock"] .questionContTitle > span:before {
		width: 51px;
		height: 48px;
	}
	[class*="questionContBlock"] .questionContTitle > span:after {
		right: 10px;
		width: 80px;
		height: 80px;
		background-position: bottom right;
	}
	.questionContBlock01 .questionContTitle > span:after {
		width: 60px;
		height: 42px;
		background-size: contain;
	}
	.questionContBlock02 .questionContTitle > span:after {
		width: 60px;
		height: 62px;
		background-size: contain;
	}
	.questionContBlock03 .questionContTitle > span:after {
		width: 60px;
		height: 41px;
		background-size: contain;
	}
	.questionContBlock04 .questionContTitle > span:after {
		width: 57px;
		height: 52px;
		background-size: contain;
	}
	.questionContBlock05 .questionContTitle > span:after {
		width: 60px;
		height: 45px;
		background-size: contain;
	}
	.questionContBlock06 .questionContTitle > span:after {
		width: 60px;
		height: 27px;
		background-size: contain;
	}
	.questionContBlock06 .questionIcon03 + .questionItemCont .mcs-dIFlex .beforeText {
		width: 100%;
	}
	.questionContBlock06 .questionIcon04 + .questionItemCont .mcs-dIFlex .beforeText {
		width: 100%;
	}

	[class*="questionItemBlock"] > .questionItemCont input[type="text"],
	[class*="questionItemBlock"] > .questionItemCont input[type="number"],
	[class*="questionItemBlock"] > .questionItemCont select {
		width: 100px;
		font-size: 1.3333em;
		text-align: center;
	}
	.mcs-mainContents [class*="questionItemBlock"] > .questionItemCont .questionFormPartsL01 {
		width: 150px;
	}
	[class*="questionItemBlock"] > .questionItemCont .afterText {
		min-width: 2em;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormInput01 {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormInputSpNotFl01 {
		display: block;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormInputSpNotFl01 .questionFormInput02Inner {
		margin-top: 10px;
		margin-left: 0;
		text-align: right;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormSelect01 {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormRadio01 > .questionFormItem {
		width: calc(50% - 5px);
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormRadio01 > .questionFormItem input[type="radio"] + span {
		width: 100%;
		height: 40px;
		font-size: 0.875em;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormRadio02 > .questionFormItem label {
		padding-left: 25px;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormRadio02 > .questionFormItem label span:before {
		width: 18px;
		height: 18px;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormRadio02 > .questionFormItem label input[type="radio"]:checked + span:before {
		background: -o-radial-gradient(circle, #00a788 5px, #fff 6px);
		background: radial-gradient(circle, #00a788 5px, #fff 6px);
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormRadio03 > .questionFormItem label {
		top: 3px;
		padding-left: 25px;
		margin-right: 10px;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormRadio03 > .questionFormItem label span:before {
		top: 0;
		width: 18px;
		height: 18px;
	}
	[class*="questionItemBlock"] > .questionItemCont .questionFormRadio03 > .questionFormItem label input[type="radio"]:checked + span:before {
		background: -o-radial-gradient(circle, #00a788 5px, #fff 6px);
		background: radial-gradient(circle, #00a788 5px, #fff 6px);
	}
	[class*="questionItemBlock"] {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	[class*="questionItemBlock"] > .questionItemTitle {
		width: 50%;
		margin-top: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}
	[class*="questionItemBlock"] > .questionItemNoContent {
		display: none;
	}
	.questionItemCont > [class*="questionItemBlock"] > .questionItemTitle {
		margin-top: 0.2em;
	}
	[class*="questionItemBlock"] > .questionItemTitle > span {
		font-size: 1.0em;
	}
	[class*="questionItemBlock"] > .questionItemCont {
		width: 100px;
	}

	.questionSampleBlock .questionSampleTitle {
		margin-bottom: 5px;
	}

	.questionContBlock03 .questionItemBlock.questionSchoolBlock > .questionItemTitle {
		width: auto;
		margin-right: 20px;
	}
	.questionContBlock03 .questionItemBlock.questionSchoolBlock > .questionItemCont > [class*="questionItemBlock"] > .questionItemTitle {
		width: 70px;
	}
	.questionContBlock03 .questionSchoolBtn {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.questionContBlock06 .questionItemBlock {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.questionContBlock06 .questionItemBlock > .questionItemTitle:before {
		width: 60px;
		height: 60px;
	}
	.questionContBlock06 .questionItemBlock > .questionItemTitle.questionIcon01:before {
		background-size: 40px auto;
	}
	.questionContBlock06 .questionItemBlock > .questionItemTitle.questionIcon02:before {
		background-size: 40px auto;
	}
	.questionContBlock06 .questionItemBlock > .questionItemTitle.questionIcon03:before {
		background-size: 40px auto;
	}
	.questionContBlock06 .questionItemBlock > .questionItemTitle.questionIcon04:before {
		background-size: 40px auto;
	}
	.questionContBlock06 .questionItemBlock > .questionItemTitle.questionIcon05:before {
		background-size: 32px auto;
	}
	.questionContBlock06 .questionItemBlock > .questionItemTitle.questionIcon06:before {
		background-size: 36px auto;
	}
	.questionContBlock06 .questionItemBlock > .questionItemTitle.questionIcon07:before {
		background-size: 37px auto;
	}
	.questionContBlock06 .questionItemBlock .questionItemCont .beforeText {
		width: auto;
	}


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

	/kojin/lifeplan/result.html

	-------------------------------------------*/
	/* resultMvArea */
	.resultMvArea {
		height: 315px;
		padding: 35px 0;
		background: #e7fce8 url("/kojin/lifeplan/images/result_mv_01_sp.png") no-repeat center center;
		background-size: auto 100%;
	}
	.resultMvAreaInner {
		width: 100%;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.resultMvIcon01 {
		width: 86px;
	}
	.resultMvIcon02 {
		width: 96px;
	}
	.resultMvIcon03 {
		width: 77px;
	}
	.resultMvIlust {
		height: 82px;
	}
	.resultMvText {
		margin-top: 15px;
		font-size: 0.6875em;
	}
	.resultMvLargeText {
		font-size: 2em;
	}
	.resultMvPosition {
		bottom: -35px;
		right: 10px;
	}

	.resultBg {
		background-position: calc(-50px) 0, calc(100% + 70px) 50px;
		background-size: 165px, 145px;
	}

	/* h2ResultTitle */
	*[class*="h2ResultTitle"] {
		padding-bottom: 13px;
		margin: 28px 0 25px;
		font-size: 1.3125em;
	}
	*[class*="h2ResultTitle"] > span {
		position: relative;
	}
	.h2ResultTitle01 > span {
		padding-left: 43px;
	}
	.h2ResultTitle02 > span {
		padding-left: 38px;
	}
	.h2ResultTitle03 > span {
		padding-left: 65px;
	}
	.h2ResultTitle01 > span:before {
		width: 35px;
		height: 37px;
		margin-top: -18px;
	}
	.h2ResultTitle02 > span:before {
		width: 26px;
		height: 42px;
		margin-top: -30px;
	}
	.h2ResultTitle03 > span:before {
		width: 55px;
		height: 40px;
		margin-top: -22px;
	}

	/* resultGraphCategory */
	.resultGraphCategory {
		display: block;
	}
	.resultGraphCategory > .resultGraphCategoryList {
		margin-left: 0;
	}
	.resultGraphCategoryListBtn > li > a {
		padding: 7px 14px;
	}
	.resultGraphCategoryList.resultGraphCategoryListBtn {
		display: block;
	}
	.resultGraphCategoryList.resultGraphCategoryListBtn > li {
		display: inline-block;
		margin-left: 0;
		margin-right: 8px;
		margin-top: 10px;
	}
	.resultGraphCategoryList.resultGraphCategoryListBtn > li:last-child {
		margin-right: 0;
	}
	.resultGraphDesc01 {
		margin-bottom: 15px;
	}
	.resultGraphDesc01 .mcs-glyphScroll01 {
		margin: 15px 0 0;
	}
	.resultGraphDesc01 .mcs-glyphScroll01 > span {
		padding-left: 3.7em;
	}
	.resultGraphDesc01 .mcs-glyphScroll01 > span:before {
		width: 50px;
		height: 48px;
		margin-top: -24px;
		background: url("/common/column/images/common_scroll_01.svg") no-repeat 0 0;
		background-size: 50px 48px;
	}
	/* resultColorBox */

	.resultSpendingTitle01 > span:before {
		width: 42px;
		height: 36px;
		margin-top: -19px;
	}
	.resultSpendingTitle01 > span {
		padding-left: 54px;
	}
	.resultSpendingTitle02 > span:before {
		width: 45px;
		height: 28px;
		margin-top: -13px;
	}
	.resultSpendingTitle02 > span {
		padding-left: 56px;
	}
	.resultSpendingTitle03 > span:before {
		width: 48px;
		height: 37px;
		margin-top: -17px;
	}
	.resultSpendingTitle03 > span {
		padding-left: 60px;
	}
	.resultSpendingIcon01 {
		width: 102px;
	}
	.resultSpendingIcon02 {
		width: 115px;
	}
	.resultSpendingIcon03 {
		width: 92px;
	}

	/* resultCommentBox */
	.resultCommentText {
		margin-bottom: 0;
	}
	.resultCommentText.mcs-commentArrowDown:before {
		bottom: 80px;
		left: auto;
		right: -15px;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.resultCommentImg {
		width: 67px;
	}

	/* .resultFreeBox01 */
	.resultFreeIco01 {
		top: -16px;
		left: 4px;
		width: 48px;
	}
	.resultFreeBox01 {
		padding-left: 0;
	}
	.resultFreeImg01 {
		width: 125px;
	}

	/* resultArrowBlock */
	.resultArrowBlock {
		display: block;
	}
	.resultArrowBlock > * {
		margin-bottom: 15px;
	}
	.resultArrowBlock > *[class*="mcs-attentionBlock"] {
		width: 100%;
	}
	.resultArrowBlock > .resultArrowBox {
		width: 100%;
		min-height: 62px;
		padding-right: 0;
		padding-left: 70px;
		margin-bottom: 25px;
		background: url("/kojin/lifeplan/images/result_img_04_sp.png") no-repeat left 20px center;
		background-size: auto 62px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* resultInformationBlock */
	.resultInformationBlock {
		padding: 22px 15px;
	}
	#wrap *[class*="layoutColumn"].mcs-wide01 > *, .modalWrap *[class*="layoutColumn"].mcs-wide01 > * {
		margin-top: 30px !important;
	}
	#wrap *[class*="layoutColumn"].mcs-wide01 > *:first-child, .modalWrap *[class*="layoutColumn"].mcs-wide01 > *:first-child {
		margin-top: 0 !important;
	}
	.resultCommentBlock01 {
		margin-top: 40px;
		margin-bottom: 0;
	}

	/* resultCarousel */
	.mcs-carouselWrap.resultCarousel {
		max-width: 280px;
		margin: 0 auto;
	}
	.resultCarousel .bx-viewport .jsCarouselTypeLifeplan > li {
		margin-right: 0;
		padding: 0 4px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.resultCarousel .bx-viewport .jsCarouselTypeLifeplan .resultCarouselBlock01 {
		margin: 10px 0;
		-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
		box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	}
	.resultCarousel.mcs-carouselWrap .bx-controls-direction > .bx-next {
		right: -24px !important;
	}
	.resultCarousel.mcs-carouselWrap .bx-controls-direction > .bx-prev {
		left: -24px !important;
	}
	.mcs-carouselWrap.resultCarousel .bx-controls-direction > .bx-prev, .mcs-carouselWrap.resultCarousel .bx-controls-direction > .bx-next {
		margin-top: -11px;
	}

	/* resultCvArea */
	.resultCvArea .resultCvAreaInner {
		padding: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.resultCvArea .resultCvAreaInner:before {
		display: none;
	}
	.resultCvArea .resultCvAreaInner:after {
		bottom: 50%;
		right: -65px;
		width: 128px;
		height: 131px;
		margin-bottom: 40px;
	}
	.resultCvImg01 {
		width: 155px;
	}
	.resultCvColumn01 {
		flex-wrap: wrap;
		width: auto;
		max-width: 275px;
	}
	.resultCvColumn01 > * {
		width: 31%;
	}
	.resultCvColumn01 > *:nth-child(n+4) {
		margin-top: 30px;
	}
	.resultCvColumn01 .img {
		height: 72px;
	}

	/* resultAccordionBlock01 */
	.resultAccordionTitle01 {
		padding: 16px 25px;
	}
	.resultAccordionContents01 {
		padding: 16px 25px;
	}


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

	modal

	-------------------------------------------*/
	.reservationCopyBlock01 {
		padding: 20px;
	}
	.tsumitateResultBlock01 {
		width: 100%;
	}
	.tsumitateDepositBlock01 .tsumitateSelectWrap {
		margin: 0 5px;
	}
	.tsumitateDepositBlock01 .tsumitateSelectBox {
		height: 34px;
	}
	.tsumitateStepBlock01 {
		width: 100%;
		margin: 30px auto 40px;
	}
	*[class^="mcs-layoutColumnA3"].tsumitateResultBlock01 > * {
		width: 32%;
		margin-left: 2%;
	}
	*[class^="mcs-layoutColumnA3"].tsumitateResultBlock01 > *:first-child {
		margin-left: 0;
	}
	.tsumitateResultBlock01 *[class*="result"] {
		padding: 7px 3px;
	}
	.mcs-scrollWindowBlock01 .mcs-scrollInner.noticeInner {
		height: 150px;
	}
	.modalReservationComment01.mcs-commentArrowDown:before {
		right: 100px;
	}

	.lifeplanResBtn01 {
		height: 6.0em;
	}
}