/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {




}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {


	
}



/************************************************************************************
smaller than 670
*************************************************************************************/
@media screen and (max-width: 670px) {



/* disable webkit text size adjust (for iPhone) */

html {-webkit-text-size-adjust: none;}


body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
	font-size:65%;
	line-height:180%;}





/*#wrap{ border:5px solid #F00;}*/

	
	

.btn_mynav{ 
	width: 90%;
	margin: 0 auto;
	margin-top: -30px !important;
	margin-bottom: 20px;}

#p-job .btn_mynav{ 
	margin: 0 auto;
	margin-top:30px !important; 
	margin-bottom:0px;
	width: 100%;}

#p-job .btn_mynav img{ width: 100%; height: auto;}	
	
	


/*基本ボックス
----------------------------------------------------*/
.cons{ width: 100%; margin: 0 auto;}

img{ width:100%; height:auto;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　基本枠の設定

–––––––––––––––––––––––––––––––––––––––––––––––––– */

#wrap {
	max-width:100%;
	min-width:0px;
	margin: 0 auto;
	background:#FFF;}


.cons{ width:90%; margin:0 auto;}

.consf{ 
  width:90%; 
  margin:0 auto;
    display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}



/* ヘッター
----------------------------------------------------*/

header{}

header .cons{
	height:80px;
	position:relative;}

h1{ position:absolute; left:0; top:10px; width:40px;}	
	
	
/* ナビ
----------------------------------------------------*/	
	
nav{ 
  text-align:right;
  margin:0 auto;
  position:relative;
  z-index:10;}





/*メインメニュー　ハンバーガー部分
----------------------------------------------------*/

#toggle {
  display: block;
  background: #bcc5d8;
  color: #fff;
  text-align: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  position:fixed;
  top: 10px;
  right: 10px;
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;}
.trigger,
.trigger span {
  display: inline-block;
  -webkit-transition: all .4s;
          transition: all .4s;}
.trigger {
  position: relative;
  width: 28px;
  height: 19px;}
  
.trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #FFF;
  border-radius: 4px;}
  
  
.trigger span:nth-of-type(1) {top: 0;}
.trigger span:nth-of-type(2) {top: 8px;}
.trigger span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-transition: all .4s;
          transition: all .4s;}
		  
.trigger span:nth-of-type(3) {bottom: 0;}

.trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) scale(0);
          transform: translateY(8px) scale(0);}
		  
.trigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);}
		  
.trigger.active span:nth-of-type(2)::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);}
		  
.trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) scale(0);
          transform: translateY(-8px) scale(0);}




/*メインメニュー
----------------------------------------------------*/

/* スマホでメニューを開いた際に背景色が画面全体にかかるようにと
フルスクリーンで固定したいので、position: fixed; top: 0; left: 0; を指定 */



/*PCの設定を解除　ここから----------------------*/
.mainNav{ 
  position:static;}

.mainNav li{ 
  font-size:16px !important;
  letter-spacing:3px;
  display:block;
  float:none;
  margin-right:0;
  margin:0;
  margin-bottom:0  !important;}

.mainNav li a{
	display: block;
	height: auto;
	line-height:100%;
	color:#4f301c !important;
	padding:15px;
}
		
	

#mnav-reserve{}

#mnav-reserve a{
  display:block;
  width:100%;
  height: auto;
  background:none;
  }


#mnav-reserve a{ 
 text-indent:0;
 white-space: normal;
 overflow: visible;}
 
 
 
#mnav-home{ display: block;}
 
/*PCの設定を解除　ここまで----------------------*/


.toggleWrap {
  background: rgba(234, 234, 234, 0.95);
  padding: 50px 15px 10px 15px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:999;}
  
  
.mainNav li { 
  list-style-type:none;
  font-weight:bold;
  text-align:center;
  margin-bottom:10px;
/*  background:#999;*/}





.navItem {
  display: block;
  text-decoration: none;
  text-align: center;}




/* メニューを閉じる時のスタイル
display:none; を使用せず、opacityを使うとfadeっぽくなる */

.hide {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;}




/* アニメーションはメニューの開閉時のみでいいので
.toggleWrapに書かず、別にclassを用意 */
.animation {
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;}



