@charset "UTF-8";
@import "common.sp.css";

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
#tokyo_mirai {
	width: 100%;
	margin:auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	color:#333;
}

#tokyo_mirai .pc {
	display:none
}


#tokyo_mirai .t_header {
	padding:5% 5% 0;
}

.sb_t02 {
	display:inline-block;
	font-size:23px;
	padding:10px 30px;
	margin:30px 10px;
	font-weight:600;
	border-bottom:5px dotted #392a22;
}

.sb_t03 {
	color:#50443f;
	font-size:20px;
	line-height:26px;
	height:45px;
	margin:10px 0;
	font-weight:700;
}

.sb_t03 span::before {
	content: "＼";
}

.sb_t03 span::after {
	content: "／";
}


.sb_t04 {
	display:inline-block;
	background:url(../../images/bk03.png) no-repeat,url(../../images/bk04.png) no-repeat;
	background-position:top left,top right;
	color:#50443f;
	line-height:33px;
	padding:0 50px;
	font-size:25px;
	font-weight:700;
}

.sb_t04 span {
	display:block;
	font-size:17px;
}


#tokyo_mirai a.bt01,
#tokyo_mirai a.bt03 {
	display:inline-block;
	background:#e94f04;
	padding:20px 30px;
	color:#fff;
	font-size:22px;
	font-weight:500;
	line-height:1;
	text-decoration:none;
	margin-top:30px;
	border-radius:50px;
	box-shadow: 2px 4px #a5452c;
}

#tokyo_mirai a.bt03 {
	display:inline-block;
	background:#e94f04;
	padding:25px 65px;
	color:#fff;
	font-size:30px;
	font-weight:500;
	line-height:1;
	text-decoration:none;
	margin:30px 30px 20px;
	border-radius:50px;
	box-shadow: 2px 4px #a5452c;
}

#tokyo_mirai a.bt01 span {
	font-size:18px;
}

#tokyo_mirai a.bt03 span  {
	font-size:22px;
}

#tokyo_mirai a.bt01:hover,
#tokyo_mirai a.bt03:hover  {
	background:#da4801;
}

#tokyo_mirai a.bt02 {
	display:inline-block;
	background:#0c9b85;
	padding:20px 60px;
	color:#fff;
	font-size:22px;
	font-weight:500;
	line-height:1;
	text-decoration:none;
	border-radius:50px;
	box-shadow: 2px 4px #046254;
}

#tokyo_mirai a.bt02 span {
	font-size:18px;
}

#tokyo_mirai a.bt02:hover {
	background:#068e79;
}

#tokyo_mirai .bt01 span:before {
	content: '';
	display: inline-block;
	width: 9px;
	height: 12px;
	background-image: url(../../images/allow01.png);
	background-size: contain;
	vertical-align: top;
	margin-top: 8px;
}

#tokyo_mirai bt01_off {
	display:inline-block;
	background:#ccc;
	padding:28px 60px;
	color:#fff;
	font-size:26px;
	line-height:1;
	text-decoration:none;
	margin-top:20px;
	border-radius:10px
}

#tokyo_mirai .title01 {
	background:url(../../images/bk01.png) no-repeat,url(../../images/bk02.png) repeat-y;
	background-position: center,bottom left;
	background-size: 1449px 380px,100%;
	border-top:12px solid #139e95
}

#tokyo_mirai .title01_inner {
	margin:auto;
	padding-top:35px;
	height:379px;
	text-align:left
}

#tokyo_mirai .title01_co01 {
	position: relative;
	background: #fff;
	border-radius:20px;
	height:354px;
	box-shadow: 6px 6px #d6c144;
	text-align:left
}

#tokyo_mirai .catch01 {
	top:20px;
}

#tokyo_mirai .title01_txt01 {
	width:521px;
	display:inline-block;
	text-align:left
}

#tokyo_mirai .title01_txt01 img {
	margin-bottom:25px
}

#tokyo_mirai .lead01 {
	margin:5%;
	font-size:25px;
	font-weight:bold
}

#tokyo_mirai .catch02 {
	font-size:44px;
	line-height:57px;
	font-weight:600;
	margin:87px 30px 20px;
}

#tokyo_mirai .catch03 {
	font-size:24px;
	font-weight:600;
	color:#727171;
	margin-bottom:17px;
}

