@charset "UTF-8";
/*===*/





html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,dl,dt,dd,table{
	margin:0;
	padding:0;}
	
body{
	font-family:'Meiryo','メイリオ',"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3';
	font-size:88%;
	line-height:140%;
	color:#333;
	background:#CCC;}


img{ border:none;}

*{ box-sizing:border-box;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;}

.pcno{ display:none;}



/*フェードインエフェクト*/

body {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
	}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


.btn_mynav{ text-align: center; margin-top: -50px; margin-bottom: 50px;}

#p-job .btn_mynav{ 
	margin: 0 auto;
	margin-top:50px; 
	margin-bottom:0px;
	width: 350px;}

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

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

　　汎用クラス

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


.none{ display:none;}
  
.clear-hr{
  clear:both;
  visibility:hidden;
  height:0;
  margin:0;
  border:none;}
  
.clear{ clear:both;}


.sprite{ 
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;}


.note{ font-size:0.85em; line-height:180%; color:#999;}
.min{font-family:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;}
   

.w{ color:#FFF;}


.sp-t05{ margin-top:05px;}
.sp-t10{ margin-top:10px;}
.sp-t15{ margin-top:15px;}
.sp-t20{ margin-top:20px;}
.sp-t25{ margin-top:25px;}
.sp-t30{ margin-top:30px;}
.sp-t35{ margin-top:35px;}
.sp-t40{ margin-top:40px;}
.sp-t45{ margin-top:45px;}
.sp-t50{ margin-top:50px;}
.sp-t55{ margin-top:55px;}
.sp-t60{ margin-top:60px;}
.sp-t65{ margin-top:65px;}
.sp-t70{ margin-top:70px;}
.sp-t75{ margin-top:75px;}
.sp-t80{ margin-top:80px;}
.sp-t90{ margin-top:90px;}
.sp-t100{ margin-top:100px;}
.sp-t110{ margin-top:110px;}
.sp-t120{ margin-top:120px;}
.sp-t130{ margin-top:130px;}
.sp-t140{ margin-top:140px;}
.sp-t150{ margin-top:150px;}

.sp-b05{ margin-bottom:05px;}
.sp-b10{ margin-bottom:10px;}
.sp-b15{ margin-bottom:15px;}
.sp-b20{ margin-bottom:20px;}
.sp-b25{ margin-bottom:25px;}
.sp-b30{ margin-bottom:30px;}
.sp-b35{ margin-bottom:35px;}
.sp-b40{ margin-bottom:40px;}
.sp-b45{ margin-bottom:45px;}
.sp-b50{ margin-bottom:50px;}
.sp-b55{ margin-bottom:55px;}
.sp-b60{ margin-bottom:60px;}
.sp-b65{ margin-bottom:65px;}
.sp-b70{ margin-bottom:70px;}
.sp-b75{ margin-bottom:75px;}
.sp-b80{ margin-bottom:80px;}
.sp-b90{ margin-bottom:90px;}
.sp-b100{ margin-bottom:100px;}
.sp-b110{ margin-bottom:110px;}
.sp-b120{ margin-bottom:120px;}
.sp-b130{ margin-bottom:130px;}
.sp-b140{ margin-bottom:140px;}
.sp-b150{ margin-bottom:150px;}

.sp-b1em{ margin-bottom:1em;}
.sp-b1hem{ margin-bottom:1.5em;}
.sp-b2em{ margin-bottom:2em;}
.sp-b3em{ margin-bottom:3em;}
.sp-b4em{ margin-bottom:4em;}

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

.red{ color:#FF0000;}
.tex-sub{ font-size:0.85em; line-height:180%;}
.tex-midashi{ font-size:1.5em; color:#333; letter-spacing:3px; margin-bottom:10px;}
.tex075{ font-size:0.75em; color:#666666;}
.tex135{ font-size:1.35em;}
.tex125{ font-size:1.25em;}
.tex115{ font-size:1.15em;}
.img-left{ 
  float:left;
  padding:10px 20px 20px 0;}


.img-right{
  float:right;
/*  padding:10px 0 20px 20px;*/
  margin:10px 0 40px 40px;}

.red{ color:#F30;}
.blue{ color:#0583B8;}
.right{ text-align:right;}
.bold{ font-weight:bold;}

.hvr-c a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


.en{ font-family: 'Open Sans', sans-serif; font-weight:700;}





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

　　共通の細かいパーツ

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

/*基本ロールオーバー
----------------------------------------------------*/
a {text-decoration:none; outline:none;}
a:link {color:#3399FF;}
a:visited {color:#3399FF;}
a:hover {color:#33CCFF;}
a:active {color:#33CCFF;}



/*アップボタン
----------------------------------------------------*/
  
#up{
	display:block;
	list-style:none;
	margin: 0 0 0 0;
	position: fixed;
	bottom:20px;
	right:10px;
	z-index: 99998; 
	text-decoration: none;
	overflow: hidden;
	width:38px;
	height:60px;
	background: url(../img/up.png) no-repeat top center;
	background-size:38px auto;}  


#up a{
	display:block;
	width:100%;
	height:100%;}


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

　　基本枠の設定

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




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


.cons{ width:1200px; margin:0 auto;}

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




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

header{
	}

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

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

　　メインメニュー

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


/* 768px以上に適応するスタイル */
  #toggle {display: none;}
  .toggleWrap {
    background: none;
    height: auto;
    position: static;
    padding: 0;
    margin-bottom: 0px;}
	
  
  .animation {
  -webkit-transition: none;
          transition: none;}
  
 /* 非表示にしていたメニューを表示させる */
  .hide { opacity: 1; visibility: visible;}




.mainNav{ 
  position:absolute;
  right:0;
  top:40px;}

.mainNav li{ 
  font-size:16px;
  font-weight: normal;
/*  border:1px solid #000;*/
  display:inline-block;
  float:left;
  margin-left:30px;}

.mainNav li a{
	display:inline-block;
	height:56px;
	line-height:56px;
	color:#0047bb !important;}







#mnav-reserve{}

#mnav-reserve a{
  display:block;
  width:177px;
  height:56px;
  background:url(../img/hd-tel.png) no-repeat left top;
  }


#mnav-reserve a{ 
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;}
 
 
 
#mnav-home{ display:none;}
 
 
 
 /*メニュー hover設定
----------------------------------------------------*/


.mainNav li a {
  position: relative;
  display: inline-block;
  transition: .3s;}

.mainNav li a:after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #0047bb;
  opacity: 0;
  transition: .3s;}

.mainNav li a:hover:after {
  bottom: 0;
  opacity: 1;}



.mainNav li#mnav-reserve a:hover:after {
  bottom: 0;
  opacity: 0;}

	
	
	

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

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

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

#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:28px;}
	
#vis .en span{ font-size:18px; font-weight:normal;}

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


#vis h2{ 
 font-size:36px;
 border:1px solid #0068b7;
 height:82px;
 line-height:82px;
 font-family:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
 font-weight:normal;
 letter-spacing:10px;
 color:#00479d;
 width:320px;
 text-align:center;
 margin:0 auto;
 margin-top:355px;
}
 
 
 


#content{}





/*おさえ１　サービス
----------------------------------------------------*/
#osae1{
	background:url(../img/service-bk.jpg) no-repeat center top;
	height:525px;
	margin-bottom:150px;
	margin-top:150px;}
	
#osae1 .cons{ position:relative;}

#osae1 .en{ position:absolute; left:0; top:220px; color:#cff2f9; font-size:72px; font-weight:700; letter-spacing:3px;}

#osae1 #rbox{ width:635px; margin:0 0 0  auto;}

#osae1 .lead{ font-size:1.27em; letter-spacing:3px; line-height:200%; margin-bottom:20px;}

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

#osae1 ul li a{ 
  display:block;
  width:100%;
  height:80px;
  line-height:80px;
  padding-left:50px;
  background:url(../img/icon-arrow.png) no-repeat 95% 50% #90e1f7;
  font-size:30px;
  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:18px;}

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

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


#osae2 ul li{
	width:360px;
	
	text-align:center;
	font-size:18px;
	letter-spacing:3px;}
	
#osae2 ul li a{ display:block; padding:100px 0; background:#eeeeee;}

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

#osae2 ul li:last-child { display:none;}  
	
#osae2 ul li .en{ 
  font-size:25px;
  font-weight:bold;
  letter-spacing:1px;
  color:#535353;}
 
#osae2 ul li .jp{
	color:#434343;
	margin:30px 0 10px 0;}

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




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

footer{
	background:url(../img/footer-bk.jpg) no-repeat center bottom;
	height:590px;}

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

#logo-ft{ position:absolute; left:0; bottom:45px;}

#tel{ font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:23px; letter-spacing:2px; line-height: 100%;}
#tel span{ font-size:18px; letter-spacing:0;}
#tel span.fax{ margin-left: 1em;}
#tel br{ display: none;}

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

#copyright{
	text-align:center;
	letter-spacing:2px;
	font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:16px;
	color:#999999;
	padding:45px 0 60px 0;}




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