/* メニューオープン時のみ、メニューの後ろのコンテンツをスクロールさせない
iOS safariには別途対応が必要（jQueryに記述）*/
.no-scroll { overflow: hidden;}




	
/* ビジュアル
----------------------------------------------------*/

#vis{
	height:200px;
	background:url(../img/vis.jpg) no-repeat center top;
	margin-bottom:100px;}

#vis .cons{ position:relative; height:100%; padding-top:1px; width:100%;}

#vis #mail{ position:absolute; right:0; top:0;}



#vis #mail a{
	display:block;
	width:50px;
	height:50px;
	background:#626262;
	text-align:center;
	line-height:60px;
	color:#FFF;}


#vis .en{
	color:#daeaf1;
	display:inline-block;
	position:absolute;
	right:70px;
	top:15px;
	font-size:18px;}
	
#vis .en span{ font-size:8px; font-weight:normal;}

#vis ion-icon{ font-size:30px;}


#vis h2{ 
 font-size:20px;
 border:2px solid #0068b7;
 height:50px;
 line-height:50px;
 letter-spacing:5px;
 width:130px;
 margin-top:180px;
}
 
 
 


#content{}







/*おさえ１　サービス
----------------------------------------------------*/
#osae1{
	background:url(../service/img/vis.jpg) no-repeat 0px -20px;
	background-size:700px;
	height: auto;
	margin-bottom:50px;
	margin-top:50px;
	padding-top:50px;}
	
#osae1 .cons{ position:relative;}

#osae1 .en{ position: static; font-size:30px;  letter-spacing:3px; text-align:center;}

#osae1 #rbox{ width:100%; margin:65px 0 0  auto;}

#osae1 .lead{ font-size:12px; letter-spacing:0px; line-height:150%; margin-bottom:20px;}

#osae1 ul li{
	margin-bottom:10px;
	letter-spacing:3px;}

#osae1 ul li a{ 
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  padding-left:20px;
  background:url(../img/icon-arrow.png) no-repeat 95% 50% #90e1f7;
  font-size:12px;
  color:#FFF;}
  
  
#osae1 ul li a:hover{  
  background:url(../img/icon-arrow.png) no-repeat 98% 50% #43d2f9;
   padding-left:70px;}

#osae1 ul li a span{ font-size:12px;}





/*おさえ２　バナー
----------------------------------------------------*/

#osae2 ul{
display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}


#osae2 ul li{
	width:48%;
	
	text-align:center;
	font-size:12px;
	letter-spacing:3px;
	margin-bottom:10px;}
	
#osae2 ul li:last-child { display: block;}  
	
#osae2 ul li a{ display:block; padding:30px 0 20px 0 ; background:#eeeeee;}

#osae2 ul li a:hover{ background:#90e1f7;}


	
#osae2 ul li .en{ 
  font-size:12px;
  font-weight:bold;
  letter-spacing:px;
  color:#535353;}
 
#osae2 ul li .jp{
	color:#434343;
	margin:5px 0 10px 0;}

#osae2 ion-icon{ 
  font-size:40px;
  color:#a0a0a0;}
  
  
  

/*フッタ関連
----------------------------------------------------*/

footer{
	background:url(../img/footer-bk.jpg) no-repeat left bottom;
	background-size:100%;
	text-align:center;
	height:350px;
	padding-top:50px;}

footer .cons{ 
  position:relative; height:100%;}

#logo-ft{ 
  position:static;
  width:150px;
  margin:0 auto;
  margin-bottom:20px;
  }

#tel{ font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:23px; letter-spacing:2px;}
#tel span{ font-size:18px; letter-spacing:0;}

#tel span.fax{ margin-left:0;}
#tel br{ display: block;}


address{ 
 font-style:normal;
 display:inline-block;
 position:static;
 right:0;
 bottom:45px;
	text-align: center;}
 
address #address{ 
 font-size:12px; 
 margin-bottom:10px; 
 letter-spacing:0px;}

#copyright{
	text-align:center;
	letter-spacing:0px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: normal; 
	font-size:10px;
	color:#999999;
	padding:30px 0 30px 0;}





