/*============================================================================

	header

============================================================================*/
header {
	position: absolute;
	background: none;
}

header .inner ul.font_futura{
	width: 820px;
}

header .inner ul.font_futura li a span::before{
	font-size: 18px;
    font-family: "Futura-CondensedExtraBold", Futura, sans-serif;
	font-stretch: condensed;

}

main {
	text-align: center;
	counter-reset:num;
}

main .inner {
	width: 80%;
	position: relative;
	margin : 0 auto;
}

/*============================================================================

	$index - #mainvisual

============================================================================*/

.wrap{
	overflow: hidden;
}
#mainvisual{
	overflow: hidden;
	width: 100%;
	color : #fff;
	/*background:url(https://synchrolife.org/SL_images/top.png) no-repeat center top;*/
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20396%20441%22%20style%3D%22enable-background%3Anew%200%200%20396%20441%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bopacity%3A0.2%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M176.1%2C0c35.9%2C0%2C63.6%2C19.6%2C75.8%2C51.8c8.8%2C24.2%2C35.8%2C51.7%2C67.9%2C61.6c1.7%2C0.5%2C2.3%2C2.5%2C1.2%2C3.8%20c-4.4%2C5.5-9.4%2C14.6-12.2%2C21.4c-0.6%2C1.6-2.6%2C2-3.9%2C0.9c-19.8-16.6-36.7-22.5-59.8-24.5c-10.3-0.8-17.1-0.6-26.5%2C1%20c-1.4%2C0.2-2.4%2C1.5-2.1%2C2.9c2.3%2C12.4%2C12.2%2C25.1%2C29.9%2C31.5c21.2%2C8%2C60.5%2C32.7%2C60.5%2C84.7c0%2C43.4-27.4%2C69.2-54%2C82.2%20c-38.1%2C16.5-59.5%2C26.2-84.2%2C48.2c-8.7%2C8.5-13.2%2C17.1-13.2%2C26.6c0%2C10.3%2C10.2%2C27.3%2C28.6%2C27.3c9.7%2C0%2C19.2-4.2%2C25.4-9.7%20c4.3-3.8%2C10.7-4.2%2C15.2-0.7c5.4%2C4.1%2C6%2C12%2C1.4%2C17c-8%2C8.5-20.3%2C14.8-37.3%2C14.8c-48.1%2C0-74-42.8-74.5-73.6c-0.5-35%2C23.8-59.4%2C42.2-75.5%20c26.3-26.6%2C19.7-57.2%2C11-73.6c-4.8-8.3-18.3-15.9-34.2-11.1c-13.3%2C4.5-21.3%2C18.4-20.3%2C29.9c0.1%2C0.7-0.7%2C1.2-1.3%2C0.8%20c-28.8-19.2-46.9-64.7-28-105.5c0.6-1.2%2C2-1.8%2C3.3-1.2c5.5%2C2.7%2C15.5%2C5.3%2C23.5%2C5.3c4.6%2C0%2C12.4%2C0%2C19.7-2.9c1.7-0.7%2C2.1-2.8%2C0.8-4.1%20c-7.4-7-8.8-10.2-13.1-20c-4.6-10.9-4.7-27.7-1.4-37.5c0.1-0.4-0.2-0.7-0.6-0.6c-5.6%2C1.1-13.3%2C4.4-18%2C7.8c-0.4%2C0.2-0.9-0.1-0.8-0.5%20c4.2-22.3%2C21.6-41.5%2C45.9-46.2c0.4-0.1%2C0.6-0.6%2C0.2-0.9c-5.6-3.8-13.4-7.7-22.3-8.9C120.9%2C22.6%2C140%2C0%2C176.1%2C0z%22%2F%3E%3C%2Fsvg%3E');
	background-position: 10px center;
	background-repeat: no-repeat;
	background-position: left 100px;
    background-size: 560px;
	background-color: #f32840;
}

#about .ecosystem_wrapper{
	display: block;
	font-size: 0;
}

#about .ecosystem_wrapper_mobile{
	display: none;
}

#about2 .graph_li_wrapper{
	margin: 0 auto;
	width: 90%;
	margin-bottom: 3%;
}

#about2 .graph_li_wrapper ul{
	display: inline-block;
	min-width: 220px;
}

#about2 .graph_li_wrapper li{
	display: inline-block;
	font-size: 12px;
	text-indent: 15.5%;
	line-height: 6px;
}

#about2 .graph_li_wrapper li:nth-child(1) {
	padding-right: 5%;
	float: left;
	background: url(https://synchrolife.org/images/graph_bullet1.png) no-repeat;
	background-size: 30%;
	display: inline-block;

}

#about2 .graph_li_wrapper li:nth-child(2) {
	float: left;
	background: url(https://synchrolife.org/images/graph_bullet2.png) no-repeat;
	background-size: 30%;
	display: inline-block;

}

#mainvisual .inner{
	position:relative;
	width:1200px;
	margin: 0 auto;
	padding-top: 120px;	
	margin-bottom: 50px;
}
#mainvisual .left_area {
    width: 50%;
    padding: 60px 0 0;
    text-align: left;
	display: inline-block;
    /* text-align: right; */
}

#mainvisual .left_area a{
    color: #fdff2f;
}

#mainvisual .right_area {
	width:49%;
	float:right;
	padding : 55px 0 0;
	text-align:right;
	vertical-align: top;
	display: inline-block;
}

#mainvisual .right_area .key_visual_img {
	width: 80%;
}

#mainvisual h2{
	margin-bottom : 6px;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	font-family: 'mbempire-b';
}
#mainvisual h3 {
	margin-bottom:40px;
	font-size: 19px;
	line-height: 1.4;
	margin-top: 30px;
}
#mainvisual p {
	font-size: 16px;
	line-height:1.4;
}

#mainvisual ul {
#	margin : 10px 0 20px;
/*	padding : 1em 1em 0.5em;
*/#	background : rgba(0,27,40,0.6);
}
#mainvisual .mainvisual_iPhone{
	position:absolute;
	top: 110px;
	right: -80px;
	margin-left: 45px;	
}
#mainvisual .mainvisual_DL {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100%;
}
#mainvisual .mainvisual_DL li{
	width: 38%;
	display: inline-block;	
/*	margin-right: 15px;
	margin-left: 30px;*/
}

#mainvisual .mainvisual_DL li img{
	width: 200px;
}