　　中ページ共通

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

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

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


.fbox h3{ font-size:24px; letter-spacing:3px; line-height:150%;}


.kiji-list{}

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


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

　　会社概要

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

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

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

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

#p-outline #sec1 #face{ margin-top:45px;}
#p-outline #sec1 #name{ text-align:right; margin-top:40px; font-size: 23px !important;}

#p-outline #sec2 table{
   border-collapse:collapse;
   border-top:1px solid #898989;}


#p-outline #sec2 table th{ 
  width:185px;
  padding:20px 0;
  text-align:left;}

#p-outline #sec2 table td{ 
  padding:20px 0;}

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

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


#p-outline #sec3{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:100px;
	margin-bottom:100px;
	margin-top:50px;}



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

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


#p-outline #sec4 #network .colum{
	width:32%;
	background:#eaf9fd;
	position:relative;
	padding:3% 1.7%;}

#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 .sub{}


#p-outline #sec4 #network .colum .sub dl{}

#p-outline #sec4 #network .colum .sub dl p{ margin-bottom: 20px;}



#p-outline #sec4 #network .colum .sub dt{}
#p-outline #sec4 #network .colum .sub dd a{ 
    display: block;
    margin-bottom: -10px;
}


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



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

#p-outline #sec4 #network .colum ul li{ 
　　margin-bottom:7px; 
  border-bottom:1px solid #CCC;