/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　中ページ共通

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.fbox{ width:100%px; text-align:center; color:#00479d;}

.rbox{ 
  width:100%;
  font-size:1.27em;
  line-height:180%;
  letter-spacing:0px;}


.fbox h3{ font-size:22px; letter-spacing:3px; margin-bottom:20px;}


.kiji-list{}

.kiji-list li{
	padding:80px 0;}
	
.kiji-list li:nth-child(odd){ background: #f2fdfe; }


/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　会社概要

–––––––––––––––––––––––––––––––––––––––––––––––––– */

#p-outline #vis{ background:url(../outline/img/vis.jpg) no-repeat right top; background-size: cover;}
	

#p-outline .mainNav li:nth-child(6) a:after { bottom: 0; opacity: 1;}

#p-outline #sec1{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:100px;}

#p-outline #sec1 #face{ width:60%; margin:0 auto; margin-top:0; margin-bottom:20px;}
#p-outline #sec1 #name{ text-align:left; margin-top:20px; font-size: 18px !important;}
	

#p-outline #sec2 table{
	font-size:12px;}


#p-outline #sec2 table th{ 
  width:100px;
  padding:10px 0;
  text-align:left;
  letter-spacing:0;}

#p-outline #sec2 table td{ 
  padding:10px 0;
  letter-spacing:0;}

#p-outline #sec2 table tr{
   border:none;
   border-bottom:1px solid #898989;}

#p-outline #sec2 #gaikan{ margin-top:20px;}


#p-outline #sec3{
	border-bottom:1px solid #d2d2d2;
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:100px;
	margin-top:100px;
	letter-spacing:0px !important;
	font-size:10px;}


#p-outline #sec3 iframe{
	width:100%;
	height:300px;}



#p-outline #sec4 h3{
	text-align:center;
	font-size:20px;
	color:#434343;
	margin-bottom:20px;
	font-weight:normal;}

#p-outline #sec4 #network{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}






/*#p-outline #sec4 #network .colum{
	width:100%;
	background:#c3effb;
	position:relative;
	padding:10%;
	padding-bottom:10%;
	margin-bottom:15px;}

#p-outline #sec4 #network .colum h4{
	text-align:left;
	font-size:18px;
	color:#00479d;
	margin-bottom:10px;
	letter-spacing:3px;}


#p-outline #sec4 #network .colum .link{
	width:100%;
	height:50px;
	position: static;
	bottom:0;
	left:0;
	line-height:50px;
	margin:0 auto;}


#p-outline #sec4 #network .colum .link a{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/icon-arrow.png) no-repeat 95% 50% #313131;
	background-size:10px;
	color:#FFF;
	font-size:12px;
	padding-left:20px;
	letter-spacing:2px;}

#p-outline #sec4 #network .colum .link a:hover{
	background:url(../img/icon-arrow.png) no-repeat 98% 50% #000;
	background-size:10px;
	padding-left:30px;}


#p-outline #sec4 #network .colum ul{
	font-size:12px;
	  width:100%;
  margin:0 auto;
  margin-bottom:10px;}

#p-outline #sec4 #network .colum ul li{ margin-bottom:7px; line-height:130%;}
#p-outline #sec4 #network .colum ul li span{ font-size:12px;}
*/



#p-outline #sec4 #network{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}


#p-outline #sec4 #network .colum{
	width:100%;
	background:#eaf9fd;
	position:relative;
	padding:10% 5%;
	margin-bottom:30px;}

#p-outline #sec4 #network .colum h4{
	text-align:center;
	font-size:30px;
	color:#00479d;
	margin-bottom:20px;
	letter-spacing:3px;}


#p-outline #sec4 #network .colum .link{
	width:100%;
	height:50px;
	line-height:50px;
	background:#0047bb;
	color:#FFF;
	font-size:16px;
	text-align:center}
	
	
#p-outline #sec4 .bt-gaiyo{ 
  margin-top:20px;}
  

#p-outline #sec4 .bt-gaiyo a{
	text-align:center;
	border:2px solid #666;
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	color:#000;
	letter-spacing:3px;
	font-size:15px;}