#mainvisual .mainvisual_DL li img:nth-of-type(2){
	margin-bottom: 1px;
}


#mainvisual li {
	line-height:1.4;
	font-size: 13px;
}
#mainvisual form {
	margin : 20px 0;
}
#mainvisual .mainvisual_mail {
	position:relative;
	color: #FFF;
}
#mainvisual .mainvisual_mail dd {
	position: relative;
	width: 90%;
	height: 50px;
	border: 1px solid #FFF;
}
#mainvisual .mainvisual_mail dd span {
	position: relative;
	top: 11px;
	padding-left: 17px;
}
#mainvisual .mainvisual_mail dd span:last-child {
	position: absolute;
	right: 0;
	display: block;
	height: 48px;
	top: 0;
	font-size: 12px;
	padding: 0 20px;
	line-height:50px;
	border-left: 1px solid #FFF;
	background: #f32840;
}
#mainvisual .mainvisual_mail a {
	color: #fff;
}
#mainvisual .mainvisual_mail dd span:last-child:hover {
	background: #00c5bb;
}
#mainvisual .mainvisual_mail dd span:last-child:hover a {
	opacity: .7;
}
#mainvisual .mainvisual_mail .main_form{
	width: 300px;
	height: 22px;
	background: none;
	border: none;
	font-size: 16px;
	color: #FFF;
}
#mainvisual .mainvisual_mail input::placeholder{
    color: #FFF;
}
.follow_sns a{
	margin-left:15px;
}

#mainvisual .tokenlist_section{
	background: black;
	width: 100%;
}

#mainvisual .tokenlist_section .inner2{
	width: 81%;
	color: white;
	text-align: center;
	margin: 0 auto;
	padding: 40px 0px 40px 0px;
}

#mainvisual .tokenlist_section .inner2 .token_image_holder{
	width:100%;
	max-width: 618px;
	margin: 0 auto;
}

#mainvisual .tokenlist_section .inner2 .token_image_holder img{
	width:80%;
}


#mainvisual .tokenlist_section .inner2 .border{
	display: inline-block;
}

#mainvisual .tokenlist_section .inner2 p.h1{
	font-size: 30px;
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	margin-top: 10px;
}
#mainvisual .tokenlist_section .inner2 p.h2{
	font-size: 18.5px;
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
}



/*----------------------------------------------------------------------
CURRENT FEATURES
----------------------------------------------------------------------*/
main .about {
	width: 100%;
/*	padding-bottom: 190px;
*/	overflow: visible;
	text-align: center;
	position: relative;
}

main .about .ecosystem_wrapper{
	margin: auto;
	width: 100%
	height:100%;
	max-width: 1200px;
}

main .about .about_title {
	background: url("../images/about_title.png") center 150px no-repeat;
	padding-top: 300px;
}

main .about .head {
	width: 100%;
	background: url(../images/top_img01_3.jpg) no-repeat center top;
	background-size: cover;
}

main .about .text{
	text-align: center;
	color: #fff;
	padding-top: 70px;
	padding-bottom: 50px;
	max-width: 1134px;
	margin: 0 auto;
}

main .about .text p:nth-of-type(1){
	font-size: 26px;
}

main .about .text p:nth-of-type(2){
	padding-top: 30px;
	font-size: 22px;
}

/*main .about .text {
	position: absolute;
	left: 573px;
	top: 150px;
	font-size: 32px;
	text-align: left;
	color: #fff;
}
*/

main .about .image {
/*	width: 474px;
	height: 550px;
	background: url(../images/graph.png) no-repeat;
*/	display: inline-block;
	margin-top: 20px;
	text-align: center;
/*	background-size: 100%;
*/}

main .about .image p.graph-bar:before {
	background: url("https://synchrolife.org/images/graph-bar.png") center no-repeat;
	background-size: cover;
}

main .about .left_area p.graph_remarks{
	text-align: left;
	font-size: 12px;
	margin-left: 10%;
}


main .about .image img {
	width: 80%;
}

main .about .text__es {
	font-size:30px;
}


main .about .item {
	vertical-align: top;
	width: 304px;
	height: 208px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #f32840;
	margin: 0.2%;
	cursor: pointer;
}


/*main .about .item:nth-of-type(even) {
}


main .about .item:nth-of-type(1) {
}

main .about .item:nth-of-type(2) {
	margin-top: 60px;
}

main .about .item:nth-of-type(3) {
}

main .about .item:nth-of-type(4) {
	margin-top: 60px;
}

main .about .item:nth-of-type(5) {
}
main .about .item:nth-of-type(6) {
	margin-top: 60px;
}
*/
main .about .item:nth-of-type(7) {}
main .about .item:nth-of-type(8) {	
	margin-top: 60px;
}


main .about .item p {
	font-size: 16px;
	white-space: pre-wrap;
	text-align: left;
	font-family: Hiragino Sans;
	padding-bottom: 30px
}

main .about .item p.title {
/*	height: 100px;
*/	position: relative;
	vertical-align: middle;
	line-height: 68px;
	color: #fff;
	text-align: left;
	padding: 0 50px;

}

main .about .item p.title > span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15.5px;
	line-height: 25px;
	text-align: left;
	margin-top: 120px;
	margin-left: -12px;
	width: 93%;
}

main .about .item p.title > span:before{
    counter-increment:num;
	content: counter(num);
	/*font-size: 45px;*/
	/*line-height: 1.4;*/
	/*text-indent: 11px;*/

	font-size: 70px;
	line-height: 2;
	text-indent: 30px;

    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Futura-CondensedExtraBold", Futura, sans-serif;
	font-stretch: condensed;
	font-weight: bold;
}

main .about .item p.title > span:after{
	top: 130px;
	right: 21px;
	background: url("https://synchrolife.org/images/modal_button_menu.png") center no-repeat;
	background-size: 50px;
	content: "";
	font-size: 60px;
	line-height: 1.4;
	text-indent: 11px;
    width: 55px;
    height: 55px;
    position: absolute;
    transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}

main span.rotate:after{
	top: 130px;
	right: 21px;
	background: url("https://synchrolife.org/images/modal_button_menu.png") center no-repeat;
	background-size: 50px;
	content: "";
	font-size: 60px;
	line-height: 1.4;
	text-indent: 11px;
    width: 55px;
    height: 55px;
    position: absolute;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}




