@charset "utf-8";
@media screen and (max-width: 750px) {
/*============================
        slider
============================*/
#mainvisual{
	min-height: 146.6vw;
}
#slider p{
	content:"";
	width: 100%;
	min-height: 146.6vw;
	height: 100vh;
}
#mainvisual .main_midashi_box{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #FAF9F8;
    padding: 8.2vw 7.3vw 8.2vw;
    height: 43vw;
    width: 100%;
}
#mainvisual .main_midashi_box .main_midashi_en{
	font-size: 4.8vw;
	margin-bottom: 2.6vw;
	color: #3F1A18;
}
#mainvisual .main_midashi_box .main_midashi_jp{
	font-size: 8vw;
	line-height: 1.2;
	color: #3F1A18;
	letter-spacing: 0;
}
/*============================
         concept
============================*/
#concept{
	padding: 112.6vw 0 0;
}
#concept .midashi_en{
	padding: 0 2.6vw;
}
#concept .wrap{
	width: 100%;
	padding: 0 10.6vw 70vw;
}
#concept .midashi_box{
	margin: 0 0 8vw;
}
#concept h3{
	font-size: 5.8vw;
	margin-bottom: 6.3vw;
	line-height: 1.7;
	padding: 0 4vw;
}
#concept .textbox{
	width: 100%;
   	padding: 0 4vw;
	line-height: 2;
	margin-bottom: 4vw;
}
#concept .btn_normal{
	margin: 0 auto;
}
#concept img{
	height: auto;
	position: absolute;
}
	
#concept .imgsec_1{
	position: absolute;
	width: 87.4vw;
	max-width: 87.4vw;
	min-width: 87.4vw;
	height: 92.5vw;
	max-height: 92.5vw;
	min-height: 92.5vw;
	left: auto;
	right: 0;
	top: 6.6vw;
}
#concept .imgsec_2{
	width: 74.6vw;
	max-width: 74.6vw;
	min-width: 74.6vw;
	height: 61.4vw;
	max-height: 61.4vw;
	min-height: 61.4vw;
	right: auto;
	left: 0;
	top: auto;
	bottom: -10.6vw;
}
#concept .img_1{
    min-width: 79.4vw;
	max-width: 79.4vw;
    width: 79.4vw;
	margin: 0;
	top: 0;
	right: 0;
}
#concept .img_2{
	float: left;
    min-width: 49.3vw;
	max-width: 49.3vw;
    width: 49.3vw;
	margin: 0;
	top: 52vw;
	left: 0;
}
#concept .img_3{
    min-width: 29.3vw;
	max-width: 29.3vw;
    width: 29.3vw;
	float: none;
	margin: 0;
	top: 60vw;
	right: 7.8vw;
}
#concept .img_4{
    min-width: 64vw;
	max-width: 64vw;
	width: 64vw;
	margin: 0;
	left: 0;
	top: 0;
}
#concept .img_5{
    min-width: 38.6vw;
	max-width: 38.6vw;
    width: 38.6vw;
	margin: 0;
	top: 36vw;
	right: 0;
}

/*============================
         flow
============================*/
#flow .wrap{
	padding: 96vw 0 98vw;
}
#flow .midashi_box{
	margin-bottom: 7.3vw;
}
#flow .box_wrap{
	width: 100%;
	margin: 0 auto;
}
#flow .box_wrap::before{
	display: none;
}
#flow .flow_box {
	margin-bottom: 5vw;
	padding-top: 3vw;
}
#flow .flow_box:last-child{
	margin-bottom: 8vw;
}
#flow .flow_box .icon{
	width: 42.6vw;
	height: 42.6vw;
	border-radius: 42.6vw;
	padding: 12vw 0 0;
	box-shadow: 0 0 2vw 2vw rgb(0 0 0 / 4%);
}

#flow .flow_box .num{
	width: 26.1vw;
	margin: 4vw auto 4.2vw;
	font-size: 5.8vw;
	padding-bottom: 2.6vw;
}
#flow .flow_box h3{
	height: auto;
	padding: 0;
	font-size: 5.8vw;
	line-height: 1.3;
	margin-bottom: 5.3vw;
}
#flow .flow_box .txt{
	font-size: 4.2vw;
	padding: 0 24vw;
	line-height: 1.6;
}
#flow .flow_box svg{
	width: 17.3vw;
	height: auto;
}
#flow .btn_has_icon{
	width: 70.6vw;
	margin: 0 auto;
}
#flow img{
	display: block;
	z-index: 2;
	height: auto;
	position: absolute;
}
#flow .imgsec_1{
	width: 79.7vw;
	max-width: 79.7vw;
	min-width: 79.7vw;
	height: 40.5vw;
	max-height: 40.5vw;
	min-height: 40.5vw;
	left: auto;
	right: 0;
	top: -15.1vw;
	z-index: 2;
}
#flow .imgsec_2{
	position: absolute;
	width: 74.6vw;
	max-width: 74.6vw;
	min-width: 74.6vw;
	height: 49.4vw;
	max-height: 49.4vw;
	min-height: 49.4vw;
	right: 14.6vw;
	top: 33.3vw;
	z-index: 2;
}
#flow .imgsec_3{
	width: 79.7vw;
	max-width: 79.7vw;
	min-width: 79.7vw;
	height: 46.6vw;
	max-height: 46.6vw;
	min-height: 46.6vw;
	right: auto;
	left: 0;
	top: auto;
	bottom: 37vw;
	z-index: 2;
}
#flow .imgsec_4{
	width: 74.6vw;
	max-width: 74.6vw;
	min-width: 74.6vw;
	height: 49.4vw;
	max-height: 49.4vw;
	min-height: 49.4vw;
	left: 13vw;
	top: auto;
	bottom: -13.6vw;
}

#flow .img_1{
    min-width: 29.3vw;
	max-width: 29.3vw;
    width: 29.3vw;
	float: none;
	right: 0;
	top: 0;
	margin: 0;
}
#flow .img_2{
    min-width: 49.3vw;
	max-width: 49.3vw;
    width: 49.3vw;
	float: none;
	margin: 0;
	top: 8vw;
	left: 0;
}
#flow .img_3{
    min-width: 36vw;
	max-width: 36vw;
    width: 36vw;
	float: none;
	margin: 0;
	right: 0;
	top: 0;
}
#flow .img_4{
    min-width: 37.4vw;
	max-width: 37.4vw;
    width: 37.4vw;
	float: none;
	margin: 0;
	left: 0;
	top: 8vw;
}
#flow .img_5{
    min-width: 58.4vw;
	max-width: 58.4vw;
    width: 58.4vw;
	float: none;
	margin: 0;
	left: 0;
	top: 0;
}
#flow .img_6{
    min-width: 20.1vw;
	max-width: 20.1vw;
    width: 20.1vw;
	float: none;
	margin: 0;
	top: 19.7vw;
	right: 0;
}
#flow .img_7{
    min-width: 36vw;
	max-width: 36vw;
    width: 36vw;
	left: 0;
	top: 0;
	float: none;
	margin: 0;
}
#flow .img_8{
    min-width: 37.4vw;
	max-width: 37.4vw;
    width: 37.4vw;
	right: 0;
	top: 8vw;
	float: none;
	margin: 0;
}
#flow .btn_has_icon{
	margin: 0 auto;
}

/*============================
         photo
============================*/
#photo{
	content:"";
	width: 100%;
	height: 26.6vw;
	background: url("../images/top/photo_img.jpg") no-repeat center;
	background-size: cover;
}
}