#p-outline #sec4 #network .colum ul{
	font-size:15px;
	line-height:100%;
	margin-top:20px;
	font-weight:bold;
	min-height:0;}

#p-outline #sec4 #network .colum ul li{ margin-bottom:7px;}
#p-outline #sec4 #network .colum ul li span{ font-size:12px;}
#p-outline #sec4 #network .colum ul li.dum{ display:none;}

#p-outline #sec4 #network .colum table{
	font-size:12px;
	border-collapse:collapse;
	border-top:1px solid #CCC;
	margin-top:20px;}
	

#p-outline #sec4 #network .colum table th{
	width:100px;
	text-align:left;
	padding:10px 0;
	font-weight:normal;
	vertical-align:top;}

#p-outline #sec4 #network .colum table td{ padding:10px 0;}

#p-outline #sec4 #network .colum table tr{
	border-bottom:1px solid #CCC;}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　サービス

–––––––––––––––––––––––––––––––––––––––––––––––––– */

#p-service .mainNav li:nth-child(4) a:after { bottom: 0; opacity: 1;}

#p-service #vis{ background:url(../service/img/vis.jpg) no-repeat left top; background-size: cover;}



#p-service .fbox h3{
	line-height:55px;
	height:55px;
	width:200px;
	margin:0 auto;
	font-size:22px !important;
	margin-bottom:20px;}


#p-service #sec0{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:75px;
	margin-bottom:75px;
	font-size:15px;
	text-align:left;
	line-height:180%;
	letter-spacing:2px;
	}

#p-service #sec0 br{ display:none;}

#p-service #sec1{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:75px;
	margin-bottom:75px;}


#p-service #sec2{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:75px;
	margin-bottom:75px;}


#p-service #sec2 ul{ 
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-top:40px;}


#p-service #sec2 ul li{
	width:100%;
	font-size:12px;
	line-height:150%;
	margin-bottom:20px;}

#p-service #sec2 ul li h4{ font-size:15px; margin-bottom:5px;}

#p-service #sec3{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:75px;
	margin-bottom:75px;
	}



#p-service #sec3 .fbox h3{
	line-height:100%;
	padding-top:20px;
	height:85px;}

#p-service #sec3 .fbox h3 span{ font-size:16px; font-weight:normal;}




/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　お知らせ

–––––––––––––––––––––––––––––––––––––––––––––––––– */

#p-info .mainNav li:nth-child(2) a:after { bottom: 0; opacity: 1;}

#p-info #vis{ background:url(../_info/img/vis.jpg) no-repeat right top; background-size: cover;}



#p-info #sec0{
	margin-bottom:75px;
	font-size:15px;
	text-align:left;
	line-height:180%;
	letter-spacing:2px;}
	


#p-info .fbox{ margin-bottom:30px;}
#p-info .fbox dl{
	font-family: 'Open Sans', sans-serif; font-weight:700;
	display:inline-block;}
#p-info .fbox dt{
	font-size:60px;
	line-height:100%;
	padding-bottom:10px;
	}
	
#p-info .fbox dd{
	font-size:24px;
	background:#0047bb;
	color:#FFF;
	height:43px;
	line-height:43px;}

#p-info .rbox h3{ 
  font-size:22px;
  color:#00479d;
  margin-bottom:10px;
  line-height:130%;}




/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　セミナー案内

–––––––––––––––––––––––––––––––––––––––––––––––––– */

#p-seminar .mainNav li:nth-child(5) a:after { bottom: 0; opacity: 1;}

#p-seminar #vis{ background:url(../seminar/img/vis.jpg) no-repeat left top; background-size: cover;}


#p-seminar .fbox{
	text-align:left;
	width:430px;}

#p-seminar .fbox h3{
	font-size:22px;
	line-height:130%;}

#p-seminar .fbox .en-titile{
	font-family: 'Open Sans', sans-serif; font-weight:700;
	font-size:18px;
	color:#FFF;
	background:#0047bb;
	line-height:36px;
	height:36px;
	display:inline-block;
	padding:0 20px;
	margin-bottom:20px;}




#p-seminar #vis h2{ width:150px; letter-spacing:0;}
 






/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　プライバシー

–––––––––––––––––––––––––––––––––––––––––––––––––– */


