@charset "UTF-8";

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top; backface-visibility: hidden;}
address, caption, code, em, th
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ box-sizing: border-box;}

.meetingBlock {
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	line-height: 1.6;
	margin: 110px 0 0;
	overflow: hidden;
}
.meetingBlock img{
	backface-visibility: hidden;
}
.meetingBlock a{
	transition: .3s;
}
.meetingBlock a:hover{
	opacity: .8;
	text-decoration: none;
}
.meetingBlock p{
	margin: 0;
}
.meetingBlock .main .ttl{
	position: absolute;
	top: 250px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 1;
}
.meetingBlock.hitohashi .main .ttl{
	top: 110px;
}
.meetingBlock .main .ttl h2{
	margin: 0 0 80px;
}
.meetingBlock .main .ttl h2 span{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 2.2;
    letter-spacing: 1px;
	margin: 20px 0 0;
}
.meetingBlock .main .ttl a{
	position: relative;
    display: block;
    background: #ece1c7;
    padding: 20px 0;
    line-height: 1;
    font-size: 16px;
	width: 300px;
	margin: auto;
	border-radius: 5px;
	color: #bb1a1a;
}
.meetingBlock .main .ttl a:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #bb1a1a;
    border-right: 1px solid #bb1a1a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.meetingBlock .main .main_slide{

}
.meetingBlock .main .main_slide img{
	min-width: 100%;
}
.meetingBlock .main .main_slide .slick-dots{
	text-align: right;
	padding: 0 20px;
	bottom: 60px;

}
.meetingBlock .main .main_slide .slick-dots button{
	display: none;
}
.meetingBlock .main .main_slide .slick-dots li{
	background: rgba(255,255,255,.5);
	width: 40px;
	height: 5px;
}
.meetingBlock .main .main_slide .slick-dots li.slick-active{
	background: rgba(255,255,255,1);
}

