@charset "utf-8";

@media print, screen and (min-width : 769px){
	#contents_area {
		color: #000;
		padding: 100px 0 0 0; /* gnav 2列対応 */
	}

	/*--------------------------------------------------------------
    ## section_visual
	--------------------------------------------------------------*/

	.section .main {
		position: relative;
		min-width: 980px;
		overflow: hidden;
	}

	.section .main img, .sec_modern img {
		position: relative;
		width: 100%;
	}

	.section_visual {
		position: relative;
		min-height: 51vw;
	}

	.section_visual .tit_wrap {
		position: absolute;
		top: 7%;
		left: 0;
		right: 0;
		color: #fff;
		text-align: center;
		z-index: 1;
	}

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

	.section_visual .title img.switch_pc {
		display: inline-block;
		max-width: 45%;
	}

	.section_visual .caption{
		position: absolute;
		bottom: 31.5%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 980px;
		color: #fff;
		text-align: right;
		z-index: 1;
		font-size: 11px;
		font-family: var(--font-light);
	}


	/*--------------------------------------------------------------
    ## comon_parts
	--------------------------------------------------------------*/


	.section {
		padding: 3rem 0;
	}

	.npd{
        padding: 0;
    }

	.section_inner {
		position: relative;
		margin: 0 auto;
		width: 980px;
	}

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

	.section .title img {
		max-width: 100%;
	}

	.section .block {
		position: relative;
		padding-top: 4rem;
		margin: 4rem 0 5.6rem;
	}

	.section .tit_wrap {
		text-align: center;
	}

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

	.block_inner {
		margin: 0 auto;
		width: 980px;
	}

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


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

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


	/*--------------------------------------------------------------
    ## section_styling
	--------------------------------------------------------------*/

	#section_styling{
		margin-bottom: 0;
	}

	.item_list {
		margin-bottom: 1rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.item_list li {
		width: 475px;
	}

	.item_list li:nth-child(n+3) {
		margin-top: 1.6rem;
	}

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

	.item_list .img {
		position: relative;
		overflow: hidden;
	}

	.item_list .img img {
		max-width: 100%;
		vertical-align: middle;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	.item_list li a:hover .img img {
		transform: scale(1.05);
	}

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


	.item_list h4 {
		 font-family: var(--font-bold);
		font-size: 21px;
		line-height: 1.8;
	}

	/*--------------------------------------------------------------
    ## section_interior
	--------------------------------------------------------------*/

	#section_interior {
		padding-bottom:  5.2rem;
		margin: 6rem 0 0;
	}

	/* bnr_style */
	.bnr_style {
		margin: 120px auto 110px;
		width: 980px;
	}

	.bnr_style p{
		margin-bottom: 2.5rem;
	}
	
	.bnr_style img {
		width: 100%;
	}
}

@media screen and (min-width:769px) and (max-width:1280px) {
	.section .main img {
		position: relative;
		width: 126%;
		left: -12%;
	}

	.section_visual .title img.switch_pc {
		max-width: 50%;
	}
}

 /* gnav 2列対応 */
@media screen and (min-width : 967px) {
	#contents_area {
		padding: 121px 0 0 0;
	}
}