@media all and (min-width: 768px) {
#tit{ width: 980px; height: 122px; background: url(../img/about_tit.png) no-repeat; margin: 0 auto;}

.t_o_menu{ width:570px; height: 63px; background: url(../img/t_o_menu.png) no-repeat; margin: 40px auto 35px;}
.t_o_menu #t_o_menu1 a{ display:block; width:285px; height:63px; float:left; }
.t_o_menu #t_o_menu2 a{ display:block; width:285px; height:63px; float:left; }
.t_o_menu #t_o_menu1 a .hover{ display:block; width:285px; height:63px; background:url(../img/t_o_menu.png) no-repeat 0px -63px;}
.t_o_menu #t_o_menu2 a .hover{ display:block; width:285px; height:63px; background:url(../img/t_o_menu.png) no-repeat -285px -63px;}
.tokyo #t_o_menu1 a{ background:url(../img/t_o_menu.png) no-repeat 0px -63px;}
.osaka #t_o_menu2 a{ background:url(../img/t_o_menu.png) no-repeat -285px -63px;}


#intro_text1{ width:980px; height:127px; background: url(../img/intro_parts.png) -10px -10px no-repeat; margin: 48px auto 0;}
#intro_text2{ margin: 20px 0 30px; line-height: 2;}

.ta_outline{width:100%; margin:0 0 3em 0; clear:both;}
.td_outlineL{width:15%; padding:1.5em 1em; vertical-align:middle; white-space:nowrap; border-bottom:#7f7f7f 1px dotted; color: #b10831;}	
.td_outlineR{padding:1em; vertical-align:middle; border-bottom:#7f7f7f 1px dotted;}
.td_outline2L{width:15%; padding:0.5em 1em; vertical-align:top; white-space:nowrap; border-bottom:#7f7f7f 1px dotted;}	
.td_outline2R{padding:0.5em 1em; vertical-align:top; border-bottom:#7f7f7f 1px dotted;}	

#access_box{ margin-bottom: 20px;}
.tit2{ width: 980px; height: 72px; background: url(../img/intro_parts2.png) no-repeat; margin-bottom: 45px;}
.counter{ margin:0; padding:0; display:none;}
#map{margin:0 0 2em 2em; padding:0; float:right; width: 502px; height: 339px; background: url(../img/intro_parts.png) -400px -150px no-repeat;}
#map_osaka{margin:0 0 2em 2em; padding:0; float:right; width: 500px; height: 431px; background: url(../img/map_osaka.png) no-repeat;}
.fxl{ width: 379px; height: 122px; background: url(../img/intro_parts.png) -10px -150px no-repeat; margin: 0 0 20px;}
.fxl_osaka{ width:379px; height:66px; background: url(../img/fxl_osaka.png) no-repeat; margin: 0 0 20px;}
.bannar{margin:1em 0 0 0; padding:0;}

.con_box_in{ overflow:hidden;}

.osaka_tit{ color:#fff; margin-bottom:15px; font-size:130%; padding:0 0 0 20px; background:#4a0d1d; line-height:2.5; border-top:1px solid #620c22; letter-spacing: 4px;}
#osaka_box{ background: #0b0b0b; padding: 30px 30px; border: 1px solid #7f7f7f; margin:0 0 60px;}
#osaka_box .ta_outline{ margin:0 0 0 0;}

#kokusai_logo{ width:300px; height:54px; background:url(../img/kokusai_logo.png) no-repeat; display:block; margin:0 0 0.5em;}

}

@media all and (max-width: 767px) {
#contents_area{ padding: 20px 20px; color: #fff; line-height: 1.8; font-size: 90%;}

.t_o_menu{ margin-bottom:30px;}
#t_o_menu1,#t_o_menu2{ background: #841a36; color:#FFF; margin: 20px auto 0px;}
#t_o_menu1 a,#t_o_menu2 a{ display: block; text-decoration: none; font-size: 120%; color: #fff; cursor:pointer; padding:8px 15px; background-image:url(../img/smp/icons2.png);
background-position:right top;
background-repeat:no-repeat;}

#intro_text1 { color: #fff7e1; font-size: 130%; z-index: 1000; position: relative; text-shadow: #cb9d15 2px 2px 5px; }
    
.ta_outline{width:100%; margin:20px 0 3em 0; clear:both;}
.td_outlineL{width:15%; padding:1.5em 1em; vertical-align:middle; white-space:nowrap; border-bottom:#7f7f7f 1px dotted; color: #b10831;}	
.td_outlineR{padding:1em; vertical-align:middle; border-bottom:#7f7f7f 1px dotted;}
.td_outline2L{width:15%; padding:0.5em 1em; vertical-align:top; white-space:nowrap; border-bottom:#7f7f7f 1px dotted;}	
.td_outline2R{padding:0.5em 1em; vertical-align:top; border-bottom:#7f7f7f 1px dotted;}	    

.tit2 { text-align: center; margin: 0px 0 20px; overflow: hidden; letter-spacing: .2em; border-top: 1px solid #610b21; padding-top: 0px; background: #4a0d1d; }
.ja2 { font-size: 18px; font-weight: bold; text-align: center; display: block; color: #ffffff; padding: 7px 0 0 26px; margin-left: -26px; background-size: 40px; display: inline-block; }
.en2 { font-size: 12px; text-align: center; display: block; color: #af042f; padding-bottom: 8px; }

#map{ margin:0 auto 2em; padding:0; width: 270px; height: 182px; background: url(../img/smp/map.png) no-repeat;}
#map_osaka{ 
	padding-top: 86.2%;
    overflow: hidden;
    height: 0;
    margin: 0px auto 20px;
    background-size: contain;
    background-repeat: no-repeat;
	background-image: url(../img/map_osaka.png);}
.fxl{ width: 270px; height: 81px; background: url(../img/smp/fxl.png) no-repeat; margin: 0 auto 20px;}
.fxl_osaka{ width: 270px; height: 47px; background: url(../img/smp/fxl_osaka.png) no-repeat; margin: 0 auto 20px;}

#access_box p,
#access_box ul li{ text-align: center;}

.osaka_tit{ color:#fff; margin-bottom:15px; font-size:130%; padding:0 0 0 20px; background:#4a0d1d; line-height:2.5;}
#osaka_box{ background: #0b0b0b; padding: 10px 10px; border: 1px solid #7f7f7f; margin:40px 0 30px;}
#osaka_box .ta_outline{ margin:0 0 0 0;}

#kokusai_logo{ background-image:url(../img/kokusai_logo.png); background-size:contain; background-repeat:no-repeat; display:block; margin:0 0 0.5em; padding-top:18.05%; overflow:hidden; height: 0;}
}

.red{ color: #c60d3c;}