@charset "UTF-8";

@media screen and (max-width: 768px) {

	/* style */
	.v4-carousel01 .bx-default-pager {
		top: 0;
	}

	/* glyph */
	.glyphEnlarge01 > span {
		position: relative;
		padding-left: 30px;
	}
	.glyphEnlarge01 > span:before {
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -13px;
		display: inline-block;
		content: "";
		width: 25px;
		height: 25px;
		background: url(/common/images/btn_enlarge01.png) no-repeat 0 0;
		background-size: 25px;
	}

	/* danshinMvBlock */
	.danshinMvBlock01 .mvTitle02 {
		margin: 0 -10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		font-size: 1em;
	}
	.danshinMvBlock01 .danshinMvInner  {
		background: #f8d5bd url(/kojin/jutaku/danshin/images/index_mv_01_sp.png) no-repeat center top;
		background-size: contain;
	}
	.danshinMvBlock01 .columnInner {
		min-height: 220px;
	}
	.danshinMvBlock01 .danshinMvConents {
		margin: 35px auto 0;
		max-width: 250px;
		width: auto;
	}
	.danshinMvBlock01 .danshinMvConents .mvBalloon {
		left: -36px;
		top: -62px;
		width: 69px;
		height: 65px;
	}
	.danshinMvBlock01 .danshinMvConents .mvTitle {
		font-size: 1.375em;
	}
	.danshinMvBlock01 .mvBtn01 {
		margin: 0 -10px;
		padding: 0 10px;
		background: #f8d5bd;
	}
	.danshinMvBlock01 .danshinMvBtn01 {
		margin-top: 110px;
	}

	/* danshinLeadBlock */
	.danshinLeadBlock01 {
		margin-top: 15px;
	}
	.danshinLeadBlock01 > span {
		padding: 0 0 0 77px;
		font-size: 1.25em;
	}
	.danshinLeadBlock01 > span:before {
		margin-top: -43px;
		width: 70px;
		height: 85px;
		background-size: 70px 85px;
	}

	/* danshinColorBlock */
	.danshinColorBlock01 .v4-carousel01 .bx-prev {
		left: -10px !important;
	}
	.danshinColorBlock01 .v4-carousel01 .bx-next {
		right: -10px !important;
	}
	.danshinColorBlock02 {
		padding: 7px 10px;
	}
	.danshinColorBlock02 .title {
		min-height: 45px;
	}
	.danshinColorBlock02 .detail {
		margin-top: 10px;
		line-height: 0.5;
	}

	/* danshinLinkBlock */
	.danshinLinkBlock01 > .danshinLinkInner {
		padding: 20px 25px 90px;
		background-position: center bottom;
		background-size: 125px 73px;
	}
	.danshinLinkBlock01 > a.danshinLinkInner:before {
		left: 2px;
		font-size: 40px;
	}

	/* danshinCommentArea */
	.danshinCommentArea01 {
		margin-top: 110px !important;
	}
	.danshinCommentArea01 .commentImage {
		position: absolute;
		left: 50%;
		top: -90px;
		margin-left: -65px;
	}

	.danshinCommentArea02 {
		margin-top: 120px !important;
	}
	.danshinCommentArea02 .commentImage {
		position: absolute;
		left: auto;
		top: -100px;
		margin-left: 0;
	}

	/* danshinCarouseArea */
	.danshinCarouseArea02:before,
	.danshinCarouseArea02:after {
		display: none;
	}
	.danshinCarouseArea02 > .columnInner {
		padding-bottom: 60px;
		background-size: 483px 33px;
	}
	.danshinCarouseArea02 .v4-carousel01 .v4-detailBlockA01 a {
		padding: 15px 30px;
	}
	.danshinCarouseArea02 .v4-carousel01 .bx-prev {
		left: 3px !important;
	}
	.danshinCarouseArea02 .v4-carousel01 .bx-next {
		right: 3px !important;
	}
	.danshinCarouseArea02 .v4-carousel01 .v4-detailBlockA01 .columnTitleBlock01 {
		min-height: 0;
	}

	/* danshinColumn */
	.danshinColumn02 {
		display: block;
	}
	.danshinColumn01 > * {
		margin-left: 5px;
		padding: 10px 5px;
		width: calc((100% / 4) - 4px);
	}
	.danshinColumn02 > .img {
		min-width: 0;
	}
	.danshinColumn02 > .text {
		margin-top: 10px;
		width: auto;
	}
	.danshinColumn01 > *:nth-child(n+5) {
		margin-top: 5px;
	}
	.danshinColumn01 > * .title {
		min-height: 38px;
	}
	.danshinColumn01 > * .num {
		font-size: 1.5em;
	}

	/* danshinTable */
	.danshinTable01 {
		margin-top: 80px !important;
	}
	.danshinTable01 .v3-itemBalloonA01 {
		padding: 12px 5px;
	}
	.danshinTable01 .paddingTopLarge > td {
		padding-top: 60px !important;
	}

	/* danshinBalloon */
	.danshinBalloon02:after {
		left: 17%;
	}
	.danshinBalloon01 > .v3-itemBalloonA01 {
		position: absolute;
		left: 0;
		top: -52px;
		margin-left: 0;
		width: 160px;
	}
	.danshinBalloon01 > .v3-balloonBottomArrow:after {
		margin-left: -30px;
	}

	/* carouselTypeManga */
	.carouselTypeManga.v4-carousel01 .bx-viewport .carouselList > li {
		height: auto;
	}
	.carouselTypeManga.v4-carousel01 .bx-wrapper {
		padding: 0 20px;
	}
	.carouselTypeManga.v4-carousel01 .bx-prev {
		left: -10px !important;
	}
	.carouselTypeManga.v4-carousel01 .bx-next {
		right: -10px !important;
	}
	.carouselTypeManga.v4-carousel01 .bx-default-pager a {
		width: 15px;
		font-size: 1em;
	}
	.carouselTypeManga.v4-carousel01 .bx-default-pager a.active {
		font-size: 1.5em;
	}

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

	/kojin/jutaku/danshin/danshin.html

	-------------------------------------------*/
	/* danshinColumnBlock */
	.danshinColumnBlock01 {
		display: block;
	}
	.danshinColumnBlock01 > * {
		margin-top: 10px;
	}
	.danshinColumnBlock01 > *:first-child {
		margin-top: 0;
	}

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

	/kojin/jutaku/danshin/risk.html

	-------------------------------------------*/
	/* riskBalloonBlock */
	.riskBalloonBlock01 {
		align-items: flex-end;
	}
	.riskBalloonBlock01 .iconQuestion > span {
		padding-left: 0;
	}
	.riskBalloonBlock01 .iconQuestion > span:before {
		content: none;
	}
	.riskBalloonBlock01 > .img {
		width: 82%;
		max-width: 104px;
		min-width: 104px;
	}
	.riskBalloonBlock01 > .v3-itemBalloonA01 {
		margin-bottom: 10px;
	}

	/* riskRankingBlock */
	.riskRankingBlock01 .glyphMedal01 > span {
		padding-left: 0;
	}
	.riskRankingBlock01 .glyphMedal01 > span:before {
		content: none;
	}

	/* riskCrownColumn */
	.riskCrownColumn01 {
		display: block;
	}
	.riskCrownColumn01 > *:nth-child(n+2) {
		margin-top: 20px;
	}

	/* riskColumnBlock */
	.riskColumnBlock01 .columnImg {
		margin-right: 10px;
		width: 15%;
	}

	/* glyph */
	.glyphCrown01 > span,
	.glyphCrown02 > span,
	.glyphCrown03 > span {
		padding-left: 60px;
	}
	.glyphCrown01 > span:before {
		margin-top: -22px;
		width: 51px;
		height: 39px;
		background-size: 51px 39px;
	}
	.glyphCrown02 > span:before,
	.glyphCrown03 > span:before {
		left: 4px;
		margin-top: -20px;
		width: 42px;
		height: 32px;
		background-size: 42px 32px;
	}

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

	/kojin/jutaku/danshin/sandai_danshin/index.html

	-------------------------------------------*/
	/* sandaiColumnBlock */
	.sandaiColumnBlock01,
	.sandaiColumnBlock02 {
		display: block;
	}
	.sandaiColumnBlock01 > *,
	.sandaiColumnBlock02 > * {
		margin-top: 10px;
	}
	.sandaiColumnBlock01 > *:first-child,
	.sandaiColumnBlock02 > *:first-child {
		margin-top: 0;
	}
	.sandaiColumnBlock02 > .v3-balloonLeftArrow:after {
		top: -7px;
		left: 50%;
		margin-top: 0;
		margin-left: -6px;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

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

	/kojin/jutaku/danshin/wide_danshin/index.html

	-------------------------------------------*/
	/* wideFullColumnArea */
	.wideFullColumnArea01 {
		margin-top: 130px !important;
	}
	.wideFullColumnArea01 .columnInner {
		padding-bottom: 130px;
	}
	.wideFullColumnArea01 .commentImage01 {
		top: -111px;
		margin-left: -154px;
	}
	.wideFullColumnArea01 .commentImage02 {
		right: auto;
		left: 50%;
		bottom: -10px;
		margin-left: -120px;
	}
	.wideFullColumnArea01 .commentImage01 > img {
		width: 308px;
	}
	.wideFullColumnArea01 .commentImage02 > img {
		width: 239px;
		min-width: 239px;
	}
	.wideFullColumnArea01 *[class*="v3-detailListA"] > .v3-title {
		font-size: 1em;
	}

	/* wideBalloonBlock */
	.wideBalloonBlock01 > .v3-title {
		margin-bottom: 10px;
	}
	.wideBalloonBlock01 .wideBalloonColumn01 > * {
		margin-left: 9px;
		padding: 5px 4px;
		width: calc((100% / 3) - 6px);
		height: auto;
		min-height: 40px;
	}
	.wideBalloonBlock01 .wideBalloonColumn01 > *:nth-child(3n+1) {
		margin-left: 0;
	}
	.wideBalloonBlock01 .wideBalloonColumn01 > *:nth-child(n+4) {
		margin-top: 10px;
	}

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

	/kojin/jutaku/danshin/modal/detail.html

	-------------------------------------------*/
	/* detailColumn */
	.detailColumn01 {
		display: flex;
	}
	.detailColumn01 > p {
		margin: 0 15px 0 0;
		text-align: left;
		order: 1;
	}
	.detailColumn01 > figure {
		max-width: 50px;
		min-width: 50px;
		order: 2;
	}

	.detailCvColumn01 {
		flex-wrap: wrap;
	}
	.detailCvColumn01 > li {
		margin-top: 10px;
		margin-left: 1%;
		padding: 2px;
		width: 71px;
		height: 71px;
		box-sizing: border-box;
	}
	.detailCvColumn01 > li .text {
		margin-top: 0;
	}

	/* detailTableBlock */
	.v4-tableSpScrollA01 table.detailTableBlock01 {
		min-width: 450px;
	}


	/*--------------------------------------------------------------------------------------*/
	.danshinFlowList01 > .danshinFlowListItem {
		padding-left: 10px;
		padding-right: 10px;
	}

	[class*="danshinIco"] {
		display: table;
		margin-right: auto;
		margin-left: auto;
	}
	.danshinIcoSeikatsu {
		background: #f7920e;
	}
	.danshinIcoSandaisippei {
		background: #0081f2;
	}

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

	/kojin/jutaku/danshin/seikatsu/

	-------------------------------------------*/
	.seikatsuMvBlock01 .seikatsuMvTitle01 {
		font-size: 2.6rem;
	}
	.seikatsuMvBlock01 .seikatsuMvImgItem {
		margin: 0 5px;
	}
	.seikatsuMvBlock01 .seikatsuMvImgItem::after {
		width: 20px;
		height: 20px;
		top: calc(50% - 9px);
		right: -16px;
	}

	.seikatsuDecorationBlock01 {
		padding-bottom: 20px;
	}
	.seikatsuDecorationBlock01 .seikatsuDecorationImg01 {
		display: none;
	}

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

	/kojin/jutaku/danshin/sandaisippei/

	-------------------------------------------*/
	.sandaisippeiMvBlock01 .sandaisippeiMvTitle01 {
		font-size: 2.6rem;
	}
	.sandaisippeiMvBlock01 .sandaisippeiMvTitle01 > span::before {
		top: -9px;
		left: 10px;
		width: 6px;
		height: 6px;
	}
	.sandaisippeiMvBlock01 .sandaisippeiMvImgItem {
		margin: 0 5px;
	}
	.sandaisippeiMvBlock01 .sandaisippeiMvImgItem::after {
		width: 20px;
		height: 20px;
		top: calc(50% - 9px);
		right: -16px;
	}
}