@charset "utf-8";

body {
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka,  "ヒラギノ角ゴPro W3", sans-serif;
line-height: 1.5;
color:#2f2f2f;
text-align:center;
font-size: 12px;
background-image:url(../img/bg.png);
}

p,dl,dt,dd,div,ol,ul,li{ 
margin:0px;padding:0px;
}

ul,li {
list-style:none;
}

a img { border:0; }

img { vertical-align: bottom; }

hr { display: none; }

header,footer,nav,section,article,aside{
display:block;
}

a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

a:link{
color:#2f2f2f !important;
text-decoration:underline !important;
}

a:hover{
color:#06F !important;
text-decoration:none !important;
}

a:visited{
color:#2f2f2f;
text-decoration:underline;
}

a:active{
text-decoration:underline;
}

h2{
margin:0;
display:inline;}

h3,h4,h5,h6 {font-weight:normal;}

.f_10{
	font-size:10px;
}
.clearfix:after {
  content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.t_5{margin-top:5px;}
.t_10{margin-top:10px !important;}
.t_15{margin-top:15px;}
.t_20{margin-top:20px;}
.t_25{margin-top:25px;}
.t_30{margin-top:30px;}
.t_50{margin-top:50px;}
.l_30{margin-left:30px;}
.l_60{margin-left:60px;}
.l_160{margin-left:160px;}

.cen{
	text-align:center;
}

/*基本設定終了*/


.header_area{
	width:100%;
	background-color:#FFFFFF;
}


header{
width:950px;
margin:auto;
height:90px;
position:relative;
}

header h1{
font-size:12px;
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
font-weight:normal;
display:none;
}

.h_logo{
position:absolute;
top:30px;
left:0px;
}

.h_mail{
position:absolute;
top:15px;
right:25px;
}

.h_info{
position:absolute;
top:20px;
right:200px;
}

.main{
	margin:35px auto auto auto;
}


.main_nav{
margin:auto;
overflow:hidden;
height:auto;
clear:both;
zoom:1;
}

.main_nav img{
floart:left;
}

.con_wrap{
width:961px;
height:auto;
overflow:hidden;
zoom:1;
margin:0px auto 20px auto;
}

.section_l{
width:637px;
min-height:200px;
margin:10px 0px 0px 0px;
text-align:center;
background:url(../img/l_bg.png);
padding:104px 0px 50px 0px;
float:left;
}

.topics{
width:570px;
height:auto;
max-width:570px;
margin:auto;
}

#topics{
width:570px;
height:auto;
max-width:570px;
margin:auto;
text-align:left;
}

#topics h4{
	margin:0px 0px 10px 0px;
	padding:0px;
}

#topics a:link{
color:#039 !important;
text-decoration:underline !important;
font-weight:bold;
}

#topics a:hover{
color:#06F !important;
text-decoration:none !important;
}

#topics a:visited{
color:#039;
text-decoration:underline;
}

#topics a:active{
text-decoration:underline;
}


.topics dl{
	border-top:1px dotted #acacb0;
	width:570px;
	padding-top:6px;
	height:auto;
overflow:hidden;
clear:both;
zoom:1;
margin-bottom:6px;
}
	

.topics dt{
	text-align:center;
	width:80px;
	line-height:26px;
	height:26px;
	background:url(../img/l_ar.png);
	vertical-align:middle;
	float:left;
	color:#FFFFFF;
	padding-right:10px;
}

.topics dd{
	vertical-align:middle;
	line-height:26px;
	height:26px;
	float:left;
	text-align:center;
	margin-left:15px;
}

.section_r{
float:right;
width:300px;
height:80px;
background:url(../img/r_bg.png);
padding-top:90px;
padding-bottom: 30px;
margin:20px 0px 0px 0px;
text-align:center;
}

footer{
width:100%;
margin:auto;
background:#FFFFFF;
text-align:center;
height:50px;
}

.footer_area{
	width:950px;
	margin:auto;
	text-align:right;
}

.goto_top{
	float:right;
	margin-top:15px;
	}

	.f_text{
	margin:20px 160px 0px 0px;
	float:right;
	font-size:10px;
	}


/*下層共通*/

.l_body{
	background-image:url(../img/l_l_mainbg.png) !important;
}

.l_con_wrap{
width:960px;
height:auto;
overflow:hidden;
clear:both;
zoom:1;
margin:20px auto 35px auto;
}


.l_section_l{
float:left;
width:210px;
height:auto;
text-align:center;
margin:0px;
}

.l_section_l_menu{
float:left;
width:210px;
padding-bottom: 20px;
height:130px;
text-align:center;
background:url(../img/l_l_bg.png);
position:relative;
margin-top:20px;
}

.l_section_l_01{
	position:absolute;
	top:67px;
	left:18px;
}

.l_section_l_02{
	position:absolute;
	top:102px;
	left:18px;
}

.l_section_l_03{
	position:absolute;
	top:157px;
	left:18px;
}


.l_section_r{
float:right;
width:740px;
height:auto;
margin:0;
text-align:left;
}

.l_section_r_main{
	background:url(../img/l_l_center.png);
	text-align:left !important;
	padding-left:30px;
	padding-bottom:20px;
	width:710px;
}


