@charset "utf-8";
/* CSS Document */


/* -------------------------------------------------------
フォントサイズ
------------------------------------------------------- */
html { 
　　    font-size: 62.5%; /*ベースを10pxにしています*/
}
body { 
　　    font-size: 10px; font-size: 1.0rem;/*10px*/
}
h1 { 
　　    font-size: 14px; font-size: 1.4rem; /*14px*/
}

h2{
	font-size: 2rem;
}

.ttl-style01{
	font-size: 1.5rem;
}

h3{
	font-size: 1rem;
}

h4{
	font-size: 0.75rem;
}

.bottom-note01{
	font-size: 0.75rem;
}
/* -------------------------------------------------------
共通
------------------------------------------------------- */
body {
	line-height: 1.6;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Calibri", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.container{
	margin:0 auto;
	width:960px;
}
.wrap {
	width: 85%;
	margin: 0 auto;
}

.staff2_inner{
	display: flex;
	margin-bottom: 30px;
}

.staff2_inner2{
	display: flex;
	margin-bottom: 100px;
}

.staff2_box{
	width: 260px;
	margin-right: 20px;
}

.staff2_box2{
	width: 640px;
	/*margin-right: 20px;*/
}

.disc2{
	list-style-type: disc;
    list-style-position: inside;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.mb-10{
	margin-bottom: 10px;
}

.mb-20{
	margin-bottom: 20px;
}

.mb-30{
	margin-bottom: 30px;
}

.mb-40{
	margin-bottom: 40px;
}

.mb-60{
	margin-bottom: 60px;
}

.mb-80{
	margin-bottom: 80px;
}

.mb-100{
	margin-bottom: 100px;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
	width: auto\9;
}
.caption{
	font-size:80%;
}
a{
	text-decoration:none;
}

.text-right{
	text-align: right;
}

.text-indent{
	text-indent: -1em;
    padding-left: 1em;
}

.text-indent01{
	text-indent: -1em;
    padding-left: 4em;
}

.px-num01{
	line-height: 3.0;
}

.asterisk{
    list-style: none;
    padding-left: 1.5em;
    margin-left: 0.5em;
}
.asterisk li{
    text-indent: -1.5em;
}
.asterisk li:before{
    content: "*";
    margin-right: 0.5em;
}



/* -------------------------------------------------------
フロート解除
------------------------------------------------------- */
.clearfix:after {
content: ”;
display: block;
clear: both;
}
.clearfix {
zoom: 1; /* for IE6/7 */
}
	
/* -------------------------------------------------------
マウスオーバー時、半透明
------------------------------------------------------- */
a:link{
	text-decoration:none;
}
a:hover, .nav li a img:hover{
    opacity: 0.6;
}

/* -------------------------------------------------------
ボタン選択時、グレー
------------------------------------------------------- */
.active a {
	color:#aaa !important;
	text-decoration:none;
}

/* -------------------------------------------------------
header
------------------------------------------------------- */
.menu_wrapper{
	background-color:#000000;
	height:30px;
}
.menu_wrapper li{
	float:right;
	color:#ffffff;
	padding:2.5px 15px;
	border-left: solid 1px #ffffff;
	font-size:90%;
}
.menu_wrapper li a{
	color:#ffffff;
}
header .last{
	border:none;
	padding:0;
}
.announce{
	height:30px;
	padding:2.5px 0;
	font-size:90%;
}
#nav_wrapper{
	background-color:#003B81;
}
.nav ul{
	overflow:hidden;
	width:960px;
	margin:0 auto;
	display: flex;
	justify-content: center;
}
.nav li, #footer_wrapper li{
	border-left:solid 1px #ffffff;
}
.r_border{
	border-right:solid 1px #ffffff;
}

/* -------------------------------------------------------
top page
------------------------------------------------------- */
.mv img{
	width:100%;
}
#mv_wrapper{
	background-color:#E6EAE6;
}
#mv_wrapper img{
	width:960px;
	margin:0 auto;
}