.meetingBlock .aboutBlock{
	color: #fff;
	padding: 100px 0;
	position: relative;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4ae8d+0,ece1c7+100 */
	background: rgb(196,174,141); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(196,174,141,1) 0%, rgba(236,225,199,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(196,174,141,1) 0%,rgba(236,225,199,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(196,174,141,1) 0%,rgba(236,225,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4ae8d', endColorstr='#ece1c7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.meetingBlock .aboutBlock.reverse{

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ece1c7+0,c4ae8d+100 */
	background: rgb(236,225,199); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(236,225,199,1) 0%, rgba(196,174,141,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(236,225,199,1) 0%,rgba(196,174,141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(236,225,199,1) 0%,rgba(196,174,141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece1c7', endColorstr='#c4ae8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.meetingBlock .aboutBlock.obento {
	overflow: hidden;
}
.meetingBlock .aboutBlock p{
	font-size: 20px;
	font-weight: 600;
    text-shadow: 0 0 5px #a17d47;
}
.meetingBlock .aboutBlock p span{
	position: relative;
	padding: 0 20px 20px;
	display: inline-block;
}
.meetingBlock .aboutBlock p span:after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
	transform: translateX(30%);
    width: 100%;
    height: 2px;
	background: #fff;
	transition: .8s;
	opacity: 0;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+30,1+70,0+100 */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.meetingBlock .aboutBlock.meet.action p span:after{
	opacity: 1;
    transform: translateX(0);
	-moz-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
}
.meetingBlock .aboutBlock.reward p span:after{
	transform: translateX(-30%);
}
.meetingBlock .aboutBlock.reward.action p span:after{
	opacity: 1;
    transform: translateX(0);
	-moz-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
}

.meetingBlock .aboutBlock.obento img{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -750px;
	left: 0;
	margin: auto;
	width: 620px;
}
.meetingBlock .aboutBlock.meet{
	margin: 330px 0 0;
}
.meetingBlock .aboutBlock.meet p{
	position: relative;
    left: 600px;
    font-size: 30px;
}
.meetingBlock .aboutBlock.meet img{
	position: absolute;
	top: -280px;
	left: -900px;
    right: 0;
	margin: auto;
}
.meetingBlock .aboutBlock.reward{
	margin: 330px 0 0;
}
.meetingBlock .aboutBlock.reward p{
	font-size: 30px;
	margin: 0 0 0 -110px;
}
.meetingBlock .aboutBlock.reward img{
	position: absolute;
	top: -280px;
	left: 0;
    right: -900px;
	margin: auto;
}

.meetingBlock .mapBlock{
	text-align: center;
	position: relative;
	padding: 150px 0 200px;
}
.meetingBlock .mapBlock h3{
    position: relative;
    display: inline-block;
    margin: 0 0 150px;
    padding: 0 120px;
    font-size: 32px;
    color: #bb1a1a;
}
.meetingBlock .mapBlock h3:before{
	content: "";
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	margin: auto;
	height: 1px;
	background: #bb1a1a;
	transition: all 0.3s linear;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb1a1a+0,bb1a1a+100&0+0,1+30,1+70,0+100 */
background: -moz-linear-gradient(-45deg, rgba(187,26,26,0) 0%, rgba(187,26,26,1) 30%, rgba(187,26,26,1) 70%, rgba(187,26,26,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(187,26,26,0) 0%,rgba(187,26,26,1) 30%,rgba(187,26,26,1) 70%,rgba(187,26,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(187,26,26,0) 0%,rgba(187,26,26,1) 30%,rgba(187,26,26,1) 70%,rgba(187,26,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bb1a1a', endColorstr='#00bb1a1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.meetingBlock .mapBlock h3:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: auto;
	height: 1px;
	background: #bb1a1a;
	transition: all 0.3s linear;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb1a1a+0,bb1a1a+100&0+0,1+30,1+70,0+100 */
background: -moz-linear-gradient(-45deg, rgba(187,26,26,0) 0%, rgba(187,26,26,1) 30%, rgba(187,26,26,1) 70%, rgba(187,26,26,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(187,26,26,0) 0%,rgba(187,26,26,1) 30%,rgba(187,26,26,1) 70%,rgba(187,26,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(187,26,26,0) 0%,rgba(187,26,26,1) 30%,rgba(187,26,26,1) 70%,rgba(187,26,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bb1a1a', endColorstr='#00bb1a1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.meetingBlock .mapBlock div{
	position: relative;
}
.meetingBlock .mapBlock dl{
	width: 220px;
	border: 1px solid #89c3eb;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: #fff;
	border-radius: 10px;
}
.meetingBlock .mapBlock dl dt{
	width: 100%;
	background: #89c3eb;
	color: #fff;
	padding: 15px 0;
	font-size: 18px;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
	transition: 1s;
}
.meetingBlock .mapBlock dl dt.open{
	border-radius: 8px 8px 0 0;
}
.meetingBlock .mapBlock dl dt:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	margin: auto;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 20px;
	
}
.meetingBlock .mapBlock dl dt:after{
	content: "";
	position: absolute;
	top: 0;
    bottom: 2px;
    right: 17px;
    margin: auto;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #89c3eb;
    border-right: 1px solid #89c3eb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.meetingBlock .mapBlock dl dt.open:after{
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    bottom: -3px;
}
.meetingBlock .mapBlock dl dd{
	display: none;
}
.meetingBlock .mapBlock dl dd ul li{
	font-size: 15px;
	position: relative;
}
.meetingBlock .mapBlock dl dd ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin: 0 0 20px;
	padding: 0 10px 0 0;
	width: 100%;
}
.meetingBlock .mapBlock dl dd li:nth-of-type(odd){
	margin: 20px 0 0 25px;
}
.meetingBlock .mapBlock dl dd li:nth-of-type(even){
	margin: 20px 20px 0 0;
}
.meetingBlock .mapBlock dl dd li a:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #89c3eb;
    border-right: 1px solid #89c3eb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.meetingBlock .mapBlock dl dd a{
	color: #333;
	position: relative;
	padding: 0 0 0 18px;
}

.meetingBlock .mapBlock dl.hokkaido{
	right: -900px;
}
.meetingBlock .mapBlock dl.chubu{
	top: 250px;
    left: -80px;
	border: 1px solid #f7b977;
}
.meetingBlock .mapBlock dl.chubu dt{
	background: #f7b977;
}
.meetingBlock .mapBlock dl.chubu dt:after{
    border-bottom: 1px solid #f7b977;
    border-right: 1px solid #f7b977;
}
.meetingBlock .mapBlock dl.chubu li a:after{
    border-top: 1px solid #f7b977;
    border-right: 1px solid #f7b977;
}
.meetingBlock .mapBlock dl.chugoku{
	top: 380px;
	left: -510px;
	border: 1px solid #d2b74e;
}
.meetingBlock .mapBlock dl.chugoku dt{
	background: #d2b74e;
}
.meetingBlock .mapBlock dl.chugoku dt:after{
    border-bottom: 1px solid #d2b74e;
    border-right: 1px solid #d2b74e;
}
.meetingBlock .mapBlock dl.chugoku li a:after{
    border-top: 1px solid #d2b74e;
    border-right: 1px solid #d2b74e;
}
.meetingBlock .mapBlock dl.kanto{
    top: 400px;
    right: -670px;
	border: 1px solid #67be8d;
	z-index: 5;
}
.meetingBlock .mapBlock dl.kanto dt{
	background: #67be8d;
}
.meetingBlock .mapBlock dl.kanto dt:after{
    border-bottom: 1px solid #67be8d;
    border-right: 1px solid #67be8d;
}
.meetingBlock .mapBlock dl.kanto li a:after{
    border-top: 1px solid #67be8d;
    border-right: 1px solid #67be8d;
}
.meetingBlock .mapBlock dl.kinki{
	top: 520px;
    right: -280px;
	border: 1px solid #7faba9;
	z-index: 4;
}
.meetingBlock .mapBlock dl.kinki dt{
	background: #7faba9;
}
.meetingBlock .mapBlock dl.kinki dt:after{
    border-bottom: 1px solid #7faba9;
    border-right: 1px solid #7faba9;
}
.meetingBlock .mapBlock dl.kinki li a:after{
    border-top: 1px solid #7faba9;
    border-right: 1px solid #7faba9;
}
.meetingBlock .mapBlock dl.shikoku{
    top: 620px;
    left: -80px;
	border: 1px solid #8980b7;
	z-index: 3;
}
.meetingBlock .mapBlock dl.shikoku dt{
	background: #8980b7;
}
.meetingBlock .mapBlock dl.shikoku dt:after{
    border-bottom: 1px solid #8980b7;
    border-right: 1px solid #8980b7;
}
.meetingBlock .mapBlock dl.shikoku li a:after{
    border-top: 1px solid #8980b7;
    border-right: 1px solid #8980b7;
}
.meetingBlock .mapBlock dl.kinki li a:after{
    border-top: 1px solid #8980b7;
    border-right: 1px solid #8980b7;
}
.meetingBlock .mapBlock dl.kyushu{
    top: 650px;
    left: -650px;
	border: 1px solid #4b7ebf;
}
.meetingBlock .mapBlock dl.kyushu dt{
	background: #4b7ebf;
}
.meetingBlock .mapBlock dl.kyushu dt:after{
    border-bottom: 1px solid #4b7ebf;
    border-right: 1px solid #4b7ebf;
}
.meetingBlock .mapBlock dl.kyushu li a:after{
    border-top: 1px solid #4b7ebf;
    border-right: 1px solid #4b7ebf;
}

.meetingBlock .omotenashi{
	position: relative;
	background: url(../img/bg_omotenashi.jpg) no-repeat center/ cover;
	text-align: center;
	color: #fff;
	height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.meetingBlock .omotenashi h3{
	position: relative;
	margin: auto;
	padding: 50px 100px;
	overflow: hidden;
}
.meetingBlock .omotenashi h3:before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
	transform: translateX(-30%);
    width: 100%;
    height: 2px;
	background: #fff;
	transition: .8s;
	opacity: 0;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+30,1+70,0+100 */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.meetingBlock .omotenashi h3.action:before{
	opacity: 1;
    transform: translateX(0);
	-moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
}
.meetingBlock .omotenashi h3:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateX(30%);
    width: 100%;
    height: 2px;
	background: #fff;
	transition: .8s;
	opacity: 0;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+30,1+70,0+100 */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.meetingBlock .omotenashi h3.action:after{
	opacity: 1;
    transform: translateX(0);
	-moz-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
}

.meetingBlock .flowBlock{
	color: #bb1a1a;

    padding: 100px 0;


	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4ae8d+0,ece1c7+100 */
	background: rgb(196,174,141); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(196,174,141,1) 0%, rgba(236,225,199,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(196,174,141,1) 0%,rgba(236,225,199,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(196,174,141,1) 0%,rgba(236,225,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4ae8d', endColorstr='#ece1c7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.meetingBlock .flowBlock ul{
	display: flex;
	justify-content: center;
	margin: 0;
}
.meetingBlock .flowBlock ul li{
	margin: 0 15px;
}
.meetingBlock .flowBlock ul li span{
	display: block;
	border-left: 1px solid #bb1a1a;
	padding: 0 0 0 20px;
	line-height: 2;
	font-size: 20px;
	margin: 0 0 20px;
	height: 120px;
    display: flex;
    align-items: center;
}
.meetingBlock .flowBlock ul li div{
	display: block;
	background: #fff;
	text-align: center;
		box-shadow: 0 10px 10px 3px rgb(0 0 0 / 10%);
}
.meetingBlock .flowBlock ul li p{
	text-align: center;
	font-size: 16px;
	padding: 25px 0;
	line-height: 2;
	font-weight: normal;
}








@media screen and (min-width: 601px) {

	.sp{
		display: none;
	}

	.meetingBlock .main{
	    height: 940px;
	    overflow: hidden;
	}


	.meetingBlock .inner{
		width: 1000px;
		margin: auto;
	}
	.meetingBlock .mapBlock dl dt:hover{
		opacity: .7;
	}

	.meetingBlock .mapBlock dl{
		position: absolute;
		top: 130px;
		left: 0;
		right: 0;
		margin: auto;
	}




}

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

	.pc{
		display: none;
	}
	img{width: 100%;}



	.inner{margin: 0 16px;}

	.meetingBlock{
		margin: 0;
	}
	.meetingBlock .main{
		height: auto;
	}
	.meetingBlock .main .ttl{
	    position: absolute;
	    top: 1.5%;
	    left: 0;
	    right: 0;
	    margin: auto;
	    width: 80%;
	    text-align: center;
	    z-index: 1;
	}
	.meetingBlock.hitohashi .main .ttl{
		top: 50px;
	}


	.meetingBlock .main .ttl h2{
		margin: 0 0 30px
	}
	.meetingBlock .main .ttl h2 span{
	    font-size: 3.8vw;
	}
	.meetingBlock .main .ttl a{
		width: auto;
	}
	.meetingBlock .main .main_slide{
		margin: 0;
	}
	.meetingBlock .main .main_slide .slick-dots{
		bottom: 30px;
	}

	.meetingBlock .aboutBlock{
		padding: 0;
	}
	.meetingBlock .aboutBlock.obento{
		padding: 8% 0 0;
	}
	.meetingBlock .aboutBlock.obento img{
		position: relative;
		margin: -15% 20% -32% 25%;
		width: 100%;
	}
	.meetingBlock .aboutBlock.obento p{
		font-size: 4.2vw;
		line-height: 2;
	}
	.meetingBlock .aboutBlock.reward,
	.meetingBlock .aboutBlock.meet{
		margin: 40% 0 0;
	}
	.meetingBlock .aboutBlock.meet img{
		position: relative;
		top: 0;
		left: 0;
		margin: -22% 0 0 -16px;
	}
	.meetingBlock .aboutBlock.meet p{
		text-align: right;
		left: 16px;
		font-size: 20px;
		padding: 20px 0 30px;
	}
	.meetingBlock .aboutBlock.reward img{
		position: relative;
		top: 0;
		left: 0;
		margin: -22% 0 0 16px;
	}
	.meetingBlock .aboutBlock.reward p{
		text-align: left;
		font-size: 20px;
		padding: 20px 0 30px;
		margin: 0 0 0 -20px;
	}

	.meetingBlock .mapBlock{
		margin: 60px 16px;
		padding: 0;
	}
	.meetingBlock .mapBlock h3{
		padding: 0 10px;
		margin: 0 0 60px;
		font-size: 26px;
		line-height: 1.8;
		display: block;
	}
	.meetingBlock .mapBlock h3:before{
		top: -20px;
	}
	.meetingBlock .mapBlock h3:after{
		bottom: -20px;
	}
	.meetingBlock .mapBlock dl{
		width: 100%;
		margin-bottom: 20px;
	}
	.meetingBlock .mapBlock dl dd ul li{
		width: 35%;
	}

	.meetingBlock .omotenashi{
		height: auto;
		padding: 100px 16px;
    }
	.meetingBlock .omotenashi h3{
	    padding: 25px 10px;
	}

	.meetingBlock .flowBlock{
		padding: 50px 0 60px;
	}
	.meetingBlock .flowBlock ul{
		display: block;
		margin: 0 16px;
	}
	.meetingBlock .flowBlock ul li{
		margin: 0 0 40px;
	}
	.meetingBlock .flowBlock ul li:last-child{
		margin: 0;
	}
	.meetingBlock .flowBlock ul li{
		-moz-transition-delay: 0;
		-webkit-transition-delay: 0;
		-o-transition-delay: 0;
		-ms-transition-delay: 0;
	}
	.meetingBlock .flowBlock ul li span{
		height: auto;
		font-size: 18px;
	}


}


.fadein {opacity : 0; transition: 1.2s;}
.fade_left {transform : translate(-80px, 0);}
.fade_right {transform : translate(80px, 0);}
.fade_up {transform : translate(0, 80px);}
.fade_scale {transform: scale(0.5,0.5);}
.fadein.action {opacity : 1; transform : translate(0, 0);}

/* 2つ目の要素に400msのdelayをかける */
.fadein.delay2 {
    -moz-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
}
.fadein.delay3 {
    -moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
}
.fadein.delay4 {
    -moz-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
}
.fadein.delay5 {
    -moz-transition-delay: 1200ms;
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
}