@charset "utf-8";


/*#kuzu_wrap {
	display: none;
}*/

div#contents_wrap {
	background: url("../img/roofbalcony/bg.jpg") center center / cover;
}
div#container {
	max-width: 100%;
	padding: 50px 0 50px;
}
@media screen and (max-width:767px){
	div#container {
		padding: 30px 0 30px;
	}
}

#contents_wrap {
	/*clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);*/
}


#kuzu_wrap {
	display: none;
}










/*

.inner_main {
	background: none;
	position: relative; 
}
.inner_main .bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100lvh;
	z-index: -1; 
}
.inner_main .bg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	transition: 0.5s all ease-in-out 0s; 
}
body.is-retracted .inner_main .bg::after {
	opacity: 0.8; 
}

.inner_main .main_ttl {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center; 
}
@media screen and (max-width: 768px) {
	.inner_main .main_ttl img {
		margin-bottom: calc(120%/3.75); 
	}
}


.inner_main .bg {
	background: url("../img/roofbalcony/main.png") bottom center/cover; 
}
@media screen and (max-width: 768px) {
	.inner_main .bg {
		background: url("../img/roofbalcony/main_sp.png") bottom center/cover;
	}
}
body.scrolled .inner_main .bg::after {
	opacity: 0.90;
}
*/


/*.main {
	background: none;
	position: relative; 
	aspect-ratio: 2560/1136;
}

@media screen and (max-width: 768px) {
	.main {
		
		aspect-ratio: 375/469;
		aspect-ratio: 390/488;
	}
}
.main .bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100lvh;
	z-index: -1; 
}
.main .bg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	transition: 0.5s all ease-in-out 0s; 
}
body.is-sticked .main .bg::after {
	opacity: 0.8; 
}

.main .main_ttl {
	width: 100%;
	height: 100vh;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center; 
}


.main .main_ttl .t_cap_b {
	bottom: auto;	
	top: 142px;
	top: 0;
	top: 100px;
	z-index: 1;
	padding-top: 3px;
	top: 0;
}
@media screen and (max-width: 768px) {
	.main .main_ttl .t_cap_b {
		top: 0;
	}
}


@media screen and (max-width: 768px) {
	.main .main_ttl img {
		margin-bottom: calc(120%/3.75); 
	}
}


.main .bg {
	background: url("../img/roofbalcony/main.png") bottom center/cover; 
}
@media screen and (max-width: 768px) {
	.main .bg {
		background-image: url("../img/roofbalcony/main_sp.jpg");
		background-position: 57%;
		height: calc(100% - 108px);
		
		
		background-position: 64%;
        height: 70%;
        margin: 48px 0 0;
	}
}
body.is-sticked .main .bg::after {
	opacity: 0.90;
}*/



.txt01_1 {
/*	font-size: clamp(14px, calc(20vw / 9.6), 20px);*/
/*	font-size: clamp(14px, calc(18vw / 9.6), 18px);*/
    line-height: 2;
	font-size: clamp(14px, calc(20vw / 9.6), 20px);
	font-size: clamp(14px, calc(26vw / 9.6), 26px);
}
@media screen and (max-width: 480px) {
	.txt01_1 {
/*		font-size: calc(15vw / 3.9);*/
/*		font-size: calc(14vw / 3.9);*/
		font-size: calc(15vw / 3.9);
		font-size: calc(19vw / 3.9);
		letter-spacing: 0.06em;
	}
}