.staff{
	float:left;
	width:40%;
	margin-right:2.5%;
	
}
.staff2{
	border-right:dotted 1px #000000;
	float:left;
	width:40%;
	padding-right:2.5%;
	
}

.location{
	/*border-left:dotted 1px #000000;*/
	float:right;
	width:58%;
	/*padding-left:2.5%;*/
}
.ttl_blue,i.fa.fa-phone,i.fa.fa-envelope-o{
	color:#003B81;
}

.ttl_blue {
    text-align: left
	;
}

.phone{
	font-size:120%;
	font-weight:bold;
}
.fl40{
	float:left;
}
.fr60 {
    float: right;
    width: 100%;
    margin-top: 10px;
}
iframe {
    width: 100%;
}
.rogo_top{
	padding:3% 0;
}
.rogo_top img{
	margin:0 auto;
}
.pan{
	font-size:85%;
	margin-top:5px;
}
.grey{
	color:#999;
}
.col65{
	width:75%;
	float:left;
}
.col30{
	width:20%;
	float:left;
}
.col30 img{ 	
	width:100%;
}
.txt{
	margin-top:1em;
}
.ttl_bl{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:3px;
}
.ttl_bl_en{
	font-family: 'Lato', sans-serif;
	    font-weight: 500;
    font-size: 2.5rem;
}
.ttl_bl_en2{
	font-family: 'Lato', sans-serif;
	    font-weight: 500;
    font-size: 190%;
}
.ttl_wrapper{
	position:relative;
	padding-bottom:3px;
}
.ttl_wrapper:after{
	content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
		left: -9999px;
    height: 1px;
    background-color:#003B81;
}
.sign{
	width:29%;
	margin-left: auto;
}
.sign_en{
	width:30%;
	margin-left: auto;
}
.sign_en2{
	width:40%;
	margin-left: auto;
}
.flW{
    clear: both;
    padding-top: 15px;
		overflow:hidden;
}
.left{
	float:left;
	width:48%;
	padding-right:2%;
	border-right:dotted 1px #000000;
}
.right{
	float:right;
	width:50%;
}
table{
	width:100%;
	    border-collapse: collapse;
			border-bottom: solid 1px #CCCCCC;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border-top: solid 1px #CCCCCC;
}
th{
	color:#666666;
	width:10%;
	text-align:left;
}
td{
	width:90%;
}
th, td{
	padding:5px 0;
}
.en th{
	width:20%;
}
.en td{
	width:80%;
}
.ttl_m{
	margin-top:40px;
	font-size:130%;
}

.table-style01 {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
   }
   .table-style01 th {
	padding: 10px;
	background: #e9faf9;
	border: solid 1px #778ca3;
   }
   .table-style01 td {
	padding: 10px;
	width: 0;
	border: solid 1px #778ca3;
	vertical-align: middle;
   } 
   
.bg-main-color{
	background-color: #003B81;
}

.font-white{
	color: #FFFFFF;
}

.text-left{
	text-align: left;
}
	
/* -------------------------------------------------------
footer
------------------------------------------------------- */

.rogo{
	margin:20px auto;
	width:100%;
}
.rogo img{
	margin:0 auto;
}

#footer_wrapper{
	background-color:#D6D6D6;
	
}
footer{
	border-top:solid 1px #000000;
}
#footer_wrapper li{
	float:right;
	padding:0.45% 2%;

	font-size:90%;
}
ul{
	overflow:hidden;
}

/* -------------------------------------------------------
#copy
------------------------------------------------------- */
#copy {
	text-align: center;
	padding: 15px 0;
	font-size:80%;
}


/* -------------------------------------------------------
レスポンシブ
------------------------------------------------------- */
/* PC  */
@media only screen and (min-width: 769px) {
/*ここにtablet用スタイルを記述*/
}

/* tablet  */
@media only screen and (min-width: 481px) and (max-width: 768px) {
/*ここにtablet用スタイルを記述*/
}
 
/* smartPhone */
@media screen and (max-width: 480px) {
/*ここにスマホ用スタイルを記述*/
}