#tokyo_mirai .sanka01 {
	font-size:42px;
	font-weight:600;
	color:#b70703
}

#tokyo_mirai .il01 {
	position: absolute;
	top:-13px;
	left:624px;
}

#tokyo_mirai .logo02 {
	position: absolute;
	top:15px;
	left:870px;
}

#tokyo_mirai .soudan01 {
	font-size:16px;
	line-height:1;
	margin-top:20px;
}

#tokyo_mirai .soudan01 a {
	position: relative;
	display: inline-block;
	padding-left: 17px;
	color:#000;
}

#tokyo_mirai .soudan01 a:hover {
	color:#666
}

#tokyo_mirai .soudan01 a::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #0c9b85;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

#tokyo_mirai mark {
	background: linear-gradient(transparent 80%, #fdf7a5 80%);
	color:#404041
}

#tokyo_mirai .movie01 {

}

#tokyo_mirai div.youtube {
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	margin:auto;
}

#tokyo_mirai div.inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

#tokyo_mirai div.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#tokyo_mirai .area02,
#tokyo_mirai .area04,
#tokyo_mirai .area06,
#tokyo_mirai .area08 {
	padding:40px 0 40px;
}

#tokyo_mirai .area04 {
	margin:50px 0 30px;
	padding:5%;
	background:#139e95
}

#tokyo_mirai .area02_inner,
#tokyo_mirai .area04_inner,
#tokyo_mirai .area06_inner,
#tokyo_mirai .area08_inner  {
	position: relative;
	margin:auto;
	background: #fff;
	border-radius:20px;
	box-shadow: 3px 3px #d6c144;
	font-size:17px;
	padding:5%;
}

#tokyo_mirai .area03 {
	margin:auto;
	text-align:center;

}

#tokyo_mirai .area02 img,
#tokyo_mirai .area03 img,
#tokyo_mirai .area05 img,
#tokyo_mirai .area07 img  {
	width:90%;
	margin:5%;
}


#tokyo_mirai .area08_inner2  {
	margin:50px auto 10px;
	background: #fff;
	border-radius:20px;
	box-shadow: 3px 3px #d6c144;
	font-size:17px;
	padding-bottom:30px;
}

#tokyo_mirai .sb_ti02 {
	display:inline-block;
	font-size:23px;
	padding:0 30px 10px;
	margin:10px 10px;
	font-weight:600;
	border-bottom:5px solid #139e95
}

#tokyo_mirai .area02 ul,#tokyo_mirai .area04 ul {
	margin:auto;
	padding-left:60px;
	font-size:17px;
	text-align:left;
	font-weight:600
}

#tokyo_mirai .area02 ul li,#tokyo_mirai .area04 ul li {
	display:inline-block;
	text-align:left;
	padding:3px 20px;
}

#tokyo_mirai .area04 ul li {
	display:block;
}

#tokyo_mirai .area02 ul li:nth-child(1),
#tokyo_mirai .area02 ul li:nth-child(3){
	width:400px
}

#tokyo_mirai .area02 ul li::before,#tokyo_mirai .area04 ul li::before {
	content: "●";
	margin-right: 10px;
	color: #0a9b86
}

#tokyo_mirai .area06 ul.flow01 {
	margin:0 80px;
	padding:15px 0 5px;
	font-size:17px;
	text-align:left;
	font-weight:600;
	border-bottom:1px solid #CCC
}

#tokyo_mirai .area06 ul.flow01_inner span {
	font-size:14px;
	font-weight:400
}

#tokyo_mirai .area06 ul.flow01_inner .no_01 {
	display:inline-block;
	font-size:18px;
	font-weight:500;
	width:25px;
	height:25px;
	color:#fff;
	background:#000;
	text-align:center;
	padding-bottom:3px;
	margin-right:10px
}
#tokyo_mirai .area06 li {
	display:inline-block;
	vertical-align:top;
	margin-bottom:8px
}

#tokyo_mirai .area06 ul li.step01 {
	display:inline-block;
	text-align:center;
	width:140px;
	margin-right:15px;
}

#tokyo_mirai .area06 ul li.step01 img {
	display:block;
	margin:auto
}

#tokyo_mirai .area06 ul li.step01 strong {
	font-weight:700;
	color:#089c89
}

