@charset "utf-8";

html{font-size:10px;}

body{
-webkit-font-smoothing: antialiased;
background:#FFF;
color:#000;
margin:0;
padding:0;
font-size:1.4rem;
font-weight: 500;
line-height:1.8;
font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

body.home{
font-size:1.3rem;
	background:url(/images/background.jpg) center center no-repeat ;
	background-size:cover;
	background-attachment:fixed;
	min-width: 1350px;
}
a{color:#000; text-decoration: none}
a.ul{text-decoration: underline;}

.min{font-family: 'Noto Serif JP', serif; letter-spacing: 0.08em; }
h1,
h2,
h3,
h4{
	font-size:1.5rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.4;
	margin:0;
}
p{margin:0;padding:0;
font-weight: 500;
}
ul{
	margin:0;
	padding:0;
}

.container{
	min-width: 1300px;
}

.home .container{
	width: 1300px;
	display: flex;
	flex-wrap: wrap;
	margin:9rem auto;
}

.home .section{
	width:650px;
	height:650px;
	position: relative;
}
.home .section01{
	background-color:#1B8ED1;
	z-index:5;
}
.home .section01 h1{
	padding:23rem 0 0 8rem;
}
.home .section01 h2{
	position: absolute;
	right:2rem;
	top:4.6rem;
}
.home .section02{
	display: flex;
	flex-wrap: wrap;
}
.home .section03{
	background-color:#0A69A1;
	color:#fff;
}
.home .section03 a{
	color:#fff;
}
.home .section03 .inner{
	width:55rem;
	margin:0 auto;
	padding-top:4rem;
}
.home .section03 .inner h2{
	line-height: 1.8;
	padding:0 0 0 0.7rem;
}
.home .section03 .menu{
	margin-top:2.5rem;
	display: flex;
	justify-content: space-between;
	padding-bottom:4rem;
	border-bottom:1px solid #4F91B9;
}
.home .section03 .block-menu{width:45%;}
.home .section03 .block-menu h3{
	border-bottom:1px solid #4F91B9;
	color:#8cc8ec;
	padding:0.7rem;
	margin-bottom: 1.2rem
}
.home .section03 .block-menu p{
	padding:0 0.7rem ;
	margin-bottom:1.6rem;
}

.home .section03 .menu2{align-items: center;
	margin-top:1.2rem;
padding-bottom:1.6rem;
}
.home .section03 .menu03{padding:.7rem;}

.home .section04{
	background-color:#f1f1f1;
}
.home .section04 .inner{
	width:54rem;
	margin:0 auto;
	padding-top:4rem;
}
.block-news{position: relative; height: 22.5rem}
.block-news h2{font-size: 2rem; letter-spacing: 0.1em}
.block-news a,
.block-news{
color:#0a69a2}
.block-news #rss li,
.block-news .rss li{margin-top:1.2rem;}
.block-news .btn{
position: absolute;
right:0;
top:0;
}
.image-bridge{text-align: center;position: relative;}
.image-bridge .image-cloud{
	position: absolute;
right:64px;
bottom:10px;
}
.copyright{text-align: center; letter-spacing: 0.08em;}


/*.article*/
.article .header{
	background-color:#1B8ED1;
	border-bottom:9px solid #0A69A1;
	color:#fff;
	padding-bottom:1.5rem;
}
.article .header a{
	color:#fff;
}
.article .header .inner{
	width:1200px;
	margin:0 auto;
	display: flex;
	align-items: flex-end;
}
.article .header h1{
	border-right:1px solid #71B6DD;
	padding:25px 25px 7px 10px;
}

.article .header .nav01{width:250px; padding-bottom:1rem; margin-left:2.6rem;}
.article .header .nav01 .btn{margin-top:1.5rem;}
.article .header .nav02{
	width:240px; padding-bottom:1.6rem; margin-left:3.2rem;
}
.article .header .nav02 .block-link{padding-left:1rem; padding-bottom:1.4rem;}
.article .header .header-info{
	padding-bottom:.8rem; margin-left:4.7rem;
}
.article .header .header-info .info{
	padding-top:1.2rem;
}

.article .footer{
	background-color:#F0F0F0;
}
.article .footer .inner{
	width:1200px;
	margin:0 auto;
	position: relative;
}
.block-footer{
	padding-top:9.5rem;
	padding-left:2.5rem;
}
.block-footer .info{
	padding-top:3rem;
	font-size: 1.6rem;
}
.block-footer .copyright{
	padding-top:12rem;
	padding-bottom:6rem;
	text-align: left;
}
.article .footer .image-bridge{
	position: absolute;
	width: 540px;
	top:6.5rem;
	right:0;
}

.article .main{width: 1200px; margin:0 auto; display: flex; justify-content: space-between;}
.article .main h1{ margin:5rem 2.4rem 15rem;}
.article .main article{width: 875px;padding:8.5rem 0; margin-right:3.5rem;}

/*biz*/
.service { padding-bottom: 5rem}
.service .section {margin-top:7rem;}
.service .section h2{font-size: 3.6rem; color:#0a69a2; border-bottom:1px solid #0a69a2; padding-bottom:1rem; margin-bottom: 2rem}
.service .section ul{margin-top:3rem;}
.service .section li{font-size: 2.2rem; color:#0a69a2;}
.service .section li::before{
content: "○";
padding-right: .5rem;
}
.service .section li div.caption{
font-size:1.4rem;
}

.service .section h3{font-size:2.4rem; color:#0a69a2; padding-bottom:1rem;}
.service .section p+h3{margin-top:3rem;}
.service .section p+h4{margin-top:3rem;}
.service .section h4{font-size:1.6rem; color:#0a69a2; padding:0 .2rem .5rem .2rem; border-bottom:1px solid #0a69a2; display: inline-block; margin-bottom:.6rem;}

/*price*/
.price .main table td{padding-right:5rem;}

/*news*/
.news .block-links{text-align:center; padding-bottom:5rem;}

.news .block-news{border:1px solid #128DD6; border-top:none; display: flex; height: auto;
background:url(/news/images/news.png) no-repeat top right;
background-size:50px 50px;
}
.news .block-news.top {border-top:1px solid #128DD6;}
.news .block-news h2{
	font-size: 3.6rem;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          padding:4.5rem 0 4.5rem 3.5rem ;
}
.news .block-news .rss{
          padding:3.5rem 3.5rem;
}
.news .service .section li+li{padding-top:3rem;}

/*office*/
.office .section {padding:5rem 0;}
.office .main table{border-collapse: collapse;}
.office .main th{width: 12rem; font-size:1.2rem; font-weight: 400; color:#0a69a2; border-right: 1px solid #0a69a2; text-align: left; vertical-align: top; }
.office .main td{padding-left:2rem;}
.office .main table tr:first-child td,
.office .main table tr:first-child th{padding-top:2rem;}
.office .main table tr:last-child td,
.office .main table tr:last-child th{padding-bottom:2rem;}

.googlemap{width: 875px; height: 415px;}

/*btn*/

.btn a{
	display: flex;
	align-items: center;
}
.btn a::before{
	content: ">";
	font-family: "Raleway";
	font-size: 0.8em;
	margin-right: 1rem;
}
.btn.white{
	padding:0 0.7rem ;
}
.btn.white.btn-s a{
	padding:0.2rem 1rem;
}
.btn.white a{
	color:#0a69a2;
	background-color:#fff;
	border-radius: 6px;
	padding:1.5rem 1rem;
	text-align: center;
	text-decoration: none;
	justify-content: center;
}
.btn.white a::before{
	color:#0a69a2;
}

/*other*/

.ss{font-size:.7em;}
.s{font-size:.85em;}
.ll{font-size:1.3em;}
.l{font-size:1.15em;}
.b{font-weight: 700;}

.flex{display: flex;}
.flex.rev{flex-direction:row-reverse}

.pc{display: block !important;}
.pc2{display: inline-block !important;}
.sp{display: none !important;}
.sp2{display: none !important;}

.mb{display: none}

::-moz-selection { color: #333;  background: #EEE; }
::selection      { color: #333;  background: #EEE; }