main .about .btn_liner{
	width: 100%;
	height: 60px;
	position: relative;
}


main .about .btn_red_2018 img{
	width: 320px;
	cursor: pointer;
}


.btn_red_2018_wp {
	font-size: 30px;
	letter-spacing: 5px;
	color: #f32840;
	vertical-align: middle;
	background: white;
	text-align: center;
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	display: inline-block;
	padding : 5px 5px;
	border-radius : 8px;
	border: 3px solid;
	width: 140px;
	margin: 15px;
	position: relative;
}

.btn_red_2018 {
	font-size: 30px;
	letter-spacing: 5px;
	color: #f32840;
	vertical-align: middle;
	background: white;
	text-align: center;
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	display: inline-block;
	padding : 5px 0;
	border-radius : 8px;
}

.btn_red_2018 span:after{
	content: "oo"
	height: 8px;
	width:21px;
	background: red;
}

main .about .item:nth-of-type(8) {	
	height:initial;
	color: #f32840;
	background-color: white;
}



main .about .whitepaper_item{
	width: 504px;
	display: inline-block;
	/* padding-top: 120px; */
	background-repeat: no-repeat;
	background-position: center top;
	/* margin-top: 130px; */
	margin-right: 53px;
	/* margin-left: 10px; */
}

.whitepaper_br{
	display: block;

}


main .about .item .whitepaper_item .title span{
	width: 327px;
	height: 54px;
	position: relative;
	border-radius: 10px;
	text-align: center;
	color: white;
	vertical-align: middle;
	font-size: 30px;
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	background: #f32840;
}

main .left_area {
	width: 51%;
	display: inline-block;
	vertical-align: middle;
}
main .head .inner .right_area {
	width:48%;
	display: inline-block;
	text-align:left;
	position: relative;
	vertical-align: middle;
}

main .head .inner .text .about_h1 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;

}
main .head .inner .text .about_h2 {
	font-size: 19px;
	text-align: left;

}

main .head .inner .right_area .wrapper {
	width: 230px;
	height: 130px;
	color: #fff;	
	position: relative;	
	float: left;
}

main .head .inner .right_area .wrapper:nth-child(odd) {
	margin-right: 70px;
}

main .head .inner .right_area .wrapper:nth-child(even) {
}




main .head .inner .right_area .yellow_number_container {
	font-size:17px; 
	color: #fff;	
	text-align:left;
}

main .head .inner .right_area p.yellow_highlight {
	font-size:63px; 
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	color: #fdff2f;	
	text-align:left;
    line-height: 1;	
}

main #map .head{
	background: #85cce8;
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
}

main #map .head .inner{
    max-width: 1134px;
}


main #map .head .inner .text{
	font-size: 20px;
	margin-bottom: 60px;

}

main #map .head .inner .text .map_title{
	padding-top: 50px;
	margin-bottom: 50px;
	color:#fff;
}

main #map .head .inner .text .map_pc{
	display: block;
	font-size: 20px;
}

main #map .head .inner .text .map_sp{
	display: none;
}


main #map .head .inner .left_area{
	padding-top: 110px;
	position: relative;	
	float: left;
    width: 40%;	
}

main #map .head .inner .left_area .wrapper{
	height: 130px;
	color: #fff;	
	position: relative;	
	float: left;
}

main #map .head .inner .left_area .wrapper:nth-child(odd) {
	width: 50%;
}

main #map .head .inner .left_area .yellow_number_container {
	font-size:18px; 
	color: #fff;	
	text-align:left;

}

main #map .head .inner .left_area .yellow_number_container a {
	font-size:17px; 
	color: #fff;	
	text-align:left;
}


main #map .head .inner .left_area p.yellow_highlight {
	font-size:63px; 
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	color: #fdff2f;	
	text-align:left;
    line-height: 1;	
}

main #map .head .inner .right_area{
	padding-top:0;
	float: left;
	width: 60%;
}

main #map .head .inner .right_area .images img{
	width: 100%;
}

main #map .head .inner .right_area .map_li_wrapper{
	margin-left: 200px;
	margin-bottom: 50px;
}

main #map .head .inner .right_area li{
	font-size: 15px;
	color:#fff;
}


main #map .head .inner .right_area li:nth-child(1){
	padding-right:110px;
	float: left;
	line-height: 16px;
	padding-left: 20px;
	background: url(https://synchrolife.org/images/bullet01.png) no-repeat;
}

main #map .head .inner .right_area li:nth-child(2){
	float: left;
	line-height: 16px;
	padding-left: 20px;
	background: url(https://synchrolife.org/images/bullet02.png) no-repeat;
}

main #map .head .inner .right_area .image{
	width: 772px;
	height: 448px;
	background: url(../images/map.png) no-repeat;
	margin-top: 25px;
}

main #partner_news{
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	color: #f32840;
}


#partner_news ul li{
	margin: 0px 2% 50px 2%;
	padding: 0;
	width: 30%;
	display: inline-block;
	vertical-align: middle;
}

#partner_news ul.partner_float li{
	margin: 0px 1% 25px 1%;
	width: 15%;
}


#partner_news ul li img{
	width:72%;
}

#partner_news ul li img.toptwo{
	width:50%;
	min-width: 90px;
}


#partner_news ul li.highlight{
	width:30%;
}


main #partner_news .head{
	width: 100%;
	position: relative;
	background: #fff;
}

main #partner_news .head .inner{
	height: 100%;
	width: 100%;
	font-size: 0;
}

main #partner_news .head .inner .partner_investor_wrapper
{
	width: 100%;
	font-size: 0;
	display: flex;
}

main #partner_news .head .inner .wrapper{
	width: 90%;
	margin: 0 auto;
} 

main #partner_news .head .inner .media_ul_wrapper{
/*	margin-left: 50px;
*/padding-bottom: 25px;} 

main #partner_news .head .inner .left_area{
	background: #fff;
	display: inline-block;
	padding-top: 50px;
	vertical-align: top;
	width: 50%;
}

main #partner_news .head .inner .left_area .partner_title{
	font-size:40px; 
	color: #f32840;
	letter-spacing: 15px;
	text-indent: 15px;
	text-align: center;
	padding-bottom: 50px;
}