.l_midashi{
width:648px;
background:url(../img/l_l_title.png);
height:31px;
line-height:31px;
padding-left:12px;
color:#FFFFFF;
}

.l_midashi02{
width:648px;
background:#e8e8e8;
height:31px;
line-height:31px;
padding-left:12px;
}

.l_float{
height:auto;
overflow:hidden;
clear:both;
zoom:1;
}

.l_float_l{
	float:left;
}
	
	.l_float_r{
	float:right;
}


/*事業内容*/

.about_area{
width:650px;
margin-left:10px;
}

.about_area dl{
height:auto;
overflow:hidden;
clear:both;
zoom:1;
}

.about_area dt{
float:left;
width:35px;
}

.about_area dd{
float:right;
text-align:left;
width:615px;
}

.about_area dd p{
	color:#0b1a70;
	margin-bottom:30px;
	font-size:14px;
}

.about_photo{
width:455px;
}


/*会社概要*/

.com_area{
width:650px;
margin-left:10px;
}

.com_area dl{
height:auto;
overflow:hidden;
clear:both;
zoom:1;
padding-bottom:10px;
border-bottom:1px dotted #CCC;
margin-top:10px;
}

.com_area dt{
float:left;
width:100px;
}

.com_area dd{
float:right;
text-align:left;
width:550px;
}

.com_area_last{
height:auto;
overflow:hidden;
clear:both;
zoom:1;
padding-bottom:0px;
border-bottom:none !important;
}

/*お問合せ*/
.cont_text{
	line-height:1.8em;
	margin-top:20px;
	margin-left:70px;
}

.cont_area{
width:610px;
margin:20px auto auto auto;
}

.cont_area dl{
height:auto;
overflow:hidden;
clear:both;
zoom:1;
padding-bottom:10px;
border-bottom:1px dotted #CCC;
margin-top:10px;
text-align:left;
}

.cont_area dt{
float:left;
width:130px;
}

.cont_area dd{
float:right;
text-align:left;
width:480px;
}

.cont_midashi{
width:600px;
background:#e8e8e8;
height:31px;
line-height:31px;
padding-left:10px;
}


.contact_02 {
	width:600px;
}
.contact_02 th {
	font-weight: bold;
	width:25%;
	text-align: left;
	line-height: 1.5;
	padding: 5px 10px;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
}
.contact_02 td {
	padding: 5px 10px;
	line-height: 1.75em;
	text-align:left;
	border-bottom:1px dotted #ccc;
}

.rai_01 {
	margin:10px 0 5px 0;
	padding:10px 0px 0px 0px;
	text-indent:10px;
	border-top:1px dotted #ccc;
}

.rai_01_top {
	margin:10px 0 5px 0;
	padding:0px !important;
	text-indent:10px;
	border-top:none !important;
}

p.hyo_shosai {
	padding:0 0 0 20px;
}
p.hyo_shosai02 {
	padding:0 0 10px 40px;
}

p.prv {
	text-align:center;
	padding:10px 0 0;
}
p.prv a {
	color:#00f;
}

.btn01 {
	text-align:center;
	padding:25px 0 0 0;
}
.btn01 li {
	display:inline;
	margin:0 10px 0 0;
}
.btn01-1 {
	position:relative;
	top:-5px;}



dl.top_news{
overflow:hidden;
padding:6px 2em 0 2em;
display: flex;
align-items:flex-start;
flex-wrap:wrap;
}
dl.top_news dt{
clear:both;
margin:0 0 6px;
padding-bottom: 6px;
border-bottom:1px dotted #ccc;
width: 9em;
}
dl.top_news dd{
margin:0 0 6px;
padding-bottom: 6px;
border-bottom:1px dotted #ccc;
width:calc(100% - 9em);
text-align: left;
}

dl.top_news dd a:not(:hover) {color:#0055AB !important;text-decoration:none;}
dl.top_news dd a:hover{color:#0055AB;text-decoration:underline;opacity: 0.5;}

.ttlnews{
background: url(../img/ttl_bg.png) center center / cover no-repeat;
position: relative;
background-size: cover !important;
aspect-ratio: 683 / 100;
object-fit: cover;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: middle;
max-width: 683px;
margin-bottom: 30px;
}


.ttl_txt1{
text-align: left;
padding:26px 0 0 0;
font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
}

.ttl_txt2{
text-align: left;
color: #005C7F;
padding-top: 20px;
font-size: 14px;
}

.entry {
max-width: 660px;
}
.entry .title {
border-bottom: 1px dotted #CCC;
border-left: 3px solid #0C1867;
margin-bottom: 20px;
padding-bottom: 15px;
}

.entry .title p {

color: #0C1867;
font-weight: bold;
padding: 5px 0 0 20px;
}
.entry .title h2 {

font-size: 1.4em;
font-weight: normal;
padding-left: 15px;
}

/*-----------------------------------------------
entry_format
-----------------------------------------------*/
.entry_format {
overflow: hidden;
word-wrap: break-word;
margin-bottom: 60px;
}
.entry_format p {
margin: 0 auto 25px;
font-size: 14px;
}
.entry_format p img {
max-width: 100%;
height: auto;
}
.entry_format p em {
font-family: "MS P Gothic";
font-style: italic;
}
.entry_format p b {
font-weight: bold;
}
.entry_format p strong {
font-weight: bold;
}
