@charset "UTF-8";
.main{ background: #fff;}
.main-mv_inner {
	bottom: 60px;
	top: auto;
	position: absolute;
    left: 80px;
    color: #ffffff;
    letter-spacing: 0.1em;
}

.main-mv_tit {
    margin: 0 0 20px;
}

.main-mv_tit .en {
    font-size: 15px;
	line-height: 1.15;
    display: block;
    margin: 0 0 8px;
    font-family: "Bodoni Moda", serif;
}

.main-mv_tit .jp {
    font-size: 60px;
    letter-spacing: 0.1em;
	line-height: 1.15;
}

.flexbox {display: flex; flex-wrap: wrap; justify-content: space-between;}

#bland { background: #ffffff;}
#bland h3 {font-size: 32px; line-height: 1.8; color: #6cc7b4; text-align: center; margin: 0 0 80px;}
#bland ul {align-items: stretch; }
#bland ul:not(:last-of-type){ margin-bottom: 4%; border-bottom: 1px solid #ccc;}
#bland ul li {flex-basis: 48%; margin-bottom: 4%;}
#bland ul li:nth-child(1) {border-top: 5px solid #cccccc; border-bottom: 5px solid #cccccc; border-style: double; line-height: 2; letter-spacing: 0.1em; position: relative;}
#bland ul li:nth-child(1) div {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
#bland ul li:nth-child(1) figure {text-align: center; margin: 0 0 20px;}
#bland ul li:nth-child(1) .tit {text-align: center; font-size: 22px; margin: 0 0 30px; font-weight: bold;}


#bland .gr-01 li:nth-child(1) {order: 2;}
#bland .gr-01 li:nth-child(2) {order: 1;}
#bland .gr-01 li:nth-child(3) {order: 3;}
#bland .gr-01 li:nth-child(4) {order: 4;}
#bland .gr-03 li:nth-child(1) {order: 2;}
#bland .gr-03 li:nth-child(2) {order: 1;}
#bland .gr-03 li:nth-child(3) {order: 3;}
#bland .gr-03 li:nth-child(4) {order: 4;}

@media screen and (max-width: 1100px){
	#bland ul li:nth-child(1) figure {margin: 0 0 5px;}
	#bland ul li:nth-child(1) .tit {margin: 0;}
	#bland ul li:nth-child(1) .txt {font-size: 1vw;}
}

@media screen and (max-width: 767px){
	.main-mv_tit .jp{font-size: 8vw!important; letter-spacing: 1px;}

	.main-mv_inner {
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
		bottom: 30px;
		top: auto;
    }

	.main-mv_tit {
        margin: 0 0 10px;
    }

	.flexbox {display: block;}
	
	#bland {padding: 20px;}	
	#bland h3 {font-size: 22px; margin-bottom: 0; line-height: 1.8; margin-bottom: 20px;}
	#bland ul {margin: 0 0 60px;}
	#bland ul:not(:last-of-type){ margin-bottom: 60px; border-bottom: none;}
	#bland ul li {flex-basis: 100%; max-width: 620px; width: 100%; margin: 0 auto 10px;}
	#bland ul li:nth-child(1) {padding: 20px 0;}
	#bland ul li:nth-child(1) div {position: static; transform: translateY(0); -webkit-transform: translateY(0);}	
	#bland ul li:nth-child(1) .tit {font-size: 16px; padding-top: 15px;}	
	#bland ul li:nth-child(1) .txt {font-size: 16px; line-height: 1.6; padding-top: 10px;}
	
	#deve01{width: 250px;  margin:0 auto 5px !important;}
	#deve02{width: 170px;  margin:0 auto 5px !important;}
	#deve03{width: 210px;  margin:0 auto 5px !important;}
	
}

/* CodeUpdate */
#pageTop {
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 9999;
    -webkit-transform: translate(0, 200%);
    transform: translate(0, 200%);
    -webkit-transition: .6s;
}

.main-mv {
    position: relative;
}

.page-bg {
    padding: 60px 0;
}

.main-content {
    margin: 0 auto;
    width: 96%;
    max-width: 1300px;
}

.main figure {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

@media screen and (max-width: 767px){
	.page-bg {
        padding: 20px 0;
    }
}