main #partner_news .head .inner .right_area{
	background: #fdfde0;
	display: inline-block;
	vertical-align: top;
	width: 50%;

}
main #partner_news .head .inner .n_title{
	font-size:40px; 
	color: #f32840;
	letter-spacing: 15px !important;
	text-indent: 15px !important;
	text-align: center;
	padding-bottom: 50px;
	margin-top: 50px;
}

main #partner_news .head .inner .news_media .n_title{
	font-size:40px; 
	color: #f32840;
	letter-spacing: 12px !important;
	text-indent: 12px !important;
	text-align: center;
	padding-bottom: 50px;
}

main #partner_news .head .inner .right_area .partner_float{
	width: 100%;
	margin: auto;
}

main #partner_news .head .inner .right_area ul.investor_float{
	width: 100%;
	text-align: center;
}

main #partner_news .head .inner .right_area li{
	float: left;
	width: 300px;
	height: 125px;
}

main #partner_news .head .inner .right_area .investor_img{
	width: 29%;
}

main #partner_news .head .inner .right_area li.li_investor{
float: none;
width: 300px;
height: initial;
display: inline-block;
margin-top: 8%;
}

main #partner_news .head .inner .clearfix:after{
	content:"";
	display:table;
	clear:both;
}

main #release .release_title{
	font-size:40px; 
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	color: #f32840;
	letter-spacing: 15px;
	text-indent: 15px;	
	text-align: center;
	padding-bottom: 50px;
	padding-top: 50px;

}

main .blog .andmore img{
	width: 320px;
}

main #partner_news .head .inner .news_media{
	background-color: #fbfc97;
	display: inline-block;
	padding-bottom: 20px;
}


main #team .team_cut{
	background: url(https://synchrolife.org/images/team_bg.png) no-repeat top;
	background-size: cover;
	height: 90px;
	width: 100%;
}
main #team .head{
	background: #fbfc97;
	width: 100%;

}

main .team_title{
	font-size:40px; 
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	color: #f32840;
	letter-spacing: 15px;
	text-indent: 15px;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 50px;
    overflow: hidden;	
}

main #team .head .content ul.profile_icon_wrapper{
	display: inline-block;
	margin-top: 10px;
}


main #team .head .content li.profile_icon{
	width: 30px;
	height: 30px;
	display: inline-block;
}
/*----------------------------------------------------------------------
CURRENT FEATURES
----------------------------------------------------------------------*/
main .current_features {
	background: url("../images/current_features_bg.png") center top repeat-x;
	height: 1300px;
	width: 100%;
}
main .current_features .head-line{
	margin-bottom : 115px;
}

main .current_features_title {
	background: url("../images/current_features_title.png") center 150px no-repeat;
	padding-top: 430px;
}

main .current_features .content {
	background: url("../images/current_features_phones.png") center top no-repeat;
	height: 645px;
	counter-reset: content_number;
	position: relative;
}

main .current_features .content ol:nth-child(1) {
	position: absolute;
	right: 50%;
	margin-right: 275px;
	width: 320px;
	text-align: right;
}

main .current_features .content ol:nth-child(2) {
	position: absolute;
	left: 50%;
	margin-left: 275px;
	width: 320px;
	text-align: left;
}

main .current_features .content li {
	color: #fff;
	font-size: 22px;
	line-height: 36px;
	margin-bottom: 24px;
}

main .current_features .content ol li:before {
	display: block;
	counter-increment: content_number;
	content: counter(content_number)".";
	font-size: 48px;
	line-height: 60px;
}

#modal-content .remodal h4.whitepaper_h4{
	font-size: 30px !important;
	letter-spacing: 5px !important;
	color: #f32840 !important;
	vertical-align: middle !important;
	text-align: center !important;
	font-family: "Futura-CondensedMedium", Futura, sans-serif !important;
}

.whitepaper_item {
	text-align: center;
	margin-bottom: 20px;
}

.whitepaper_item a{
	margin-bottom: 10px;
}

.whitepaper_item span:after{
	content: "〉";
	position: absolute;
	right: 0;	
}

.whitepaper_item :nth-child(4):before{
	content:"";
	display: table-cell;
}

#modal-item p{
	color: #f32840;
}

#modal-close img{
	position: absolute;
	top: -25px;
	right: -25px;
	width: 50px;
}

#modal-team #modal-close img{
	top: -25px;
}

#modal-item p:nth-of-type(1){
	font-size:28px;
	margin-bottom: 30px;
	margin-top: 40px;
}
#modal-item p:nth-of-type(2){
	font-size:18px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 55px;
}


#modal-item .item-modal-content{
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

#modal-team .profile-modal-content{
	margin: 50px auto 0 auto;
	width:80%;
	text-align: center;
}

#modal-team .profile-modal-content img.profile-pic {
	position: relative;
	width: 229px;
	margin-top: 10px;
}
#modal-team .profile-modal-content p:nth-of-type(1) {
	color : #333333 ;
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	font-size:28px;
	font-weight: 100;

}
#modal-team .profile-modal-content p:nth-of-type(2) {
	font-family: "Myriad Pro", sans-serif;
	font-size:17px;
	color : #7b7b7b;
	font-style: normal;
}
#modal-team .profile-modal-content dt p:nth-of-type(3) {
	font-family: "Myriad Pro", sans-serif;
	font-size:12px;
	color : #7b7b7b;
	font-style: normal;
	margin-top: 15px;
	text-align: left;
}
#modal-team .profile-modal-content ul.profile_icon_wrapper{
	display: inline-block;
	margin-top: 10px;
}

#modal-team .profile-modal-content li.profile_icon{
	width: 35px;
	height: 35px;
	display: inline-block;
}



/*----------------------------------------------------------------------
FUTURE FEATURES
----------------------------------------------------------------------*/
main .future_features {
	width: 100%;
	padding-bottom: 220px;
}
main .future_features .head-line{
	margin-bottom : 115px;
}

main .future_features_title {
	background: url("../images/future_features_title.png") center 150px no-repeat;
	padding-top: 430px;
}

main .future_features .content {
	counter-reset: feature_number;
	position: relative;
	max-width: 1200px;
	display: block;
	margin : 0 auto;
}

main .future_features .content li{
	display: inline-block;
	width: 345px;
	height: 242px;
	vertical-align: top;
	margin-left: 50px;
	text-align: left;
	color: #313131;
	font-size: 24px;
	font-weight: bold;
	position: relative;
}

