.nav-list-small {
	display: none;
	list-style: none;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.nav-list-small > li.btn-frame {
	cursor: pointer;
}

.nav-list-small > li .btn-menu-open {
}
.nav-list-small > li .btn-menu-close {
	display: none;
}

.nav-list-small > li[data-is-menu-open="true"] 
.btn-menu-open {
	display: none;
}
.nav-list-small > li[data-is-menu-open="true"] 
.btn-menu-close {
	display: inline-block;
}


.nav-slide-block {
	list-style: none;
	position: fixed;
	background: #f2f2f2;
	width: 100%;
	height: 100%;
	top: 0;
	right: -100%;
	z-index: 20;
	padding: 4em 0em;
	transition: right 0.3s;
}

.nav-slide-block[data-is-menu-open="true"] {
	right: 0%;
}

.nav-slide-block li {

}

.nav-slide-block li a {
	text-decoration: none;
	color: #3c3c3c;
	padding: 1em;
	display: block;
	font-weight: bold;
}







/************************** 
	Block Pattern B only
***************************/

.block-businessman > .inner--only-small-width
.datail-frame {
	padding: 2em 1em;
}

.block-businessman > .inner--only-small-width
.datail-frame .header {
	display: flex;
	align-items: center;
	justify-content: center;
}
.block-businessman > .inner--only-small-width
.datail-frame .header .icon-frame {
	margin-right: 0.5em;
}
.block-businessman > .inner--only-small-width
.datail-frame .header .title {
	font-size: 100%;
	font-weight: bold;
}

.block-businessman > .inner--only-small-width
.datail-frame .text {
	font-size: 90%;
}

.block-businessman > .inner--only-small-width
.image-frame {
	line-height: 0;
}
.block-businessman > .inner--only-small-width
.image-frame img {
	width: 100%;
}




/* disable */
.headline--only-full-width {
	display: flex;
}
.headline--only-small-width {
	display: none;
}

.img--only-full-width {
	display: block;
}
.img--only-small-width {
	display: none;
}

.image-frame--only-full-width {
	display: block;
}
.image-frame--only-small-width {
	display: none;
}

.overflow--only-small-widht {
	display: flex;
}

.case-item--only-small-width {
	display: none;
}

.block-businessman .inner--only-full-width {
	display: flex;
}
.block-businessman .inner--only-small-width {
	display: none;
}


@media (max-width: 1000px) {

	.nav-list-large {
		display: none;
	}

	.nav-list-small {
		display: flex;
	}

}


@media (max-width: 860px) {


	/************************** 
	Block Pattern B only
	***************************/

	.block-businessman .inner--only-full-width {
		display: none;
	}
	.block-businessman .inner--only-small-width {
		display: block;
	}

}


@media (max-width: 700px) {

	.headline--only-full-width {
		display: none;
	}
	.jumbotron-a .inner > .headline--only-small-width{
		display: block;
		padding-top: 2em;
	}
	.img--only-full-width {
		display: none;
	}
	.img--only-small-width {
		display: block;
	}
	.image-frame--only-full-width {
		display: none;
	}
	.image-frame--only-small-width {
		display: block;
		position: relative;
	}

	.image-frame--only-small-width .bubble {
		position: absolute;
	}
	
	.case-item--only-full-width {
		display: none;
	}

	.case-item--only-small-width {
		display: block;
	}


	.overflow--only-small-widht {
		height: 550px;
		overflow-x: scroll;
		display: block;
	}


	.jumbotron-b .inner {
		margin: 0em 2em;
	}
	.jumbotron-b .inner .msg {
		padding: 2em;
	}

	.jumbotron-b .inner .msg > p {
		font-size: 90%;
	}

	.jumbotron-b .inner .msg > h2 {
		font-size: 160%;
	}



	.btn-round {
		padding: 1.5em 6em;
	}




	.jumbotron-a .inner {
		padding: 5em 0em 1em 0em;
	}


	.headline-flex {
		display: block;
		margin-bottom: 1em;
		font-size: 100%;
	}
	.headline-flex h2 {
		margin-right: 0em;
	}
	.headline-flex-disable-small {
		display: flex;
	}
	.headline-flex-disable-small h2 {
		margin-right: 0.1em;
	}
	
	.headline-medium {
		font-size: 95%;
	}

	.headline-small {
		font-size: 75%;
	}


	.headline-triangle-flex:after, 
	.headline-triangle-flex:before {
		width: 51.4%;
	}
	.headline-triangle-flex:after {

	}
	.headline-triangle-flex:before {
	}


	.label-pink-rotate {
		font-size: 160%;
	}


	.block .inner .text {
		font-size: 90%;
	}

	.block > .inner {
		padding: 8em 1em;
	}

	.block-bg-line {
		background: url('../img/bg_line_midium.png') center center no-repeat;
	}



	#about.block .text {
		text-align: left;
	}

	#contact .headline-flex {
		display: flex;
	}
	#contact .headline-flex h2 {
		margin-right: 0.1em;
	}

	#contact .inner .text {
		text-align: left;
	}


	.layout-2-col {
		display: block;
	}

	.layout-2-col .col:first-child {
		margin: 0em;
	}

	.layout-2-col .image-frame img {
		width: 100%;
		max-width: initial;
	}



	.list-about {

	}

	.list-about li {
		margin-right: 1em;
		width: calc(100%/3 - 1em);
	}
	.list-about li:nth-child(3n) {
		margin-right: 0em;
	}



	.list-case > li {
		max-width: 310px;
	}



	.list-flow {
		flex-direction: column;
		align-items: center;
	}

	.list-flow > li.flow {
		max-width: initial;
		width: 100%;
		margin: 0;
	}
	.list-flow > li.arrow {
		padding: 1em 0em;
		max-width: initial;
	}



	.block .card 
	.image-frame {
		display: block;
	}
	.block .card 
	.image-frame .col {
		width: 100%;
	}
	.block .card 
	.image-frame .col:first-child {
		margin-bottom: 1em;
	}


	.list-plan {
		display: block;
	}

	.list-plan > li {
		width: 100%;
		max-width: initial;
	}


	.list-faq {

	}
	.list-faq > li:nth-child(2n) {
		margin-left: 0em;
	}
	.list-faq li {
		width: 100%;
		margin-left: 0em;
	}



	.plan-other-flex {
		display: block;
	}

	.plan-other-flex 
	.plan-illustration {
		margin-right: 0em;
		margin-bottom: 1em;
		width: 100%;
	}

	.plan-other-flex 
	.plan-illustration
	.image-frame {
		position: initial;
		margin-bottom: 1em;
	}

	.plan-other-flex 
	.plan-illustration
	.image-frame img {
		height: initial;
	}

	.plan-other-flex 
	.plan-illustration 
	.detail-frame {
		background: #f2f2f2;
		padding-left: 0%;
		max-width: initial;
	}

	.plan-other-flex 
	.plan-illustration 
	.detail-frame 
	.headline-orange {
		text-align: center;
	}


	.plan-other-flex 
	.list-note {
		width: 100%;
	}



	.list-checkbox {
		display: block;
	}

	.list-checkbox li:not(:last-child) {
		margin-right: 0em;
		margin-bottom: 1em;
	}

	div.form-contact 
	div.item-agreement:not(:last-child) {
		margin-bottom: 4em;
	}


	.btn-go-to-contact {
		right: 1em;
		bottom: 1em;
		width: 100px;
		height: 100px;
	}
	.btn-go-to-contact img {
		width: 100%;
	}

	.block-popup .inner .card {
		display: block;
	}

	.block-popup .inner .card 
	.image-frame {
		margin-right: 0;
	}

	.block-popup .inner .card .detail-frame {
		padding: 0em;
	}

	.block-popup .inner .card 
	.description {
		font-size: 90%;
	}

	footer .image-frame img {
		width: 100%;
	}

}