.moveWrap {
	width:100%;
	height:322px;
	position: relative;
	overflow:hidden;
	border:1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 20px 0 0;
}
.move_area {
    height:100%;
	width:100%;
    overflow: hidden;
	line-height:0;
}
.move_area img {
	position:absolute;
	top:0px;
	max-width:initial;
	max-width:auto;
	max-width:none;
}
.leftBtn {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 99;
	cursor: pointer;
	line-height:0;
    width: 30px;
    height: 100%;
    background: rgba(38,38,38,.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.m_txt {
	position: absolute;
	/* top: 10px; */
	left: 50px;
	/* right: 50px; */
	bottom: 5px;
	z-index: 200;
	text-align:center;
	line-height:0;
}
.leftBtn:hover {
	opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;
}
.rightBtn {
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 99;
	cursor: pointer;
	line-height:0;
    width: 30px;
    height: 100%;
    background: rgba(38,38,38,.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.rightBtn:hover {
	opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;
}

.moveWrap .t_cap{
    right: 45px;
}

@media screen and (max-width: 767px) {
	.sp_slide {
		position: relative;
	}
	.slide {
		overflow-x: scroll;
	}
	.slide img {
		max-width: inherit;
	    width: 1500px;
	}
} 




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



.sec02 .msn-madoriIndex__link::after {
	display: none !important;
	
}

.msn-madoriIndex__items.col3{
	justify-content: center;
    max-width: 960px;
	gap: 20px calc(30% / 9.6);
}
.msn-madoriIndex__items.col3 .msn-madoriIndex__item{
	-ms-flex-preferred-size: calc(300% / 9.6);
	flex-basis:calc(300% / 9.6);
	margin: 0;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.msn-madoriIndex__items.col3{
		gap: 15px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.msn-madoriIndex__items.col3 .msn-madoriIndex__item {
		/*flex-basis: 48.5%;*/
		flex-basis: 100%;
		flex-basis: 62%;
		padding: 0 54px;
		text-align: center;
		margin: 0 auto;
	}
	.msn-madoriIndex__items.col3 .msn-madoriIndex__item:last-child {
		margin-bottom: 0;
	}
/*	.msn-madoriIndex__items.col3 .msn-madoriIndex__item:last-child{
		margin-top: 4%;
		margin-left: auto;
		margin-right: auto;
	}*/
	.msn-madoriIndex__items.col3 .msn-madoriIndex__item.w100_sp {
		flex-basis: 478%;
		margin:0 26.19% 10px;
		text-align: center;
	}
	.msn-madoriIndex__items.col3 .msn-madoriIndex__item:nth-child(3n+2):last-child{
		margin-right:0;
		margin-left:0;
	}
}


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




.sec03 {
	margin-bottom: 50px;
	margin-bottom: 0;
}

.sec03 .inner {
	max-width: 1040px;
}

.sec03 .head {
	background: url("../img/roofbalcony/bg01.jpg") center center / cover no-repeat;
	font-size: clamp(20px, calc(32vw / 9.6), 32px);
	padding: 45px  20px;
	font-weight: 700;
	color: #dcd4b2;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 1.25em;
	
}
.sec03 .item_wrap {
	padding-top: 40px;
	display: flex;
	row-gap: 80px;
	flex-direction: column;
	
	padding-bottom: 80px;
	border-bottom: 1px solid #9ca1a5;
}
.sec03 .item_wrap .item {
	padding: 0 40px 40px;
	display: flex;
	justify-content: space-between;
}
.sec03 .item_wrap .item:nth-child(2n) {
	flex-direction: row-reverse;
}
.sec03 .item_wrap .item .img {
	width: calc(520% / 9.6);
	z-index: 5;
}
.sec03 .item_wrap .item .text_wrap {
	width: calc(410% / 9.6);
	display: flex;
	flex-direction: column;
	z-index: 2;
}
.sec03 .en{
	font-size: clamp(23px, calc(38vw / 9.6), 38px);
	line-height: 1;
	letter-spacing: 0.08em;
	color: #a88936;
	font-weight: 700;
	font-weight: 500;
	font-weight: 600;
	padding: 30px 0 30px;
}
.sec03 .ttl {
	font-size: clamp(18px, calc(23vw / 9.6), 23px);
	margin-bottom: 1.5em;
	line-height: 1.56;
	font-weight: 700;
	
}
.sec03 .box {
	flex: 1;
	position: relative;
	padding-top: 30px;
}
.sec03 .box::after {
		content: "";
		position: absolute;
	z-index: -1;
		top:0;
		bottom:-40px;
		right: -40px;
	width: calc((960% / 4.1) + 80px);
	background: rgba(0,0,0,0.1);
	mix-blend-mode: multiply;
}
.sec03 .item_wrap .item:nth-child(2n) .box::after {
		right: auto;
		left: -40px;
}
.sec03 .read {
	font-size: clamp(12px, calc(16vw / 9.6), 16px);
	font-size: clamp(14px, calc(18vw / 9.6), 18px);
	font-weight: 700;
	/*height: 9.5em;*/
	line-height: 1.9;
}
.sec03 .read.ls {
	letter-spacing: -0.05em;
}

@media screen and (max-width: 767px) {
	
	.sec03 .ttl {
		font-size: clamp(18px, calc(23vw / 9.6), 23px);
		margin-bottom: 1.5em;
		line-height: 1.56;
		font-weight: 700;	
	}
	
	.sec03 .item_wrap {
		padding-top: 0;
		row-gap: 60px;
	}
	.sec03 .item_wrap .item {
		flex-direction: column-reverse!important;
		
	}
	.sec03 .item_wrap .item .img,.sec03 .item_wrap .item .text_wrap {
		width: 100%;
	}
	.sec03 .item_wrap .item {
		display: flex;
		row-gap: 30px;
		flex-direction: column;	
		padding: 0;
	}
	.sec03 .item_wrap .item .text_wrap {
		text-align: center;
	}
	.sec03 .read {
		height: fit-content;
	}
	.sec03 .en{
		padding: 0;
		margin-bottom: 1.25em;
	}
	.sec03 .ttl {
		margin-bottom: 1em;
	}
	.sec03 .box {
		flex: 1;
		padding-top: 0;
	}
	.sec03 .box::after {
			display: none;
	}
}


@media screen and (max-width: 480px) {
	
	.sec03 .head {
		font-size: calc(18vw / 3.9);
		padding: 30px 0;
	}
}

.sec04 {
	padding-top: 40px;
}
@media screen and (max-width: 480px) {
.sec04 {
	padding-top:0;
}
}
	
	
.madori_outer {
	padding-top: 50px;
}


.msn-madoriIndex__link {
	display: block;
	height: auto;
	border: none;
	text-align: center;
	transition: opacity 0.5s ease-in-out;
}

body:not(.mobile) .msn-madoriIndex__link:hover {
	opacity: 0.5;
}

.msn-h2__inner {
	position: relative;
	color: #a78e48;
	text-align: center;
	display: flex;
	align-items: center;
}

.msn-h2__inner::before,
.msn-h2__inner::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	border-bottom: double 4px #a78e48;
	display: block;
}
.msn-h2__inner::before {
	margin-right: .4em;
}
.msn-h2__inner::after {
	margin-left: .4em;
}

.msn-madori {
	display: block;
	border: none;
	padding: 0;
    background: none;
}
.msn-section__container .madori_outer:not(:last-child) {
	padding-bottom: 40px;
	margin-bottom: 40px;
	/*border-bottom: 1px solid #9da0a5;*/
}
.msn-section__container .madori_outer:nth-last-child(3) {
	margin-bottom: 0;
    border-bottom: none;
}

.msn-section__container .madori_outer.border_none{
    border-bottom: none;
}

.msn-madori .madori_inner{
}
.msn-madori .madori_inner *{
	/*font-weight: 500;*/
}
.msn-madori__header{
	padding-right: 0;
	padding-bottom: 0;
}

.head {
	width: fit-content;
	margin: 0 auto 30px;
	padding: 10px 5px;
	border: solid 1px #000;
	background: #000;
}


.head_type{
	/*width: 100%;*/
	line-height: 1;
	letter-spacing: 0.1em;
	letter-spacing: 0.02em;
	font-weight: 400;
	color: #a88936;
	text-align: center;
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 0;
	margin-bottom: 0.4em;
	margin-bottom: 0.3em;
	font-size: clamp(14px, calc(44vw / 9.6), 44px);
	font-size: clamp(14px, calc(48vw / 9.6), 48px);
	font-size: clamp(14px, calc(46vw / 9.6), 46px);

}
.head_type .type{
	font-size: 50%;
}
.size_wrap{
	text-align: center;
	display: flex;
	align-items: baseline;
	justify-content: center;
	line-height: 1;
	/*margin-bottom: 30px;*/
	letter-spacing: 0.1em;
}
.size_wrap .text_gold{
	/*color: #907809;*/
}
.size_wrap .ldk{
	font-size: clamp(14px, calc(32vw / 9.6), 32px);
	font-size: clamp(14px, calc(30vw / 9.6), 30px);
	font-weight: 400;
	/*margin-right: 1em;*/
	color:#fff;
	min-width: 11em;
}
.size_wrap .ldk .s1{
	font-size: 1.25em;
}

.size_box{
	font-size: 29px;
	/*font-size: clamp(14px, calc(26vw / 9.6), 26px);*/
	font-weight: 500;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.size_box .text_min{
	font-size: 0.7em;
}
.size_box .text_gold{
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.size_box .text_lg{
	font-size: 1.2em;
}
.size_box .min {
	font-size: 0.45em;
    letter-spacing: 0em;
    display: block;
    width: 100%;
    line-height: 1;
    position: relative;
    top: -0.2em;
    margin-bottom: 0.45em;
}
.size_box {
    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
    .size_box .min {
	    font-size: 0.46em;
        letter-spacing: 0;
        top: -0.3em;
    }
}
.size_sub_list{
	display: flex;
	align-items: baseline;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	font-size: 20px;
	/*font-size: clamp(12px, calc(16vw / 9.6), 16px);*/
	font-weight: 500;
	line-height: 1.4;
	gap:5px 20px;
}
.size_sub_list .item{
	font-weight: 500;
}
#jttype .size_sub_list{
	gap: 5px 0;
}
/*.size_sub_list .item{
	display: flex;
	align-items: flex-start;
}*/
.size_sub_list .item_sub{
    text-align: center;
    font-size: 13px;
    letter-spacing: 0;
    display: block;
    padding-top: 0.2em;
    
}
.size_sub_list .size_box {
    width: 100%;
}
/*.size_sub_list .item:not(:last-child){
	margin-right: 1em;
}
.size_sub_list .item::before{
	content: "";
	width: 0.9em;
	height: 0.9em;
	margin-top: 0.2em;
	background: #907809;
	margin-right: 0.5em;
}*/
.msn-madori__data{
	display: flex;
	justify-content: center;
	padding-right: 0;
	margin-bottom: 50px;
}
.msn-bodyCopy ul, .msn-bodyCopy ol {
	padding-left: 0;
}
.msn-bodyCopy ul {
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
}
.msn-bodyCopy li {
	font-size: 18px;
	/*font-size: clamp(15px, calc(20vw / 9.6), 20px);*/
	font-weight: 500;
	font-feature-settings: "palt";
}
.msn-bodyCopy li:not(:last-child){
	margin-bottom: 15px;
}
.msn-backToTop{
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	margin-top: 3rem;
	border-bottom: solid 1px #9ca1a5;
}

.msn-madori__chusyaku {
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	font-family:"Yu Mincho", "游明朝体", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif;
}
.msn-madori__actions {
	justify-content: space-between;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
}

.msn-madori__actionItem{
	margin-top: 0;
	/*width: 49%;*/
	max-width: 470px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	font-size: 18px;
}

.msn-madori__actionItem{
	margin-top: 0;
	/*width: 49%;*/
	max-width: 470px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	font-size: 18px;
}



.msn-buttonB--request {
	background: linear-gradient(90deg, #a96c36, #d08a4c, #a96c36);
	border: solid 1px #fff;
	box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.6);
}
.msn-buttonB--request:hover {
	background: #a66e3d!important;
	opacity: 0.6;
}
.msn-madori__actionItem a {
	height: auto;
	width: 100%;
	box-sizing: border-box;
	padding: 14px 1em;
}


@media screen and (max-width: 767px) {
.msn-backToTop{
	margin-top: 1.5rem;
}
	.msn-section__container .madori_outer:not(:last-child) {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	.msn-section__container .madori_outer:last-child .msn-backToTop{
        border-bottom: none;
	}
    
    /*.msn-section__container .madori_outer:nth-last-child(3) {
		padding-bottom: 0;
    	margin-bottom: 0;
        border-bottom: none;
    }*/
    
    
	.msn-madori__header{
		padding-top: 0;
		border-bottom: none;
		position: relative;
		background: none;
	}
.head {
	margin: 0 auto 15px;
	padding: 10px 20px;
}
	
	.head_type{
		font-size: calc(40vw / 4.8);
		font-size: calc(37vw / 4.8);
		margin-bottom: 10px;
	}
	.size_wrap{
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
	}
	.size_wrap .ldk{
		font-size: calc(26vw / 4.8);
		font-size: calc(24vw / 4.8);
		/*margin-right: 0;*/
		margin-bottom: 0.4em;
		margin-bottom: 0;
	}
    .size_wrap .ldk .s1{
    	font-size: 1.3em;
    }
	.size_box{
		font-size: calc(28vw / 4.8);
	}
    
    .size_sub_list .item_sub{
		font-size: calc(13vw / 4.8);
        padding-top: 0.1em;
    }
    
    
	.size_sub_list{
		text-align: center;
		flex-direction: column;
		align-items: center;
		font-size: calc(19vw / 4.8);
	}
	.msn-madori__data{
		margin-bottom: 30px;
		/* justify-content: flex-start; */
	}
	.msn-bodyCopy li {
		font-size: calc(18vw / 4.8);
		line-height: 1.6;
		/* text-align: left!important; */
	}
	.msn-bodyCopy li:not(:last-child){
		margin-bottom: 10px;
	}
	.msn-madori__fig{
		margin-top: 20px;
	}
    
    .msn-backToTop{
        font-size: 12px;
    }
    .msn-backToTop__link::after{
        top: 16px;
        width: 8px;
        height: 8px;        
    }
    
}



@media screen and (max-width: 767px) {
    
    .plan_figure{
        margin: 0 -20px;
    }
    
    
	.msn-bodyCopy li:last-child {
		margin-bottom: 0;
	}
	.mx300_sp{
		max-width: 300px;
		margin: 0 auto;
	}
	.ta_l_sp{
		text-align: left;
	}
	.madoribtn_cs .vsp{
		display: inline-block;
	}
	.wide {
		padding: 14px 19px;
	}
	.wide .header {
		text-align: center;
	}
	.wide .msn-madori__data.hanrei {
		float: none;
		width: 100%;
	}
	.msn-madori__actions{
		margin-top: 0;
	}
	.wide .msn-madori__actions {
		float: none;
		width: 100%;
		max-width: none;
	}
	.mt20_sp{
		margin-top: 4%;
	}	
	.madoribtn_cs{
		margin-bottom: 0;
		max-width: 618px;
	}
	.madoribtn_cs li{
		width: 48.55% !important;
		margin-right: 2.9% !important;
		margin:0 0 10px 0;
	}
	.madoribtn_cs li:last-child{
		margin-right: auto !important;
	}
	.madoribtn_cs li:nth-child(2n){
		margin-right: auto !important;
	}
	.madoribtn{
		margin-bottom: 0;
	}
	.madoribtn li{
		width: 100%;
		margin:0 0 10px 0;
	}
	.msn-section.btn {
		margin-bottom: 2.5rem;
	}
	.msn-h2__inner {
		position: relative;
		text-align: center;
	}
	.msn-madori__title {
		font-size: 50px;
		padding-bottom: 5px;
	}
	.msn-madori__type {
		font-size: 32px;
	}
	.msn-madori__areaPrimary {
		font-size: 32px;
	}
	.msn-madori__label {
		 font-size: 16px;
	}
	.msn-madori__areaPrimary small {
		 font-size: 62.5%;
	}
	.msn-madori__areaSecondary {
		 font-size: 16px;
	}
	.msn-madori__details {
		 font-size: 16px;
	}	

	.msn-madori__actionItem{
		/*width: auto;*/
		font-size:14px
	}	
	.msn-madori__actionItem:not(:last-child) {
		margin-right: 0;
	}	
	.msn-madori__actions {
		justify-content: center;
		padding-right: 0;
		padding-left: 0;
		/*padding-bottom: 15px;*/
		padding-bottom: 10px;
		display: block;
	}
	.msn-madori__actions.vpc {
		display: none;
	}

	
	.msn-madori__chusyaku {
		font-size: 10px;
	}
	.msn-madori__chusyaku img {
		width: 74%;
		margin: 0 auto;
	}
	.msn-buttonB, .msn-buttonB--md {
		padding-left: 0.8em;
		padding-right: 0.8em;
	}
	.msn-madoriIndex__items {
		display: flex;
		flex-wrap: wrap;
	}
	.msn-madoriIndex__item {
		flex-basis: 48%;
	}
	
	.msn-madoriIndex__item:nth-child(3) {
		margin: 10px auto 0;
	}
	.msn-madoriIndex__item:nth-child(n + 3) {
		margin-top: 10px;
	}

	.hanrei{
		max-width: 280px;
		margin:0 auto;
		text-align: center;
	}
	
	/*プラン変更例*/
	.msn-madori_plan {
		padding: 14px 19px;
		margin-bottom: 1.2rem;
	}
	.msn-madori__fig_plan {
		padding: 0;
		margin: 0 -12px;
	}
	.msn-madori_plan .msn-madori__data{
		padding-bottom: 0;
	}
	.msn-madori_plan .msn-madori__details{
		float: none;
		width: auto;
	}
	.msn-madori_plan .msn-madori__details.r{
		float: none;
		width: auto;
		margin-top: 0;
	}
	.msn-madori_plan .msn-madori__chusyaku{
		max-width: inherit;
		margin: 0 auto;
	}
	.msn-madori_plan .msn-madori__chusyaku p{
		float: none;
	}
	.msn-madori_plan .msn-madori__chusyaku p:last-child{
		padding: 0;
	}
	.msn-madori_plan .msn-madori__actions{
		max-width: 450px;
		margin:0 auto;
		 display: block;
	}
	/*プラン変更例*/
	.point_plan .msn-madori__details {
		margin-top:18px;
	}
	.point_plan .msn-bodyCopy p{
		font-size: 18px;
	}
	.msn-madori_plan.point_plan .msn-madori__data{
		padding-bottom: 10px;
	}

	.point_plan .point{
		margin-top: 20px;
	}
	.point_plan .cap{
		margin-top: 20px;
		font-size: 11px;
	}
}


@media screen and (max-width: 696px) {
	.sec01 .swipe1 figure {
		width: calc(827% / 6.96);
		display: block;
	}
	.sec01 .swipe1 figure img {
		width: 100%;
		max-width: 100%;
	}
	
	.sec01 .swipe_inn .ib {
		display: block;
	}
	.sec01 .swipe_inn {
		overflow-x: auto;
		overflow-y: visible;
	}
	.sec01 .swipe_caution {
		display: block;
	}
}

@media screen and (max-width: 768px) {
    
    .hanrei_cap{
        margin: 0 -20px;
		 letter-spacing: -0.05em;
    }
    .hanrei_cap .vsp{
        display: inline-block;
    }

}
@media screen and (max-width: 767px) {
	.msn-madori__actionItem{
		width: 80%;
		font-size: 14px;
	}
	.msn-madori__actionItem a {
		padding: 12px 1em;
	}
}


/*@media screen and (max-width: 767px) {
	.swipe2 figure {
		width: 1500px;
	}
}
*/
.msn-madori__fig {
	background: #fff;
	padding: 30px 10px 20px;
	margin-bottom: 0!important;
}

.msn-madori__actions {
	background: #fff;
	padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
	.msn-madori__fig {
		padding: 30px 0 20px;
		position: relative;
		z-index: 5;
	}
	.msn-madori__actions {
		padding-bottom: 30px;
		position: relative;
		z-index: 5;
	}
	.msn-madori__fig::after {
		content: "";
		position: absolute;
		top:0;
		left:-20px;
		bottom:0;
		right:-20px;
		background: #fff;
		z-index: -1;
	}
	.msn-madori__actions::after {
		content: "";
		position: absolute;
		top:0;
		left:-20px;
		bottom:0;
		right:-20px;
		background: #fff;
		z-index: -1;
	}
}


@media screen and (max-width: 480px) {
	.fig01 img {
		width: 800px;
		max-width: 800px;
	}
	.fig02 img {
		width: 650px;
		max-width: 650px;
	}
}

@media screen and (max-width: 827px) {
	.swipe1 figure {
		width: 827px;
		display: block;
	}
	.swipe1 figure img {
		width: 100%;
		max-width: 100%;
	}
	
	.swipe_inn .ib {
		display: block;
	}
	.swipe_inn {
		overflow-x: auto;
		overflow-y: visible;
	}
	.swipe_caution {
		display: block;
	}
}
@media screen and (max-width: 696px) {
	.swipe1 figure {
		width: calc(827% / 6.96);
		display: block;
	}
	.swipe1 figure img {
		width: 100%;
		max-width: 100%;
	}
	
	.swipe_inn .ib {
		display: block;
	}
	.swipe_inn {
		overflow-x: auto;
		overflow-y: visible;
	}
	.swipe_caution {
		display: block;
	}
}







.roobal {
	background: #000;
	padding: 50px;
}
.roobal .t1 {
	font-size: clamp(14px, calc(28vw / 10.4), 28px);
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	padding: 0.5em 0;
	color: #a88936;
	border-top: solid 1px #a88936;
	border-bottom: solid 1px #a88936;
	font-weight: 700;
	margin-bottom: 1.4em;
}
.roobal .t2 {
	font-size: clamp(14px, calc(28vw / 10.4), 28px);
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	color: #a88936;
	font-weight: 700;
	margin-bottom: 0.7em;
}
.roobal .t3 {
	font-size: clamp(12px, calc(18vw / 10.4), 18px);
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
	color: #fff;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
.roobal {
	padding: 30px 15px;
}
}
@media screen and (max-width: 480px) {
	.roobal .t1 {
		font-size: calc(18vw / 3.9);
	}
	.roobal .t2 {
		font-size: calc(17vw / 3.9);
	}
	.roobal .t3 {
		font-size: calc(12vw / 3.9);
		letter-spacing: 0.05em;
	}
}