@charset "UTF-8";
/* max-width: 768px */

 @media screen and (max-width: 768px) {
	
/*-----------------------------------------------
 layout
-------------------------------------------------- */
body {padding-bottom: 0px;}
.row-content{
	width: 90%;
}
[class*="col-"] {
  float: none;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
}
.hidden-mobile {
    display: none;
  }
#main p {font-size : 16px; line-height:1.6;}
.fl {
	float: none;
}
.fr {
	float: none;
}
.imgleft {
	float: none;
	margin: 0 0 20px 0;
	text-align: center;
}
.imgright {
  float: none;
  margin: 0 0 20px 0;
  	text-align: center;
}
.img80{width:80%; margin:auto}


/*---header--*/


#header {height: 70px;}
#header_inner #h_logo{
	top:16px;
	left:10px;
	position:absolute;
	text-align: left;
}
#header_inner #h_logo img {width:80%}
#header_inner #h_box {display:none}

#parallax {
	width: 100%;
	position: relative;
	z-index: 150;
	background-color: #FFF;
	margin-top: 500px;/*cover+header+margin_top*/

}
#header_inner #h_lead{
	display:none
}


/* toggle-panel */
#panel-btn {
	display: inline-block;
	position: fixed;
	width: 40px;
	height: 40px;
	top:15px;
	right: 10px;
	z-index: 5;
	color:#1fc08e;
	border-radius:50%;
	border: 2px solid #3B5B8D;
	}
	/*background-color: #093;*/	/*border: none;ハンバーガーボタンの囲いをなくす*/

#panel-btn:hover {
	border: 2px solid #21A6B9;
}
#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	transition: .2s;
	background-color: #3B5B8D;
}
#panel-btn:hover #panel-btn-icon {
	background-color: #21A6B9;
}
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background: #3B5B8D; transition: .3s; }
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px; }
#panel-btn:hover #panel-btn-icon:before, #panel-btn:hover #panel-btn-icon:after {background-color: #21A6B9;}

#panel-btn .close { background: transparent; }
#panel-btn:hover #panel-btn-icon.close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

#panel {
	opacity: 1;
	display: none;
	width: 100%;
	height:100%;
	margin: 0;
	text-align: center;
	background-color: #063267;
	z-index: 1;
	position: fixed;
	top: 70px;
}
/* -----------------------------------------------
 global nav
-------------------------------------------------- */
#header_inner ul#globalNav {
	width: 100%;
	top: 0px;
	border: none;
}
#header_inner ul#globalNav li {
	float: none;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #074692;
	border-right-style: none;
	border-left-style: none;
	padding:0px
}
#header_inner ul#globalNav li a  {
	display: block;
	height: 50px;
    text-align: left;
	text-indent: 1em;
	color:#FFF;
	padding-top:15px;
}
#header_inner ul#globalNav li a:hover {
	background-color: #6881A7;
	filter: alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}
#header_inner #panel ul#globalNav li a {
	color:#FFF
}

/* Item*/
ul#globalNav li#gnItem01 a, ul#globalNav li#gnItem02 a, ul#globalNav li#gnItem03 a, ul#globalNav li#gnItem04 a,ul#globalNav li#gnItem05 a, ul#globalNav li#gnItem06 a {
	background-image: none;
}
/* -----------------------------------------------
 index
-------------------------------------------------- */

#fix_icon{
	position: fixed;
	top: 160px;
	right: 0px;
	z-index:200;
}
#fix_icon img{ width:80px}

/*---cover---*/
#cover{
	top: 70px;

}
#inner{
	max-width:800px;
	height: 400px;
 }
#logo{
  top:160px;
  left: 0;
  right: 0;
  margin:0 auto;
  position:absolute;
}
#logo img{width : 70%}

#catch{
  top:120px;
  left: 0;
  right: 0;
  margin:0 auto;
  position:absolute;
}
#catch img{width : 60%}
 
 /*---firstcreate,secondcreate--*/
.item{margin-bottom:30px; min-height:100%}
.madori{margin-bottom:30px; min-height:100%}
 /*#loan_icon .col-3{width:50%; float:left}*/

/*---otokomae(2017.11.20追加)---*/
#otokomae .inner {
	padding: 0;
}
#otokomae .google-map {
     padding-top: 75%;
 }

/*--- conference ---*/
.img-conf img {
	width: 100%;
}
.conference .text01 span,
.conference .text02 span {
    border: none;
    border-radius: 0;
    padding: 0;
}
.conference .text01 strong,
.conference .text02 strong {
		display: block;
}	 
	 
/*---news---*/
dl { text-align:left;}
dt { width : 100%; float : none;}
dd { paddng-left : 0;
    line-height:1.5;
    padding-bottom:5px;
    margin-bottom:5px
} 
/*---tsushin--*/
#tsushin .col-3 {height: 100%;}
#tsushin .col-3 .bg_wh {background-color:#FFF;}


/*---bn padding---*/
#bnp .row-content { width:100%;}
#bnp .row-content { padding:0;}
#bnp .row-content .col-3{width:50%; float:left; padding:5px;  margin:5px 0}
#bnp .row-content .col-4{width:50%; float:left; padding:5px;  margin:5px 0}
#bnp .row-content .col-6.alignR{width:50%; float:left; text-align: center; padding:5px}
#bnp .row-content .col-6.alignL{width:50%; float:left; text-align: center; padding:5px}
	 
/*---youtube---*/
.moviewrap iframe,
.moviewrap02 iframe{
    width: 100%;
    height: 300px;
}

 
/* -----------------------------------------------
 footer
-------------------------------------------------- */

#fbox1 {
	text-align: center;
	width: 100%;
	padding: 20px 15px 60px 15px;
}
#footer #fbox2 p{
	color: #FFF;
	line-height:1.6;
	font-size: 13px;
}
#footer #fbox2 a{
	color: #FFF;
}
#fbox2 .pagetop{
	position: absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	width: 200px;
	height: 200px;
	top: -50px;
}
#fbox2 .pagetop img{height:50px}
}


/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/

ul#inline li{
	float:none;
	width: 100%;
}

.table-wrap{overflow: scroll;}


/* smartPhone */
@media screen and (max-width: 320px) {
/*ここにスマホ用スタイルを記述*/

#bnp .row-content .col-3,
#bnp .row-content .col-4,
#bnp .row-content .col-6.alignR,
#bnp .row-content .col-6.alignL{width:100%; float:none;}
#logo img{width : 80%}
#catch img{width : 80%}
}
	
	#bnp .row-content .bnp02 img{
		width: 80%;
	}

/*** PRINT Module ***/
/* Print Resets */
@media print {
  
  * {
    color: #666 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  
  body {
    width: 100%;
}

  @page  {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  li {
    content: "» ";
  }

}