main .future_features .content li:before{
	display: block;
	counter-increment: feature_number;
	content: counter(feature_number)".";
	font-size: 48px;
	line-height: 60px;
	color: red;
	position: relative;
	left: -50px;
	margin-left: -1em;
	padding-left: 1em;
}

main .future_features .content li:after{
	display: block;
	border: solid 1px #dcdcdc;
	width: 320px;
	content: "";
	position: absolute;
	top:48px;    
}


/*----------------------------------------------------------------------
ICO
----------------------------------------------------------------------*/
main .ico {
	background: url("../images/ico_bg.png") center top repeat-x;
	background-size: cover;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-bottom : 40px;
	font-size: 24px;
	line-height: 36px;
}

main .ico .adress_btn{
	width: 600px;
	margin: 0 auto;
	background-color: #f32840;
	margin-top: 56px;
	margin-bottom: 135px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	border-radius: 4px 4px 4px 4px;
}

main .ico .ico_title {
	background: url("../images/ico_title.png") center 150px no-repeat;
	padding-top: 410px;
	display: inline-block;
}


main .ico .head-line{
	margin-bottom : 100px;
}

main .ico .content {
	margin : 0 auto;
	width: 780px;
}

main .ico .text {
	margin-bottom: 80px;
}

main .ico ul {
	clear:both;
	*zoom: 1;
}
main .ico ul:before,
main .ico ul:after {
	content: " ";
	display: table;
}
main .ico ul:after {
	clear:both;
}
main .ico li {
	display: inline-block;
	float:left;
	position: relative;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: left;
	margin: 11px 20px;
}
main .ico li span{
	font-weight: bold;
}

main .ico li .download_btn{
	color: #fff;
	min-height: 100px;
	width: 220px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 18px;
	padding-top: 30px;
	padding-left: 124px;
}


main .ico li .download_btn.en{
	background-image: url("../images/dl_link_en.png");
}

main .ico li .download_btn.kr{
	background-image: url("../images/dl_link_ko.png");
}

main .ico li .download_btn.ch{
	background-image: url("../images/dl_link_ch.png");
}

main .ico li .download_btn.ru{
	background-image: url("../images/dl_link_ru.png");
}

main .ico li .download_btn.spa{
	background-image: url("../images/dl_link_sp.png");
}

main .ico li .download_btn.jp{
	background-image: url("../images/dl_link_jp.png");
}

main .ico .more_btn{
	display: inline-block;
	vertical-align: middle;
	line-height: 54px;
	font-size: 15px;
	color: white;
	width: 155px;
	height: 54px;
	border: solid 1px white;
	margin-top: 58px;
	margin-bottom: 138px;
}

main #roadmap{
	width: 100%;
	background: url(https://synchrolife.org/images/roadmap_bg02.png) no-repeat center;
	background-size: cover;
}

main #roadmap .sp_roadmap{
	display: none;
}

#roadmap .pc_roadmap{
	display: inline-block;
	width: 100%;
}


main #roadmap .head .inner{
	width: 100%;
	margin: 0 auto;	
	position: relative;
}

main .blog article {
min-height: 290px;
}

/*----------------------------------------------------------------------
BLOG
----------------------------------------------------------------------*/
.blog {
	/*background : #f7f7f7;*/
	padding-bottom: 70px;
}
.blog .head-line {
	margin-bottom : 50px;
}

.blog .content {
	margin : 0 auto;
	max-width:1200px;
}
.blog article{
	position:relative;
	margin : 0 10px 50px;
	min-height: 370px;
	width: 300px !important;
	vertical-align: top !important;
}
.blog_static {
	clear:both;
	padding : 90px 0 0;
	background : #fff;
}
.blog_static article{
	float:left;
	width: 32%;
	min-height: 400px;
	margin : 0 2% 0 0;
}
.blog_static article:last-child {
	margin : 0 0 0 0;
}
.blog figure {
	margin : 0 0 1em;
	padding : 56% 0 0;
	background-position:center center;
	background-size:cover;
}
.blog h3 a {
	display:inline-block;
	margin-bottom : 15px;
	text-align:left;
	font-size: 24px;
	line-height: 140%;
	color : #313131;
}
.blog .date {
	position:absolute;
	bottom : 0;
	left: 0;
}
.blog .more {
	position:absolute;
	bottom : 0;
	right:0;
}
.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}

#blog_feed .slider{
  img{
    width: 100%;
  }
}

/*----------------------------------------------------------------------
TEAM & ADVISORS
----------------------------------------------------------------------*/
.team_top {
	background:#001b28;
}
.team_top .content {
	margin : 0 auto;
	max-width: 1130px;
}
.team_top .head-line {
	margin-bottom : 50px;
}
.team_top .head-line::after {
	background : #f32840;	
}
/*.team_top .team_people {
	width:23.5%;
}
*/
.team_top .column_4 .team_people {
	display: inline-block;
	margin-right: 23.5px;
	width: 229px;
	margin-left: 23.5px;
	vertical-align: top;
}
.team_top .flex {
	clear:both;
	display: flex;
	justify-content: center;
}
/*.team_top .team_people {
	margin : 0 2% 50px;
}
*/
/*.team_top .content .team_people:nth-child(4){
	margin:0 0 50px;
}
*/
.team_top .team_people img {
	display: block;
	width: 100%;
	cursor: pointer;
}
.team_top .team_people dt p:nth-of-type(1) {
	color : #333333 ;
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	font-size:28px;
	font-weight: 100;

}
.team_top .team_people dt p:nth-of-type(2) {
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	font-size:17px;
	color : #7b7b7b;
	font-style: normal;
}
.team_top .team_people dt p:nth-of-type(3) {
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	font-size:12px;
	color : #7b7b7b;
	font-style: normal;
	margin-top: 15px;
	text-align: left;
}

/*----------------------------------------------------------------------
PARTNERS
----------------------------------------------------------------------*/
.partners .head-line {
	margin : 0 0 50px;
}
.partners ul {
	text-align:center;
}
.partners li {
	display: inline-block;
}
.partners li:nth-child(2) {
	margin : 0 0 0 117px;
}

/*----------------------------------------------------------------------
COMMUNITY
----------------------------------------------------------------------*/
.community {
	width: 100%;
	padding-bottom: 20px;
	background-color: #f32840;
	color: #fff;
	font-size: 24px;
	line-height: 36px;
}