#p-privacy #vis{ background:url(../privacy/img/vis.jpg) no-repeat center top; background-size: cover;}

#p-privacy .fbox{ text-align:left;}

#p-privacy .fbox h3{ letter-spacing:0;}

#p-privacy #vis h2{ width:180px; letter-spacing:0;}



/*#p-privacy #sec0{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:130px;
	margin-bottom:75px;
	color:#1947ba;
	font-size:20px;
	text-align:center;
	line-height:200%;}*/


#p-privacy #sec0{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:75px;
	margin-bottom:75px;
	font-size:15px;
	text-align:left;
	line-height:180%;
	letter-spacing:2px;
	}

#p-privacy #sec0 br{ display:none;}

#p-privacy #sec1,
#p-privacy #sec2,
#p-privacy #sec3,
#p-privacy #sec4{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:75px;
	margin-bottom:75px;}
	

#p-privacy #sec1 ol{ padding-left:1em;}
#p-privacy #sec1 ol li{ list-style: decimal; margin-bottom:20px;}





/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　採用情報

–––––––––––––––––––––––––––––––––––––––––––––––––– */



#p-job #vis{ background:url(../_job/img/vis.jpg) no-repeat center top; background-size: cover;}


#p-job .mainNav li:nth-child(7) a:after { bottom: 0; opacity: 1;}

#p-job .fbox h3{ font-size:22px;}

#p-job .fbox .yoko{ font-size:14px; margin-bottom:5px; letter-spacing:3px;}

#p-job .rbox table{
	border-collapse:collapse;
	border-top:1px dashed #333;}


#p-job .rbox table th{
	width:100px;
	text-align:left;
	vertical-align:text-top;
	padding:15px 0;}

#p-job .rbox table td{
	padding:15px 0;}	
	
#p-job .rbox table tr{
	border-bottom:1px dashed #333;}



#p-job .to-entry{
	margin-top:20px;}

#p-job .to-entry a{
	background:#333;
	display:block;
	color:#FFF;
	height:70px;
	line-height:70px;
	text-align:center;
	font-size:17px;}




/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　あおぞら便り

–––––––––––––––––––––––––––––––––––––––––––––––––– */

#p-mag #vis{ background:url(../_mag/img/vis.jpg) no-repeat right top; background-size: cover;}



#p-mag .mainNav li:nth-child(3) a:after { bottom: 0; opacity: 1;}

#p-mag #sec0{
	margin-bottom:75px;
	color:#1947ba;
	font-size:15px;
	text-align:left;
	line-height:180%;
	letter-spacing:2px;}
	
#p-mag #vis h2{ width:150px; letter-spacing:0;}

#p-mag #mag-list{ 
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}



#p-mag #mag-list li{
	width:100%;
	margin-bottom:30px;
	
	}

#p-mag #mag-list li a{
	display:block;
	width:100%;
	height:100%;
	padding:31px;
	border:4px solid #0047bb;}


#p-mag #mag-list li .month{
	text-align:center;
	font-size:18px;
	letter-spacing:3px;
	margin-bottom:10px;
	color:#0047bb;}
	
#p-mag #mag-list li .month span{
	font-size:48px;
	font-family: 'Open Sans', sans-serif; font-weight:700;}

#p-mag #mag-list li h3{
	font-size:18px;
	letter-spacing:0px;
	border-top:1px solid #0047bb;
	border-bottom:1px solid #0047bb;
	padding:10px 0;
	line-height:150%;
	margin-bottom:10px;
	color: #000;}


#p-mag #mag-list li .honbun{
	font-size:12px;
	margin-bottom:15px;
	color: #666;
}



#p-mag #sec2{
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	padding-bottom:20px;
	padding-top:20px;
	width:90%;
	margin:0 auto;
	overflow:hidden;}


#p-mag #sec2 .cons{ width:100%;}

#p-mag #sec2 h3{
	font-size:18px;
	letter-spacing:3px;
	color:#1947ba;
	margin-bottom:15px;}

#p-mag #sec2 #arc-list{
	width:100%;
	margin:0 0 0 0;}