padding:15px 0;}




#p-outline #sec4 #network .colum ul li span{ font-size:12px;}

#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-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;}




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





#p-outline #sec4 #consal-note p{
	width:46%;
	margin-top:10px;}

#p-outline #sec4 #consal-note p a{
	display:block;
	border:1px solid #999;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	line-height:30px;
	line-height:30px;}

















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

　　サービス

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

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

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


#p-service .fbox h3{
	line-height:86px;
	height:86px;
	background:#0047bb;
	color:#FFF;
	width:257px;}


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


#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:20px;}


#p-service #sec2 ul li{
	width:45%;
	font-size:15px;
	line-height:180%;}

#p-service #sec2 ul li h4{ font-size:18px; color:#1947ba;}

#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;}

#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 center top;}

#p-info #sec0{
	margin-bottom:80px;
	color:#1947ba;
	font-size:20px;
	text-align:center;
	line-height:200%;}
	





#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:24px;
  color:#00479d;
  margin-bottom:10px;}



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

　　セミナー案内

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

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

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


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


#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-privacy #vis{ background:url(../privacy/img/vis.jpg) no-repeat center top;}

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

#p-privacy #vis h2{ 
 width:420px;
}



#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 #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;}

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

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

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

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


#p-job .rbox table th{
	width:140px;
	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-job .no-entry{ 
  text-align:center; font-size:20px; letter-spacing:3px;
   font-family:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;}


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

　　あおぞら便り

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

#p-mag #vis{ background:url(../_mag/img/vis.jpg) no-repeat center top;}
#p-mag .mainNav li:nth-child(3) a:after { bottom: 0; opacity: 1;}

#p-mag #sec0{
	margin-bottom:75px;
	color:#1947ba;
	font-size:20px;
	text-align:center;
	line-height:200%;}


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



#p-mag #mag-list li{
	width:280px;
	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:0px;
	color:#0047bb;}
	
#p-mag #mag-list li .year{ 
  text-align:center;
  color:#0047bb;
  font-family: 'Open Sans', sans-serif; font-weight:700;
  font-size:15px;
  margin-bottom:10px;
  letter-spacing:3px;}
	