.community .community_box{
	margin-top: 20px;
	text-align: center;
	font-family: "Futura-CondensedMedium", Futura, sans-serif;
	font-weight: 100;
}

.community .community_box a{
	color: #fff;
	font-size: 19.24px;


}
.community .community_box a:nth-child(2){
/*	margin-right: 60px;
	text-decoration: underline;
*/}

.community_box a:nth-child(7){
	display: none;
}	
.community_box a:nth-child(8){
	display: none;
}	

.community_title {
	background: url("../images/community_title.png") center 150px no-repeat;
	padding-top: 410px;
	width: 780px;
	display: inline-block;
}
.community .head-line{
	margin-bottom : 40px;
}

.community .content {
	counter-reset: feature_number;
	position: relative;
}

.community .community_box .terms {
margin-top: 30px;
}

input.nonfocus:focus {
    outline: none;
}

.community .mainvisual_mail {
	padding-top: 50px;
}

.community .mainvisual_mail dd {
	text-align: center;
	width: 80%;
	min-width: 750px;
	margin: 0 auto;	
}

.community .mainvisual_mail span:nth-of-type(1) {
	font-size: 15px;
	font-weight: lighter;
}

.community .mainvisual_mail span:nth-of-type(2) {
	width: 410px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	line-height: 60px;
	margin: 0;
	padding: 0;
	border: solid 1px #fff;
	background-color: #a2353a;
	border-right: none;
	position: relative;
}
.community .mainvisual_mail span:nth-of-type(2) input {
	width: 100%;
	color: #fff;
	background: none;
	border: none;
	padding: 10px;
	font-size: 20px;
	line-height: 100%;
	position: absolute;
	left: 0;
	top: 2px;	
}
.community .mainvisual_mail span:nth-of-type(2) input::placeholder {
	color: #fff;
}
.community .mainvisual_mail span:nth-of-type(3) {
	width: 150px;
	height: 50px;
	display: inline-block;
	background-color: #f32840;
	color: #fff;
	vertical-align: middle;
	line-height: 50px;
	margin: 0;
	padding: 0;
	border: solid 1px #fff;
	font-size: 15px;
	cursor: pointer;
}
.community .mainvisual_mail span:nth-of-type(3) a {
	color: #fff;
}

.community img {
	filter: brightness(100);
	margin: 0px 10px ;

}

/*メルマガ上部追加分----*/
.community_top {
	padding : 40px 0;
}
.community_top .mainvisual_mail {
	margin : 30px 0 0;
}

/*----------------------------------------------------------------------
token価格について
----------------------------------------------------------------------*/
.token-ex {
	padding-bottom : 150px;
}
.token-ex h3 {
	margin : 0 0 40px;
	font-size: 40px;
	color: #333333;
	line-height: 1.2em;
}
.token-ex h4{
	margin : 0 0 40px;
	text-align: center;
	font-size: 16px;
	color: #888888;
}
.token-ex p {
	color : #333333;
}
.token-ex .token-desc {
	display:table;
	width:100%;
	margin-bottom : 30px;
}
.token-ex .left-area {
	display:table-cell;
	vertical-align:middle;
	width:50%;
	padding-right:2em;
	text-align:left;
	border-right:1px solid #888888;
}
.token-ex .right-area {
	display:table-cell;
	vertical-align:middle;
	width:50%;
	text-align:left;
	padding-left:2em;
}
.token-ex .right-area h5 {
	float:left;
	display:inline;
	width:20em;
	margin-bottom : 2em;
	color : #333;
	font-family: 'mbempire-b';
}
.token-ex .right-area img{
	margin-left:10px;
	float:right;
}
.token-ex .right-area p {
	clear:both;
}
.text-right {
	text-align: right;
}
.token-ex .block-area {
	display:table;
	width:100%;
	margin : 0 0 40px;
	padding : 2em 6em 1em;
	border-radius: 4px;
	border : 1px solid #d2d2d2;
	background : #f5f5f5;
}
.token-ex .block-area h4,
.token-ex .block-area ul {
	display:table-cell;
	vertical-align:top;
	text-align:left;
}
.token-ex .block-area h4 {
	padding-right:4em;
	font-size: 18px;
	color : #333;
	font-family: 'mbempire-b';

}
.token-ex .block-area li {
	margin-bottom : 1em;
	font-size: 15px;
	color : #333;
}
.token-ex .notes {
	color : #9c9c9c;
	font-size:12px;
}

/*----------------------------------------------------------------------
ボタンエリア
----------------------------------------------------------------------*/
.btn-area {
	margin-top : 40px;
}
.btn-area h3{
	margin : 0 0 30px;
	color : #333;
	font-size: 30px;
}
.btn-area a {
	display:block;
	float:left;
	width: 325px;
	height:50px;
	margin-right:5.8%;
	padding : 14px 0;
	border-radius : 4px;
}
.btn-area a:last-child {
	margin-right:0;
}

/*一時的に非表示のため*/
.btn-area h3 + a {
	display:none;
}
.btn-area h3 + a +a{
	float:none;
	display:inline-block;
	margin : 0 auto;
}
/*------------------*/

.btn_black {
	font-size:18px;
	color : #333;
	border : 1px solid #333;
}
.btn_red {
	font-size:18px;
	color : #fff;
	background : #f32840;
	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.16);
}

.app-bnr {
	margin : 80px 0 0;
}
.app-bnr li {
	display:inline;
	margin : 0 5px;
}

#modal-content-innar p.team_discription{
	width: 100%;
	margin: 3% 0 3% 0;
}

.btn_red_2018_wp{
	font-size: 15px;
	width: 140px;
	border: 1px solid;
}

