@charset "utf-8";

/*
Theme Name:   Company
Description:  Company Theme.
Author:       
Author URI:　  
Version:      1.0
Text Domain:  Company 
*/





.main .mr_10 { margin-right: 10px; }
.main .mb_0 { margin-bottom: 0px!important; }
.main .mb_10 { margin-bottom: 10px!important; }
.main .mb_15 { margin-bottom: 15px!important; }
.main .mb_20 { margin-bottom: 20px!important; }
.main .mb_25 { margin-bottom: 25px!important; }
.main .mb_30 { margin-bottom: 30px!important; }
.main .mb_35 { margin-bottom: 35px!important; }
.main .mb_40 { margin-bottom: 40px!important; }
.main .mb_45 { margin-bottom: 45px!important; }
.main .mb_50 { margin-bottom: 50px!important; }
.main .mb_55 { margin-bottom: 55px!important; }
.main .mb_60 { margin-bottom: 60px!important; }
.main .mb_65 { margin-bottom: 65px!important; }
.main .mb_70 { margin-bottom: 70px!important; }
.main .mb_75 { margin-bottom: 75px!important; }
.main .mb_80 { margin-bottom: 80px!important; }
.main .mb_85 { margin-bottom: 85px!important; }
.main .mb_90 { margin-bottom: 90px!important; }
.main .mb_95 { margin-bottom: 95px!important; }
.main .mb_100 { margin-bottom: 100px!important; }

.main .fs_11 { font-size: 11px; }
.main .fs_12 { font-size: 12px; }
.main .fs_16 { font-size: 16px; }
.main .fw_b { font-weight: bold; }

.main .co_green { color: #23af00;margin-bottom:10px; font-size: 1.4em;
    line-height: 1.7em;background: none !important;}
