@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 {
		width: 100%;
		position: absolute;
		top: 63vw;
		margin: 10px 0 0;
		padding: 0 15px;
		color: #fff;
		font-size: 7.5px;
		font-family: var(--font-light);
		line-height: 1.5;
		box-sizing: border-box;
	}


	/*--------------------------------------------------------------
    ## common_parts
	--------------------------------------------------------------*/
    .section {
		margin: -1px 0;
        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;
	}

	.indigo {
		background-color: #485b6a;
	}

	.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%;
	}

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

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

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

	#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: #fff;
		text-align: center;
	}


    .item_list .img {
		position: relative;
	}

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

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


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

	/* section_interior */
	#section_interior{
		margin: 2.2rem 0 0;
		padding-bottom: .1rem;
	}

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

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

	.bnr_style img {
		width: 100%;
	}
}