#modal-content h4 {
	font-size: 28px !important;
	letter-spacing: 5px !important;
	padding-bottom: 10px;
}

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

	.sp_navi {
		background: none;
	}
	#sp_menu{
		position: fixed !important;
		top: 0;
		left: 0 !important;
		width: 100% !important;
		background-color: #f32840 !important;
		transition: .3s;
	}

	.remodal{
	width: 80% !important;
	}

	#mainvisual{
		/*background:url(https://synchrolife.org/images/sp_bg_top.png) no-repeat center top;*/
		background-size: 100%;
		background-color: #f32840;	
		height: auto;	
	}


	#mainvisual .mainvisual_DL {
		position: relative;
		/* top: -20px; */
		/* margin-left: 70px; */
		margin: 0 auto;
		display: table;
	}
	#mainvisual .mainvisual_DL li {
		text-align: center;
		width:48%;
		margin-left:0px;
		margin-right:0px;

	}
	#mainvisual .mainvisual_DL .spacer {
		margin-left: 2%;
	}


	#mainvisual .mainvisual_DL img {
		width:100% !important;
	}

	#mainvisual .tokenlist_section .inner2 p.h1{
		font-size: 26px;
	}



	#about .ecosystem_wrapper{
		display: none;
	}

	#about .ecosystem_wrapper_mobile{
		display: block;
	}

	#about .ecosystem_wrapper_mobile p.about_text{
		display: none;
	}



	main .about .item p.title {
		padding: 0 60px 0 50px;
	}


	main .about .item p.title > span:before{
		font-size: 45px;
		line-height: 1.4;
		text-indent: 11px;
	}

	main .about .item p.title > span:after{
		top: 5px;
		right: 10px;
		background-size: 40px;
	}

	main .about .item:nth-of-type(even){
		margin-top:0 !important;
	}
	.about .ecosystem_wrapper_mobile .item p.title > span {
		line-height: 20px;
		font-size: 15px;
		color: white;
		text-indent: 0px;
		margin-top: 0px;
		margin-left: 0px;
	}

	main .about .item:nth-of-type(7) {
	}


	.btn_red_2018 {
		width: 70% !important;
	}
	main .left_area {
	width: 100% !important;
	}
	main .right_area {
	width: 100% !important;
	padding-top: 0px !important;
	}

	#mainvisual{
		background:url(https://synchrolife.org/images/sp_bg_top.png) no-repeat center top;
		background-size: 100%;
		background-color: #f32840;	
		height: auto;	
	}
	main .about .head {
		width: 100%;
		background:url(https://synchrolife.org/images/sp_bg_graph.png) no-repeat center top;
		background-size: cover;
		padding-bottom: 50px;
	}
	main .about .image {
		margin-top: 30px;
	}

	main .about .image img {
	width: 100%;
	max-width: 475px;
	}

	main .head .inner .right_area .wrapper {
	width: initial;
	height: 130px;
	color: #fff;
	position: relative;
	display: inline-block;
	margin-right: 0 !important;
	}
	main .head .inner .right_area .wrapper:nth-child(odd){
	width: 50%;
	}

	main .head .inner .right_area .wrapper:nth-child(even){
	width: initial;
	}
	main .head .inner .right_area .yellow_number_container {
	font-size: 12px;
	color: #fff;
	text-align: left;
	text-indent: 0px;
	}

main #map .head .inner .left_area .yellow_number_container a {
		font-size: 12px;
		line-height: 34px;
}

	main .head .inner .right_area .wrapper {
	height: initial;
	}

	main .head .inner .right_area p.yellow_highlight {
	font-size: 40px;
	text-align: left;
	text-indent: 0px;	
	}
	main .head .inner .text .about_h1 {
	font-size: 19px;
	line-height: 1.2;
	width: 80%;
	margin: 0 auto;
	font-weight: bold;
	margin-bottom: 20px;
	padding-top: 50px;
	text-align: center;
	}
	main .head .inner .text .about_h2 {
	line-height: 1.2;	
	width: 80%;
	margin: 0 auto;	
	text-align: left;	
	font-size: 12px;
	}

	main #map .head{
		padding-bottom: 0px;
	}	
	main #map .head .inner {
	width: auto !important;
	}

	main #about2 .head .inner .right_area{
	width: 82% !important;
	margin: 0 auto;
	float: none;
	padding: 0;
	}

	main #map .head .inner .text .map_title {
	font-size: 12px;
	line-height: 1.2;
	width: 80%;
	margin: 0 auto;
	text-align: left;
	padding-top:50px;
	}

	main #map .head .inner .text .map_pc{
		display: block;
	}

	main #map .head .inner .text .map_sp{
		display: none;
	}


	#map .wrapper {
	width: 50%;
	height: 130px;
	color: #fff;
	position: relative;
	float: left;
	margin-right: 0 !important;
	}

	#map .wrapper:nth-child(even) {
	width: 50%;
	}

	#map .yellow_number_container {
	font-size: 18px;
	color: #fff;
	text-align: center;
	}

	main #map .head .inner .text {
	margin-bottom: 0;
	}


	main #map .head .inner .left_area {
	padding-top: 0px;
	position: relative;
	float: none;
	width: 80% !important;
	margin: 0 auto;
	display: inline-block;
	}

	main #map .head .inner .left_area .wrapper {
	height: initial;	
	}

	main #map .head .inner .left_area .wrapper:nth-child(odd){
		width:50%;
	}

	main #map .head .inner .left_area .yellow_number_container {
	font-size: 12px !important;
	color: #fff;
	text-align: left;
	}

	main #map .head .inner .left_area p.yellow_highlight {
	font-size: 40px;
	text-align: left;	
	}

	main #map .head .inner .right_area .map_li_wrapper{
	text-align: center;
	}

	main #map .head .inner .right_area .images{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}


	main #map .head .inner .right_area .image {
	width: auto;
	}

	main #map .head .inner .right_area .image {
	background: url(../images/map.png) no-repeat;
	background-size: 100%;
	}
	main #map .head .inner .right_area .map_li_wrapper {
	margin-left: 0px;
	margin-bottom: 10px;
	width: 100%;
	margin-top: 30px;
	display: inline-block;
	}


	main #map .head .inner .right_area .map_li_wrapper li {
	text-align: left;
	}

	main #map .head .inner .right_area .map_li_wrapper img{
	display: inline-block;
	}


	#map .right_area li:nth-child(1) {
	 padding-right: 0px; 
	float: left;
	line-height: 16px;
	padding-left: 20px;
	background: url(https://synchrolife.org/images/bullet01.png) no-repeat;
	}

	main #map .head .inner .right_area ul {
	display: inline-block;
	}

	main #map .head .inner .right_area li:nth-child(1) {
	margin-left: 0;
	padding-right: 30px;
	background: url(https://synchrolife.org/images/bullet02.png) no-repeat;
	/* text-align: center; */
	}
	main #map .head .inner .right_area li:nth-child(2) {
	margin-left: 0;
	padding-right: 0;
	background: url(https://synchrolife.org/images/bullet01.png) no-repeat;
	/* text-align: center; */
	}
	main #map .head .inner .right_area li {
	font-size: 12px;
	color: #fff;
	}
	main #map .head {
	background: #85cce8;
	width: 100%;
	overflow: hidden;
	height: unset;
	padding-bottom: 50px;
	}

	#partner_news ul li {
		margin: 0px 4% 50px 4%;
		padding: 0;
		width: 30%;
		display: inline-block;
		vertical-align: middle;
	}

	#partner_news ul li.highlight {
		width: 30%;
		min-width: 125px;
	}

	#partner_news ul li img {
	width: 75%;
	}

	#partner_news .partner_float img {
	width: 100%;
	}


	#partner_news ul.partner_float li{
		margin: 0px 4% 50px 4%;
		width: 30%;
		min-width: 125px;
	}

	main #partner_news .head .inner .right_area .investor_img{
		width: 40%;
		min-width: 60px;
	}


	main #partner_news .head .inner .wrapper{
		width: 80%;
	} 

	main #partner_news .head .inner .partner_investor_wrapper {
	 display: block; 
	}

	main #partner_news .head .inner .media_ul_wrapper{
		margin-left: 0px;
		width: 80%;
		margin: 0 auto;
	padding-bottom: 0;		
	} 


	main #partner_news .head .inner .right_area li {
		margin: 0px 4% 50px 4%;
		padding: 0;
		width: 40%;
		display: inline-block;
	}

	main #partner_news .head .inner .right_area li.li_investor{
		margin-top: 0;
		width: 24%;
	}

	main #partner_news .head .inner .n_title {
	letter-spacing: 15px;
	padding-bottom: 20px;
	}


	main #partner_news .head .inner .news_media {
	height: unset;
		padding-bottom: 0;	
	}

	main #roadmap {
	height: auto;
	width: 100%;
	background: url(../images/sp_roadmap.png) no-repeat center;
	background-size: 100%;
	}

	main #roadmap{
	display: block;
	}
	#roadmap .head{
	display: none;
	}
	#roadmap .sp_roadmap{
	display: inline-block !important;
	float: left;
	width: 100%;
	}

	#roadmap .pc_roadmap{
	display: none !important;
	}


	#roadmap:after{
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0px;
	}

	main #release:before{
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0px;
	}



	main .team_top .content{
	width: 90%;
	}

	main .team_title {
	letter-spacing: 8px;
	text-indent: 8px;
	padding-top: 0px;
	}
	.team_top .column_4 .team_people {
/*	width: 229px;
	margin: 0 auto;
	float: initial;
*/	
	width: 40%;
	margin: 0 5% 20px;
	float: left;
	}


	.team_top .column_4 .team_people, .team_top .flex .team_people{
/*	margin: 0 auto;
	float: initial;
*/	}

	.social_icon{
	width:15px;
	}

	main #team .head .content li.profile_icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	}

	.team_top .team_people dt p:nth-of-type(3) {
	display: none;
	}

	.community .mainvisual_mail span:nth-of-type(1) {
	display: block;
	margin-bottom: 10px;
	}
	.community .mainvisual_mail span:nth-of-type(2) {
	height: 40px;
	width: 73%;
	font-size: 15px;
	position: relative;
	}
	.community .mainvisual_mail span:nth-of-type(3) {
	width: 25%;
	overflow: hidden;
	font-size: 11px;
	line-height: 40px;
	height: 40px;
	}

	.community .mainvisual_mail {
		padding-top: 50px;
	}


	.community_box a.desktop {
		display: none;
	}

	.community .community_box a:nth-child(2){
		margin-right: 0px;
		text-decoration: underline;
	}

	.community .community_box .terms{
		margin-top: 30px;
	}	

	.community_box a:nth-child(7){
		display: inline-block !important;
		margin-top:50px;
	}	
	.community_box a:nth-child(8){
		display: inline-block !important;
		margin-top:50px;
	}	