.main .co_glay {color: #787878;}
.main .co_red {color: #ff0000;}

.main .bg_red {background: #ffdfdf;}


.clearfix:after { content: ""; display: table; clear: both; }
.container {width:1140px;}
.main_container { padding: 0 0 20px; }
.main { float: left; display: inline; width: 840px; }
.main .entry {margin-bottom: 20px;}
.sidebar_menu { float: right; display: inline; width: 250px; }

.dis_sp {display: none;}
.main img {line-height: 100%;}

.p_img {
margin:0 0 0 -15px;
}

/* Page top */
.pagetop {cursor:pointer;width:44px;height:44px;right:5px;text-indent:-9999px;z-index:300;
	display: none;
  background:rgba(0,0,0,0.6) url(images/pagetop.png) center center no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;}

@media (max-width: 1140px) {

	.container ,
	.main_container { width: 100%; padding: 0px 10px; }
	.tab_none {display: none;}


	.main,
	.sidebar_menu { float: none; display: block; width: 100%; }
}
@media (max-width: 767px) {

	.container ,
	.main_container { width: 100%!important; padding: 0;}	
	.main img {width: 100%; height: auto; margin: 0 auto; text-align: center;}
	.sp_none {display: none;}
	.dis_sp {display: block;}

}
	
.sidebar_menu .sidebar_menu_tit { background: #323232; padding: 15px; color: #fff; font-weight: bold; position: relative; padding-left: 40px;}
.sidebar_menu .sidebar_menu_tit:before { content: ""; background: url(images/menu_icon.png) no-repeat center; background-size: 100%; width: 13px; height: 100%; display: block;position: absolute; top:0; left: 20px; }
.sidebar_menu ul {padding: 0;}
.sidebar_menu ul li { border: solid 1px #c8c8c8; border-top: none; list-style: none;}
.sidebar_menu ul li a { display: block; width: 100%; padding: 15px; height: 100%; text-decoration: none; line-height: 100%; background: url(images/iconarrow.png) 13px center no-repeat; padding-left: 32px;}
.sidebar_menu ul li a:hover {text-decoration: underline;}

@media (max-width: 1140px) {
	.sidebar_menu {overflow:hidden; background-color:#f7f7f7}
	.sidebar_menu .sidebar_menu_tit {margin-bottom: 20px;}
	.sidebar_menu ul {border-top: solid 1px #c8c8c8; width: 94%; margin: 0 auto 30px; background: #fff;}
	.sidebar_menu ul li a:hover {text-decoration: none;}
}



.main * { font-size: 14px; line-height: 180%; color: #000000; }
.main a {text-decoration: underline;} 
.main a:hover {/*color: #323232;*/ text-decoration: none; }
.main h1 { width: 100%; padding: 13px 0; border-bottom: solid 5px #23af00; font-size: 26px; font-weight: bold; margin : 0 0 20px; line-height: 1.5; }
.main h2 { width: 100%; padding: 15px; font-size: 16px; font-weight: bold; background: #f2f2f2;  margin:10px 0 10px 0; line-height: 1.6;}
.main h3 { font-size: 16px; font-weight: bold; line-height: 140%; padding: 0 15px;  margin : 0 ;}
.main .page_lead { color: #000000; font-size: 13px; padding: 0; margin-bottom: 30px; line-height: 1.8; }

.main h1 .report_num {color: #23af00; font-size: 25px; margin-right: 20px;}

.main .footer_pager {text-align: center; width: 100%; position: relative;}
.main .footer_pager li {list-style: none; margin: 0 ;padding: 0;}
.main .footer_pager li:nth-child(2) ,
.main .footer_pager li:nth-child(3) {position: absolute; top: 0}
.main .footer_pager li:nth-child(2) {left: 0;}
.main .footer_pager li:nth-child(3) {right: 0;}


.main .footer_pager li:nth-child(2) a:before ,
.main .footer_pager li:nth-child(3) a:after { content: "▼"; margin-right: 10px; display:inline-block; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); color: #b4b4b4; position: relative;}

.main .footer_pager li:nth-child(3) a:after { content: "▲"; margin-left: 10px;}


@media (max-width: 767px) {
	.main h1 {padding: 13px 0 13px 15px; border-bottom: solid 3px #23af00; font-size: 1.9rem; line-height: 1.5;}
	.main h2 {padding: 10px;}
	.main h3 {padding: 10px;}
	.main .page_lead {padding: 0 10px; margin-bottom: 15px; line-height: 1.6;}
	.main h1 .report_num { display: block; width: 100%; font-size: 20px;}
	.main .page_link {padding-top: 50px; margin-top: -50px;}
	.main .co_green {font-size:1.2em;line-height:1.2em;}


}

.main p ,
.main ul ,
.main dl { padding: 0 15px; margin-bottom: 10px; }
.main dl dd {margin-bottom: 20px;}
.main ul.list_none {list-style: none;}
.main li {line-height: 140%;}

.main hr { padding: 0; margin: 0 0 25px; }


.main a.link_line_arr:before { display: inline-block; content: "▲"; position: relative; top: 2px; margin-right: 10px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); color: #b4b4b4; position: relative; top: -1px; }



.main table { width: 100%;}
.main table th,
.main table td { padding: 15px 10px; vertical-align: top; }
.main table th { width: 220px; }
.main table td ul ,
.main table td dl {padding: 0;}

.main table.table_line th ,
.main table.table_line td {border-bottom: solid 1px #ebebeb;} 

.main table.table_line_bg {border-top: solid 1px #c8c8c8; border-left: solid 1px #c8c8c8;} 
.main table.table_line_bg th ,
.main table.table_line_bg td  {border-bottom: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8;} 
.main table.table_line_bg th {background: #ebebeb; width: 180px;}

.main table.visa_pass th:nth-child(1) {width: 180px;}
.main table.visa_pass th:nth-child(2) {width: 80px;}
.main table.visa_pass th:nth-child(3) {width: 190px;}
.main table.visa_pass th:nth-child(4) {width: 190px;}
.main table.visa_pass tr td:nth-child(2) {vertical-align: middle;}

.main.trouble table.table_line td table th ,
.main.trouble table.table_line td table td {border: none;}
.main.trouble table.table_line td table th {width: auto;}
.main.trouble table.table_line th {width: 80px;}


.main.trouble table.table_line td .comment_box {background:#f5f5f5; padding: 15px; position: relative;}
.main.trouble table.table_line .comment_box span:before {content: ""; width: 0; height: 0; position: absolute; top: 50%; margin-top: -15px; left: -20px; border-top: solid 15px transparent ; border-bottom: solid 15px transparent; border-right: solid 10px #f5f5f5; border-left: solid 10px transparent;}
.main.trouble table.table_line tr:last-child th {vertical-align: middle;}

@media (max-width: 767px) {
	.main table.table_line ,
	.main table.table_line_bg {margin: 0 auto; width: 94%;}
	.main table th { width: 100px; }
	
	.main table.visa_pass {border: none;}
	.main table.visa_pass thead {display: none;}
	.main table.visa_pass tr ,
	.main table.visa_pass td {display: block; width: auto; border-right: none;}
	.main table.visa_pass tr {margin-bottom: 10px; border: solid 1px #c8c8c8; border-bottom: none;}
	.main table.visa_pass td {padding: 5px 10px 3px;}
	.main table.visa_pass td::before {content: "ビザ要否"; display: block; font-weight: bold;  font-size: 11px; width: 100%; line-height: 120%; float: left; text-align: left; color: #787878}
	.main table.visa_pass td:first-child:before {content: ""; }
	.main table.visa_pass td:nth-child(3):before {content: "滞在可能日数・条件"; }
	.main table.visa_pass td:nth-child(4):before {content: "必要なパスポート残存期間"; }
	.main table.visa_pass td:nth-child(5):before {content: "情報問い合わせ先"; }
	.main table.visa_pass td:first-child {font-weight: bold; text-align: center;}
	
	.main.trouble table.table_line th {width: 100px;}
}


.main .map {margin-bottom: 10px;}
.main .map iframe {width: 100%; height: 500px;}

.main .page_navi {margin-bottom: 30px;}
.main .page_navi ul li {display: inline-block;}
.main .page_navi ul li a {text-decoration: none;}
.main .page_navi ul li a span {margin-right: 20px; color: #323232; text-decoration: underline;}
.main .page_navi ul li a:hover span {text-decoration: none;}
.main .page_navi ul li a:before {content: "▼"; font-size: 10px; color: #b4b4b4; margin-right: 10px; text-decoration: none;}

.main.trouble_list .update_date {position: relative; height: 30px; margin-top:-35px; padding: 0;}
.main.trouble_list .update_date span {position: absolute; top: 0; right: 15px; font-size: 11px;}
.main.trouble_list ul.report_list {list-style: none; padding: 0;}
.main.trouble_list ul.report_list li {border-bottom: solid 1px #ebebeb; padding: 20px; position: relative;}
.main.trouble_list ul.report_list li .report_num {background: #23af00; color: #fff; font-size: 16px; font-weight: bold; width: 50px; height: 50px; position: absolute; top: 20px; left: 20px; text-align: center; padding-top: 10px; line-height: 20px;}
.main.trouble_list ul.report_list li .report_num span {color: #fff; font-size: 11px; display: block; font-weight: normal; line-height: 13px;}
.main.trouble_list ul.report_list li p {padding-left: 70px; }
.main.trouble_list ul.report_list li .report_tit {font-weight: bold;}
/*.main.trouble_list ul.report_list li .report_tit a {text-decoration: none;}*/
.main.trouble_list ul.report_list li .report_tit a:hover {opacity: .65}

@media (max-width: 767px) {
	.main .map {padding: 0 10px;}
	.main .map iframe {width: 100%; height: 300px;}
	.main .page_navi {margin-bottom: 10px;}
	.main.trouble_list .update_date {height: 15px;}
	.main.trouble_list .update_date span {font-size: 8px; top: 10px;}
	.main.trouble_list ul.report_list li .report_tit a:hover {opacity: 1}
}




com_top15 #content_header {background:url(../images/header_bg.jpg) no-repeat center top; background-size:cover; width:100%; height:500px; margin-top:-20px; margin-bottom:45px;}


#content_header ul {background:none; color:#000; padding-top:15px; padding-left:0;}
#content_header ul li {font-size:12px; color:#0f9d58; font-weight:normal; display:inline; margin-right:10px;}
#content_header ul li a {font-size:12px; color:#000; text-decoration:none;}
#content_header ul li a::after { content: ">"; margin-left:10px;}

#com_top_area_01 {text-align:center;}
#com_top_area_03 {text-align:center;}

#com_top_area_01 h2 {color:#0f9d58; font-size:41px; font-weight:bold; margin-bottom:30px;}

#com_top_area_01 p {line-height:200%;}
#com_top_area_01 .top_area_01_box_01 {box-sizing: border-box; text-align: center; text-decoration: none; position: relative; display: inline-block; box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 1px rgba(0,0,0,0.2); border-radius: 4px;  width: 90%;  margin: 10px; padding: 15px; border: 1px dotted #d2e3ec; background: #ccc; clear: both; box-sizing: border-box;}



.com_top_btn {} 
.com_top_btn a {color: #fff;text-decoration: none;background: #23af00; background: linear-gradient(top, #ff8906 0%,#fc5f00 100%);  padding: 15px; width: 80%; border-radius: 10px; color: #FFF; font-weight: bold; box-sizing: border-box; text-align: center; text-decoration: none; position: relative; display: inline-block; border-radius: 10px; font-size: 1.2em; margin-top: 15px; }
.com_top_btn a:after {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    right: 15px;
    width: 10px;
    height: 100%;
    line-height: 32px;
}
.com_top_btn a:hover {
  color:fff;
  opacity:.65;
}

.com_top_btn_or {} 
.com_top_btn_or a {color: #fff;text-decoration: none;background: #ff6600; background: linear-gradient(top, #ff8906 0%,#fc5f00 100%);  padding: 15px; width: 80%; border-radius: 10px; color: #FFF; font-weight: bold; box-sizing: border-box; text-align: center; text-decoration: none; position: relative; display: inline-block; border-radius: 10px; font-size: 1.2em; margin-top: 15px; }
.com_top_btn_or a:after {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    right: 15px;
    width: 10px;
    height: 100%;
    line-height: 32px;
}
.com_top_btn_or a:hover {
  color:fff;
  opacity:.65;
}

@media (max-width: 767px) {
	.com_top_btn a:hover ,
	.com_top_btn_or a:hover {opacity:1;}
}



#com_top_area_02 ul {padding:0; margin-bottom:20px;}
#com_top_area_02 ul li {/*text-align:center;*/ width:280px; float:left; display:inline;}
#com_top_area_02 ul li img {display:block; margin:0 auto;    width: 200px;}

#com_top_area_02 ul li h3 {font-size:20px; font-weight:bold; line-height:140%; margin-bottom:10px;text-align: center;}
#com_top_area_02 ul li p { line-height:180%; margin-bottom:20px;}
#com_top_area_02 ul li .btn {width:230px; height:30px; border:solid 1px #0f9d58; border-radius:5px; background:url(../images/company/arrow_right.png) no-repeat 10px 8px; margin:0 auto; display:block;}

#com_top_area_02 ul li .btn {width:230px; height:30px; border:solid 1px #0f9d58; border-radius:5px; background:url(../images/company/arrow_right.png) no-repeat 10px 8px; margin:0 auto; display:block;}
#com_top_area_02 .com_top_area_02_box_01 {text-decoration: underline; background: #c0c0c0; background: linear-gradient(top, #ff8906 0%,#fc5f00 100%); border: 1px solid #c0c0c0; padding: 3px; color: #000; box-sizing: border-box; text-align: center; text-decoration: none; box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 1px rgba(0,0,0,0.2); border-radius: 4px; font-size: 18px; margin-top: 8px 0px 12px;}



#com_top_area_02 ul li .btn a {color:#0f9d58; font-weight:bold; font-size:15px; text-decoration:none;}

#com_top_area_03_left  {width:740px; float:left; display:inline;}
#com_top_area_03_right {width:340px; float:right; display:inline;}

#com_top_area_03 h3 {font-size:24px; font-weight:bold;}

#com_top_area_03_left ul {border-top:dotted 1px #c6c6c6; padding:0; list-style:none; width:100%;}
#com_top_area_03_left ul li {border-bottom:dotted 1px #c6c6c6; padding:20px 10px; width:100%;}
#com_top_area_03_left ul li span.date ,
#com_top_area_03_left ul li span.note {display:block; float:left;}
#com_top_area_03_left ul li span.date {width:100px; font-weight:bold;}

#com_top_area_03_left ul li span.note {width:520px;}
#com_top_area_03_left .glyphicon-chevron-right:before {content: "\e080"; color:#0f9d58; margin-right:5px;}

#com_top_area_03_right ul { border-left:solid 5px #0f9d58; list-style:none; padding:10px 0 10px 25px;}
#com_top_area_03_right ul li {margin-bottom:15px;}
#com_top_area_03_right ul li a {color:#0f9d58;}



@media (max-width: 767px) {


.container { width:95%; margin:0 auto;}
	
#content_header {height:200px; margin-bottom:20px; margin-top:30px;}

	
#com_top_area_01 {margin-bottom:50px;}
#com_top_area_01 h2 {font-size:20px;}

#com_top_area_01 p {line-height:200%;}

#com_top_area_02 ul {padding:0; margin-bottom:30px;}
#com_top_area_02 ul li {width:100%; float:none; /*text-align:center;*/}

#com_top_area_02 ul li img {display:block; margin:0 auto;    width: 200px;}
#com_top_area_02 ul li h3 {font-size:18px; }
#com_top_area_02 ul li p br {display:none;}
#com_top_area_02 ul li .btn {margin-bottom:40px;}




#com_top_area_03_left ,
#com_top_area_03_right {width:100%; float:none;}

#com_top_area_03 h3 {font-size:20px;}

#com_top_area_03_left ul li span.note {width:100%;}


#com_top_area_03_right ul { border-left:solid 5px #0f9d58; list-style:none; padding:10px 0 10px 25px;}
#com_top_area_03_right ul li {margin-bottom:15px;}
#com_top_area_03_right ul li a {color:#0f9d58;}

#com_top_bana_01 {width:100%; margin-bottom:20px;}
}
.teltxt {
font-size:2em;
color:#23af00;
}
a.teltxt {text-decoration: none;}



@media screen and (min-width: 767px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}