#p-mag #sec2 #arc-list li{
	font-size:14px;
	list-style:disc;
	color:#0047bb;
	float:left;
	margin-right:40px;}

#p-mag #sec2 #arc-list li a{ color:#999;}
#p-mag #sec2 #arc-list li a:hover{ color:#0047bb;}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　お問い合わせ

–––––––––––––––––––––––––––––––––––––––––––––––––– */


#p-contact #vis{ background:url(../contact/img/vis.jpg) no-repeat left top; background-size: cover;}


#p-contact #vis h2{ width:130px; letter-spacing:0;}

#p-contact #sec1 .consf{
	border:4px solid #0047bb;
	padding:5%;}


#p-contact .fbox{ width:100%; text-align:left; }
#p-contact .fbox h3{ font-size:22px; line-height:120%; text-align:center;}
#p-contact .fbox h3 br{ display:none;}

#p-contact .fbox .yoko{ font-size:18px; margin-bottom:20px; letter-spacing:3px;}


#p-contact .rbox{ width:100%;}
#p-contact .rbox table{
	border-collapse:collapse;
	border-top:1px dashed #333;}


#p-contact .rbox table th{
	width:100px;
	text-align:left;
	vertical-align:text-top;
	padding:10px 0;
	font-size:12px;}

#p-contact .rbox table td{
	padding:10px 0;
	width:auto !important;
	font-size:12px;}	
	
#p-contact .rbox table tr{
	border-bottom:1px dashed #333;}


#p-contact #priv{ font-size:10px; margin:10px 0 20px 0;}


#p-contact input#submit_button {
/*    padding: 15px 40px;*/
    font-size: 1.2em;
    background-color: #333;
    color: #fff;
    border-style: none;
	width:100%;
	font-size:20px;
	height:65px;
	line-height:65px;
	cursor:pointer;
}


#p-contact .texfld-nomal{ width:100% !important;}
#p-contact textarea{  width:100% !important;}

#p-contact #postal{ width:100px !important;}


	
	
	

/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　コラム

–––––––––––––––––––––––––––––––––––––––––––––––––– */

#p-colum{}


#p-colum #vis{ background:url(../_colum/img/vis.jpg) no-repeat center top;
	background-size: cover;}


#p-colum #sec0 h3{ 
	text-align: left;
	font-size: 15px;
	margin-bottom: 20px;
	letter-spacing: 0px;
}

#p-colum #colum-list{
	border-top: 1px solid #CCC;
}

#p-colum #colum-list li{
	border-bottom: 1px solid #CCC;
	
}

#p-colum #colum-list li.emp{
	    height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
	border: none;
}






#p-colum #colum-list li a{
	padding: 20px 0px;
	font-size:12px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

#p-colum #colum-list li a:hover{
	background: #F3F3F3;
}
	
#p-colum #colum-list li .date{
	width: 100%;
	margin-bottom: 5px;
}

#p-colum #colum-list li h3{
	font-size:15px;
	font-weight: normal;
	width: 100%;
	line-height: 130%;
	margin-bottom: 20px;
}

#p-colum #colum-list li .bt{
	width: 150px;
	text-align: center;
}

#p-colum #colum-list li .bt img{
	width: 100%; height: auto;
}






#p-colum #sec2{
	padding-bottom:20px;
	padding-top:20px;
	width:90%;
	margin:0 auto;
	overflow:hidden;}


#p-colum #sec2 .cons{ width:100%;}

#p-colum #sec2 h3{
	font-size:18px;
	letter-spacing:3px;
	color:#1947ba;
	margin-bottom:15px;}

#p-colum #sec2 #arc-list{
	width:100%;
	margin:0 0 0 0;}

#p-colum #sec2 #arc-list li{
	font-size:14px;
	list-style:disc;
	color:#0047bb;
	float:left;
	margin-right:40px;}

#p-colum #sec2 #arc-list li a{ color:#999;}
#p-colum #sec2 #arc-list li a:hover{ color:#0047bb;}

	
	
	
	
	
	

/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　トップ

–––––––––––––––––––––––––––––––––––––––––––––––––– */


#p-home .mainNav li:nth-child(1) a:after { bottom: 0; opacity: 1;}

#p-home{}

