@charset "UTF-8";




@media only screen and (max-width: 767px){
	

	
	
/*********** 共通 *************/
	
.concept_mbt-wrap {
	padding-top: 50px;
}

.concept_mbt-wrap li {
    width: 35%;
}

.concept_mbt-wrap li:nth-child(2) {
    margin: 0 -2.65%;
}
	
/*********** ↑共通 *************/
	
	
	
	
	
/*********** concept1 *************/

.concept1-wrap {
	padding-top: 50px;
}

.concept1_title-wrap p {
	font-size: 2.2rem;
	letter-spacing: 0.3rem;
	text-align: center;
	padding: 20px 0;
}

.concept1_01-wrap {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
	justify-content: space-between;
	padding-top: 40px;
}

.concept1_01-wrap li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.concept1_01-wrap li:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	padding-top: 20px;
}

.concept1_01-wrap li:nth-child(3) {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	padding-top: 20px;
}



/** 共通 **/

.concept1_s-title-wrap {
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
	line-height: 1.5;
	padding: 10px;
	margin-top: 60px;
}

/** ↑共通 **/


.concept1_02-wrap {
	padding-top: 20px;
}

.concept1_02-wrap li:nth-child(1) {
	width: 90.59%;
}

.concept1_02-wrap li:nth-child(2) {
	width: 100%;
	padding-top: 30px;
}

.concept1_03-wrap {
	width: 100%;
	padding-top: 20px;
}

.concept1_04-wrap {
	padding-top: 20px;
}

.concept1_04-wrap li:nth-child(1) {
	width: 100%;
}

.concept1_04-wrap li:nth-child(2) {
	width: 100%;
	padding-top: 30px;
}


/*********** ↑concept1 *************/

	
	
	
	
/*********** concept2 *************/

.concept2-wrap {
	padding-top: 80px;
}

.concept2_title-wrap p {
	font-size: 2.2rem;
	letter-spacing: 0.3rem;
	text-align: center;
	padding: 20px 0;
}

.concept2_01-wrap {
	padding-top: 20px;
}

.concept2_01-wrap .cap {
	margin-top: -15px;
}
	
.concept2_02-wrap {
	padding-top: 30px;
}
	
.concept2_03-wrap {
	padding-top: 40px;
}

.concept2_03-wrap li:nth-child(1) {
	width: 100%;
}

.concept2_03-wrap li:nth-child(2) {
	width: 100%;
	padding-top: 20px;
}
	

.concept2_05-wrap {
	margin-top: 40px;
}

.concept2_05-wrap li:nth-child(1) {
	width: 100%;
}

.concept2_05-wrap li:nth-child(2) {
	width: 100%;
	padding-top: 20px;
}
	

/*********** ↑concept2 *************/
	
	
	
	
	
	
	
/*********** concept3 *************/

.concept3-wrap {
	padding-top: 80px;
}

.concept3_title-wrap p {
	font-size: 2.2rem;
	letter-spacing: 0.3rem;
	text-align: center;
	padding: 20px 0;
}
	
	
.concept3_01-wrap .swipe{
	width: 20%;
	margin-left: 78%;
}
	
.concept3_01-wrap .cap {
	margin-top: -15px;
}
	

	
.concept3_02-wrap {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
	padding-top: 60px;
}

.concept3_02-wrap li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.concept3_02-wrap li:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	padding-top: 20px;
}

.concept3_02-wrap li:nth-child(3) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	margin-left: 0;
	padding-top: 20px;
}

	
	
	


/*********** ↑concept3 *************/
	
	
	
	
	
	
	
	
/********** scroll-box ***********/	

.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
	
.scroll-box div img {
  max-width: 100%;
	
  vertical-align: top;
}

.concept2_01-wrap .scroll-box div img {
  min-width: 540px;
}

.concept3_01-wrap .scroll-box div img {
  min-width: 840px;
}

	
	

	
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
.scroll-box::-webkit-scrollbar-track {
  background: #fff;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
	
/********** ↑scroll-box ***********/
	
	
	
	
	
	
	
	


.anc_concept1,
.anc_concept2,
.anc_concept3 {
	display: block;
    padding-top: 80px;
	margin-top: -80px;
}

	
	
	
	

	
	
	
}