@charset "utf-8";
@media screen and (max-width: 768px) {
	#contents_area {
		color: #000;
	}

    .section .main img, .sec_modern img {
        width: 100%;
        height: auto;
    }

    .section_visual .caption {
		position: absolute;
		top: 67vw;
		right: 0;
		padding: 0 15px;
		color: #000;
		font-size: 7.5px;
		font-family: var(--font-light);
		text-align: right;
		line-height: 1.5;
	}


	/*--------------------------------------------------------------
    ## common_parts
	--------------------------------------------------------------*/
    .section {
        padding: 2.5rem 0;
    }

    .npd{
        padding: 0;
    }

    .section .title {
		margin-bottom: 1.8rem;
		text-align: center;
		font-weight: 500;
		font-size: 15px;
		line-height: 1.5;
	}

    .section .block {
		position: relative;
		padding-top: 2.5rem;
		margin: 2.5rem 0 2rem;
	}

	.gray {
		background-color: #e9e4e1;
	}

	.block_inner {
		padding: 0 16px;
	}

	/*--------------------------------------------------------------
    ## section_modern
	--------------------------------------------------------------*/

    .section_visual {
		position: relative;
	}

    .section_visual .tit_wrap {
		position: absolute;
		top: 9vw;
		left: 0;
		right: 0;
		text-align: center;
		z-index: 1;
	}

	.section_visual .title {
		margin-bottom: 0 !important;
		padding: 0 16px;
	}

	.section .title img.switch_sp {
		display: inline-block;
		max-width: 100%;
	}

	/*--------------------------------------------------------------
    ## sec_exterior
	--------------------------------------------------------------*/

	#sec_exterior {
		margin-top: -15%;
	}

	#sec_exterior .pic_exterior img {
		max-width: 100%;
	}




	/* section_styling */

	#section_styling {
		padding-top: 1.5rem;
	}

	.item_list li {
        margin-bottom: 33px;
		width: 100%;
	}

	#contents_area .item_list li a {
		display: block;
		color: #000;
		text-align: center;
	}


    .item_list .img {
		position: relative;
	}

	.item_list .img img {
		max-width: 100%;
	}

    .item_list .box {
		display: flex;
		min-height: 77px;
		justify-content: center;
		align-items: flex-start;
		text-align: center;
	}


	.item_list h4 {
		margin-top: .8rem;
		font-family: var(--font-bold);
		font-size: 18px;
		line-height: 1.8;
	}

	/* section_interior */
	#section_interior{
		margin-bottom: 0;
		padding: 3rem 0 .6rem;
	}

	/* bnr_style */
	.bnr_style {
		margin: 120px 0 60px;
		padding: 0 16px;
	}

	.bnr_style p{
        margin-bottom: 1rem;
	}

	.bnr_style img {
		width: 100%;
	}

}