#p-home header{ display: block; height:0px;}



#p-home #vis{   background: url(../img/home/vis1.jpg) no-repeat left bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position:relative;
	margin-bottom:400px;
	overflow:visible !important;}


#p-home #vis #name1,
#p-home #vis #name2{
	font-family:'Open Sans', sans-serif; font-weight:700;
	color:#FFF;
	opacity:0.52;
	position:absolute;
  top:50%;
  left:50%;
  display:inline;
  transform:translate(-50%, -50%);}



#p-home #vis #name1{ 
  font-size:48px;
  margin-top:-5%;}

#p-home #vis #name2{ 
  font-size:24px;
  font-weight:normal;
  margin-top:5%;}


#p-home #vis h1{
	position:absolute;
	left:20px;
	top:20px;
}


#p-home #white-box{
	width:90%;
	background:url(../img/home/white.png);
	padding:12% 7%;
	position:relative;}
	
	
#p-home #white-box{
  position:absolute;
  top:50%;
  left:50%;
  top:auto !important;
  bottom:0 !important;
  display:inline;
  transform:translate(-50%, 120%);
  z-index:999999999999;
}


#p-home #white-box .date{
	font-size:12px;
	background:#00479d;
	color:#FFF;
	text-align:center;
	width:124px;
	height:30px;
	line-height:30px;
	position:absolute;
	left:50%;
	margin-left:-62px;
	top:-15px;}

#p-home #white-box h3{
	color:#00479d;
	font-size:15px;
	margin-bottom:5px;
}
	
#p-home #white-box #honbun{
	font-size:12px;
	line-height:150%;}


#p-home #vis .more{
	width:90px;
	height:38px;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-45px;}
	
	
#p-home #vis .more a{
	display:block;
	background:#707070;
	width:100%;
	height:100%;
	line-height:38px;
	text-align:center;
	color:#FFF;
	font-family: 'Open Sans', sans-serif; font-weight:700;}




#p-home #twinban{ 
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:50px;}



#p-home #twinban li{
	width:100%;
	height:250px;
	position:relative;
	text-align:center;
	}

#p-home #twinban li a{
	display:block;
	width:100%;
	height:100%;
	padding-top:50px;}

#p-home #twinban li#serv a{
	background:url(../img/home/sky1.jpg) no-repeat right top;
	background-size: cover;}

#p-home #twinban li#serv a:hover{
	background-size:cover;}
	
	
#p-home #twinban li#serv h3{
	font-size:45px;
	font-family: 'Open Sans', sans-serif; font-weight:700;
	color:#FFF;
	opacity:0.9;
	padding-top:30px;}
	
#p-home #twinban li#mag h3,
	#p-home #twinban li#colum h3{
	font-size:36px;
	color:#000;
	font-family:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-weight:normal;
	padding-top:30px;}
	
#p-home #twinban li .sub{
	color:#626262;
	font-size:18px;
	margin-top:30px;}
	
#p-home #twinban li .chath{
	font-size:16px;
	display:inline-block;
	height:44px;
	line-height:44px;
	border:2px solid #00479d;
	text-align:center;
	padding:0 20px;
	color:#00479d;
	font-weight:bold;
	letter-spacing:0px;
	position:static;
	left:50%;
	top:-25px;
	 transform:translate(0%, 0%);}	
	
	

#p-home #twinban li#mag a{
	background:url(../img/home/sky2.jpg) no-repeat left bottom;
	background-size:cover;}
	
#p-home #twinban li#mag a:hover{background-size:cover;}
	
	
	
#p-home #twinban li#mag a{
	background:url(../img/home/sky2.jpg) no-repeat left bottom;
	background-size:1000px;}

#p-home #twinban li#mag a:hover{background-size:1100px;}


#p-home #twinban li#colum a{
	background:url(../_colum/img/vis.jpg) no-repeat 50% 50%;
	background-size:1800px;}

#p-home #twinban li#colum a:hover{background-size:2000px;}

    

#p-home #topban{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
    margin-bottom: 40px;
}



#p-home #topban li{
    width: 100%;
    margin-bottom: 15px;
}

#p-home #topban li img{
    width: 100%;
    height: auto;
}
   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    




}