@charset "shift_jis";

@media (max-width: 968px) {

	/*-------------------------------------------------------*/
	/* commonMenu */
	/*-------------------------------------------------------*/
	#common-menu {
		display: block;
		z-index: 100;
		height: auto;
	}

	/*-------------------------------------------------------*/
	/* page-slider */
	/*-------------------------------------------------------*/

	.page-slider .bx-wrapper .bxslider {
		position: static !important;
		height: auto;
	}

	.page-slider .bx-wrapper .bxslider li,
	.page-slider .bx-wrapper .bxslider li a {
		width: 100%;
		height: auto;
	}

	.bx-wrapper img {
		width: 100%;
		height: auto;
		max-width: none;
	}

	.bx-viewport {
		height: 0 !important;
		padding-bottom: calc(100% / 968 * 260);
	}

	/*-------------------------------------------------------*/
	/* card-dengon */
	/*-------------------------------------------------------*/

	.dengon-section .dengon-bnr {
		margin-bottom: 20px;
		padding-right: 16px;
		padding-left: 16px;
	}

	/*-------------------------------------------------------*/
	/* ict-section */
	/*-------------------------------------------------------*/

	.ict-section {
		margin-bottom: 20px;
		padding-right: 8px;
		padding-left: 8px;
	}

	.ict-list .ict-item-pc {
		display: none;
	}

	.ict-item {
		width: 50%;
		padding: 0 5px;
		max-width: 296px;
	}

	.ict-box {
		max-width: 600px;
		margin: 0 auto;
		padding-left: 0;
	}

	.ict-item > img {
		width: 340px;
	}

	.cmn2 .ict-item-text {
		margin-top: 0;
		padding: 5px 10px 5px;
	}

	.ict-list {
		margin-top: 30px;
	}

	.ict-img {
		width: 300px;
		top: 20px;
		left: auto;
		right: -20px;
	}

	.ict-link {
		margin-top: 7px;
		padding-left: 6px;
	}

	.ict-link .btn-lv1 {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	/*-------------------------------------------------------*/
	/* news-section */
	/*-------------------------------------------------------*/

	.news-section {
		position: relative;
		margin-bottom: 20px;
		padding-top: 1px;
		padding-right: 16px;
		padding-left: 16px;
	}

	.news-title {
		margin-bottom: 12px;
		font-size: 138%;
		font-weight: 700;
	}

	.news-section .btn-lv2 {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.box-content-tabheader {
		display: block;
		padding-bottom: 0;
		min-height: auto;
	}

	.tabheader-tablist {
		position: relative;
	}

	.box-content-const {
		display: -webkit-box;
		display: flex;
		position: relative;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10px;
		-webkit-box-pack: justify;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-webkit-box-align: center;
	}

	.box-content-const>* {
		width: 48%;
		text-align: left;
	}

	.box-content-const .btn-lv1 {
		display: inline-block;
		width: 100%;
		padding: 8px 8px;
	}

	/*------------------------------------*/
	/* .news-btns */
	/*------------------------------------*/

	.news-btns {
		padding: 5px 10px;
		text-align: left;
	}

	.news-btns>li {
		margin-right: 10px;
		margin-left: 0;
	}

	/*------------------------------------*/
	/* .img-list */
	/*------------------------------------*/

	.img-list-item {
		display: -webkit-box;
		display: flex;
		position: relative;
		border-top: solid 1px #DDD;
		min-height: auto;
	}

	.img-list-txt {
		padding: 10px 10px;
		-webkit-box-flex: 1;
		flex: 1;
	}


	.img-list-item time {
		display: inline-block;
		width: 100px;
	}

	/*-------------------------------------------------------*/
	/* case-section */
	/*-------------------------------------------------------*/

	/* .case-section .grid-cell {
		margin-top: 20px;
	}

	.case-section .grid-cell:first-child {
		margin-top: 0;
	}

	.case-section .grid-cell:first-child::before {
		display: none;
	} */

	.case-box {
		min-height: auto;
	}

	.case-title {
		font-size: 153%;
	}

	.case-subject {
		font-size: 123%;
	}

	.case-section > .block-note {
		margin-top: 20px;
		padding: 0 0 8px;
	}

	.case-section > .grid-margin {
		margin-right: 8px;
		margin-left: 8px;
	}

	/* .case-list {
		padding: 16px 8px;
	} */

	.case-list .ict-item {
		max-width: none;
	}
	.case-section > .title-level3,
	.case-section > p {
		margin-right: 16px;
		margin-left: 16px;
	}
	.case-section .block-note {
		padding: 16px;
	}

	.case-lead {
		font-size: 92.3%;
	}

	.case-block .bx-viewport {
		height: auto !important;
		padding-bottom: 0;
	}

	.case-block .bx-controls {
		margin-top: 0;
	}

	/*-------------------------------------------------------*/
	/* bnr-section */
	/*-------------------------------------------------------*/

	.bnr-section .title-level3 {
		margin-right: 16px;
		margin-left: 16px;
	}

	.bnr-section .block-note {
		padding: 16px;
	}

	.panel-bnr {
		padding: 10px 10px;
	}

	.panel-img {
		width: 40px;
		margin-top: 0;
		min-width: 40px;
	}

	.panel-title {
		padding-left: 10px;
		font-size: 100%;
	}

	.panel-header {
		-webkit-box-flex: 1;
		flex-grow: 1;
	}

	.panel-header+p {
		margin-top: 10px;
	}

	/*------------------------------------*/
	/* .icon-bnr */
	/*------------------------------------*/
	.icon-title {
		padding-left: 10px;
		font-size: 100%;
	}

	.icon-img {
		width: 40px;
		margin-top: 0;
		min-width: 40px;
	}

}

@media (max-width: 760px) {
	.case-list {
		flex-wrap: wrap;
		margin-bottom: -16px;
	}

	.case-list .ict-item {
		width: 50%;
		margin-bottom: 16px;
	}

	.case-list figure {
		width: 30%;
		min-width: 75px;
	}
}

/*-------------------------------------------------------*/
/* ict-section */
/*-------------------------------------------------------*/

@media (max-width: 580px) {
	.ict-section.ict-index .ict-img {
		top: 140px;
	}

	.ict-section.ict-index .ict-list {
		margin-top: 150px;
	}
}

@media (max-width: 320px) {
	.ict-section.ict-index .ict-img {
		top: 130px;
	}
}

/*-------------------------------------------------------*/
/* slick slider for solution pickup */
/*-------------------------------------------------------*/

@media (max-width: 968px) {
	.case-list.slick {
		padding-bottom: 0;
	}

	.slick-list {
		max-width: 592px;
	}

	.ict-item.slick-slide {
		padding: 5px;
	}

	.slick-dots {
		bottom: -30px;
	}
}

/*-------------------------------------------------------*/
/* ict-section */
/*-------------------------------------------------------*/

@media (max-width: 468px) {
	.ict-section.ict-index .ict-list {
		margin-top: calc(100% / 375 * 130);
	}
}