#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:40px;
	padding-top:40px;
	width:1200px;
	margin:0 auto;
	overflow:hidden;}


#p-mag #sec2 h3{
	font-size:20px;
	letter-spacing:3px;
	color:#1947ba;}

#p-mag #sec2 #arc-list{
	width:980px;
	margin:-20px 0 0  auto;}

#p-mag #sec2 #arc-list li{
	font-size:16px;
	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 center top;}

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

#p-contact .fbox{ width:340px; text-align:left; }
#p-contact .fbox h3{ font-size:36px; line-height:120%;}

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


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


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

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


#p-contact #priv{ font-size:15px; margin:20px 0 40px 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 #fin{
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
	padding:50px 0;}

#p-contact #fin h3{
	font-size:40px;
	margin-bottom:10px;
	letter-spacing:10px;
	font-family:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;}
	
#p-contact #fin h4{
	font-size:25px;
	margin-bottom:15px;
	letter-spacing:6px;}


#p-contact #fin #tex{
	margin-bottom:50px;}
	
#p-contact #fin #back a{
	display:block;
	height:60px;
	line-height:60px;
	width:300px;
	color:#FFF;
	background:#333;
	text-align:center;}
	
	
#p-contact #hissu{ font-size:12px; letter-spacing:3px; color:#F00;}
#p-contact .kome{ font-size:18px; color:#F00; font-weight:bold;}
	
	
#p-contact .error{ color:#F00;}
	
	
.smt-bt{
	font-size:20px !important;
	background:#000;
	padding:20px 50px;
	letter-spacing:3px;
	color:#FFF;
	border-style: none;
	margin-top:30px;}


.smt-bt:hover{ 
  cursor:pointer;
  background:#444;}
	
	







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

　　コラム

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

#p-colum{}

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

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


#p-colum #sec0 h3{ 
	text-align: center;
	color: #1947ba;
	font-size: 20px;
	margin-bottom: 40px;
	letter-spacing: 3px;
}

#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 20px;
	color: #333;
	font-size:18px;
	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: 16%;
}

#p-colum #colum-list li h3{
	font-size:24px;
	font-weight: normal;
	width: 65%;
	line-height: 130%;
}

#p-colum #colum-list li .bt{
	width: 170px;
}

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





#p-colum #sec2{

	/*	
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	padding-bottom:40px;
	*/
	padding-top:40px;
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}


#p-colum #sec2 h3{
	font-size:20px;
	letter-spacing:3px;
	color:#1947ba;}

#p-colum #sec2 #arc-list{
	width:980px;
	margin:-20px 0 0  auto;}

#p-colum #sec2 #arc-list li{
	font-size:16px;
	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:none;}



#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:0px;}


#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:-23.5%;}

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


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


#p-home #white-box{
	width:610px;
	background:url(../img/home/white.png);
	padding:45px;
	position:relative;}
	
	
#p-home #white-box{
  position:absolute;
  top:50%;
  left:50%;
  display:inline;
  transform:translate(-50%, -50%);
}


#p-home #white-box .date{
	font-size:16px;
	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:20px;
	margin-bottom:10px;
	line-height:150%;
}

#p-home #white-box h3 br{ display:none;}
	
#p-home #white-box #honbun{
	font-size:16px;
	line-height:180%;}

#p-home #white-box #cat{ font-size:12px; letter-spacing:3px; margin-bottom:10px;}

#p-home #vis .more{
	width:90px;
	height:38px;
	position:absolute;
	bottom:0;
	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:100px;}



#p-home #twinban li{
	width:50%;
	width:33.333%;
	height:399px;
	position:relative;
	text-align:center;
	}

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

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

#p-home #twinban li#serv a:hover{
	background-size:1100px;}
	
	
#p-home #twinban li#serv h3{
	font-size:72px;
	font-family: 'Open Sans', sans-serif; font-weight:700;
	color:#FFF;
	opacity:0.9;
	padding-top:180px;
}
	
#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:180px}
	
#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:3px;
	position:absolute;
	left:50%;
	top:-25px;
	top:50px;
	 transform:translate(-50%, 0px);}	
	
	

#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:2000px;}

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





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



#p-home #topban li{
    width: 48%;
    margin: 0 auto;
}

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