#tokyo_mirai .area06 ul li.step01 span {
	display:inline-block;
	font-size:14px;
	font-weight:400
}

#tokyo_mirai .area06 ul li.f_obj01 {
	text-align:left;
	width:360px
}

#tokyo_mirai .area06 ul li.f_obj02 {
	text-align:left;
	width:320px;
	font-size:14px;
	font-weight:500
}

#tokyo_mirai .area02 p {
	display:inline-block;
	background:#fcf7d9;
	margin:20px auto 0;
	padding:15px 60px;
	font-size:16px;
	text-align:center;
	font-weight:400;
	border-radius:20px;
	box-shadow: 0 0 8px #fcf7d9;
}

#tokyo_mirai .area04 p {
	font-size:20px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:25px;
	padding-bottom:30px
}

#tokyo_mirai .area04 img {
	top:110px;
	right:240px;
}

#tokyo_mirai .area04 p span {
	font-size:14px;
	font-weight:400;
}

#tokyo_mirai .area08_inner p {
	text-align:left;
	text-indent:-1.7em;
}

#tokyo_mirai .area08 p.faq_q {
	font-size:18px;
	font-weight:600;
	margin:5px 0 10px 140px;
}

#tokyo_mirai .area08 p.faq_q::before {
	content:"Ｑ.";
	margin-right:15px;
	color:#089c89
}

#tokyo_mirai .area08 p.faq_a {
	font-size:15px;
	font-weight:400;
	margin:5px 0 20px 150px;
}

#tokyo_mirai .area08 p.faq_a::before {
	content:"Ａ.";
	margin-right:5px
}

#tokyo_mirai .area08_inner2 {
	background:#fcf7d9;
	padding:30px 30px 40px;
	box-shadow: 3px 3px 6px -2px #d5bd2a,
	8px 8px 8px rgba(255,255,255,0.3) inset;
	font-size:20px;
	line-height:30px;
	font-weight:600
}

#tokyo_mirai .area08_inner2 img {
	margin-bottom:10px
}

#tokyo_mirai .area08_inner2 ul {
	display:inline-block;
	background:#fff;
	font-size:16px;
	line-height:25px;
	text-align:left;
	padding:20px 30px;
	margin:20px
}

#tokyo_mirai .area08_inner2 li {
	display:inline-block;
	vertical-align:middle;
}

#tokyo_mirai .area08_inner2 li:nth-child(1) {
	border-right:5px solid #0c9b85;
	line-height:30px;
	padding-right:20px
}

#tokyo_mirai .area08_inner2 li:nth-child(2) {
	font-weight:400;
	padding-left:10px
}

#tokyo_mirai .area08_inner2 li:nth-child(1) span{
	font-size:30px
}

#tokyo_mirai .area08_inner2 li span {
	display:inline-block;
}

#tokyo_mirai .area08_inner2 li span.time01 {
	font-size:20px
}

#tokyo_mirai .area08_inner2 .sb_ti04 {
	background-image: url(../../images/lead_obj_04.png);
}

#tokyo_mirai .area09 {
	margin:auto;
	padding:0 50px 50px
}

#tokyo_mirai .area09 .kikan_01 {
	font-size:17px;
	font-weight:500;
	padding:20px
}

#tokyo_mirai .footer01 {
	background:#fefeef;
	padding:20px 30px 70px;
	font-size:18px;
	line-height:30px;
	border-top:10px solid #139e95;
	border-bottom:50px solid #139e95;
	margin-top:100px
}

#tokyo_mirai .footer01 .syusai01 span {
	display:block;
	font-size:20px;
	color:#50443f;
}

#tokyo_mirai .footer01 .syusai01 strong {
	display:block;
	font-size:23px;
	letter-spacing:1.5;
	font-weight:700;
}

#tokyo_mirai .footer01 .toiawase01 {
	background:#139e95;
	display:inline-block;
	font-size:23px;
	padding:10px 30px;
	margin:15px 10px;
	font-weight:600;
	border-radius:50px;
	color:#fff
}

#tokyo_mirai .footer01 .tel01 strong {
	font-size:30px;
	letter-spacing:1.5;
	font-weight:600
}

#tokyo_mirai .footer01 .tel01 span {
	font-size:15px;
}