/*	main #release{
	float: left;
	width: 100%;
	}
*/	



	.community .mainvisual_mail dd{
		min-width: 0px;
	}

	.blog article{
	width: 275px !important;
	}

	main .blog .andmore{
	width: 64%;
	margin: 70px auto 0 auto;
	}
	main .blog .andmore img{
		width: 100%;
	}

	main #team .team_cut {
	height: 50px;
	}	

	#modal-close img {
	position: absolute;
	top: 0px !important;
	right: 0px;
	width: 35px;
	}

	.btn_red_2018_wp{
		font-size: 15px;
		width: 140px;
	}

	#modal-content-innar p.team_discription {
	width: 100%;
	margin: 3% 0 30% 0;
	}

	#modal-content h4 {
		font-size: 30px !important;
		letter-spacing: 0px !important;
			padding-bottom: 0px;
	}

	.community .mainvisual_mail span:nth-of-type(2) input {
		top: -2px;	
	}

}

@media only screen and (min-width: 768px) and (max-width: 1200px){

	#mainvisual .mainvisual_DL li {
	width: 25%;
	}

	#economy img, main .blog .andmore img, #partner_news ul li img {
	width: 50% !important;
	}
	main .head .inner .right_area .yellow_number_container{
		font-size: 18px;
		}
	main #map .head .inner .left_area .yellow_number_container a {
	font-size: 18px;
	}
	#modal-close img {
	width: 50px;
	}	
	main #map .head .inner .right_area .images img{
		max-width: 475px;
	}

}

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

	.about .ecosystem_wrapper_mobile .item p.title > span {
		line-height: 20px;
		font-size: 11px;
		color: white;
		text-indent: 0px;
		margin-top: 0px;
		margin-left: 0px;
	}
	#partner_news ul.partner_float li{
		margin: 0px 4% 50px 4%;
		width: 30%;
		min-width: 100px;
	}
	.yellow_highlight{
		font-size: 38px !important;
	}

}

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

	.whitepaper_modal {
	border: #f32840 0px solid !important; 
	}
	.whitepaper_br{
	display: none;
	}


	.whitepaper_item a {
	margin-bottom: 0px;
	margin-top: 8px;
	}

	.btn_red_2018_wp {
	font-size: 20px;
	width: 75%;
	border: 1px solid;
	letter-spacing: 0px;
	}

	.container{
	text-align: center;
	width: 100%;
	right: 0px !important;
	z-index: 6000;
	}
	.container img{
		width: 48%;
	}	
}