
/* resetter */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,fieldset,form,label,legend,caption,tbody,tfoot{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}

/* clear style */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* basic styles */
html {
  scroll-behavior: smooth;
}

body {
  -webkit-text-size-adjust:none;
  color: #666;
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font-size: small;
  *font: x-small;
  background: #fff;
  line-height: 1.7; 
}
ul ,li {
	list-style:none;
	margin:0 ;
	padding:0;
}

/* for Win IE8 */
head~/* */body {
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, Meiryo, 'メイリオ', sans-serif;
}

html:not(:target) body {
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font: 13px/1.231 'メイリオ', Meiryo, sans-serif;
}


a{color: #1994da; text-decoration: none;}
a:hover{color:#43bade; text-decoration: underline; }
p{  line-height: 1.7; margin: 0 0 15px 0;}
h4.t1{ background:url(/images/global/dot4.png) no-repeat left 0px; color: #e8406b; font-size: 16px; font-weight: normal; padding: 2px 0 0 25px; margin: 0 0 10px 0; }

ul.list1{overflow: hidden; margin: 20px 0;}
ul.list1 li{float:left; display:inline; background:url(/images/global/dot3.png) no-repeat left 7px; padding: 0 0 0 10px; margin: 0 30px 15px 0; }

.center{text-align: center;}
.block1{margin: 0 0 50px 0;}
.s{font-size: 90%;}
.col1{color: #EE4044;}
#container{}
.content{margin: 0 0 100px 0;}

.pnav{overflow: hidden;}
.pnav .alignleft{float:left; display:inline;}
.pnav .alignright{float:right; display:inline;}

.t-shadow1{text-shadow: 0px 1px 0px #fff;}
.border1{
	height:28px;
	border:0;
	background: url(/images/global/border1.png) no-repeat center center;
}

.border2{
	height:0;
	border:0;
	border-top:1px solid #f0f0f0;
}
/* 3ブロック */
.grid_3{width: 290px; margin: 0 30px 0 0; float:left; display:inline;}
.grid_3.alpha{}
.grid_3.omega{margin: 0;}

/* 2ブロック */
.grid_2{width: 610px; margin: 0 30px 0 0; float:left; display:inline; }
.grid_2.alpha{}
.grid_2.omega{margin: 0;}

/* 半分ブロック */
.grid_1_5{width: 450px; margin: 0 30px 0 0; float:left; display:inline; }
.grid_1_5.alpha{}
.grid_1_5.omega{margin: 0;}

.grid_center{width: 700px; margin: 0 120px;}

/* メニュー&記事形式 */
.menu1_menu{float:left; display:inline; width: 280px; margin-right: 30px; background: #eee;}
.menu1_data{float:right; display:inline; width: 620px; }

.menu1_data .top, .menu1_menu .top{height: 55px;}
.menu1_menu .top{border-bottom: solid 3px #555555; }
.menu1_data .top{border-bottom: solid 3px #1994da; margin-bottom: 30px; position: relative; left: -30px; padding-left:30px; width: 620px;}
.menu1_data .top h3{color: #e8406b;}
.menu1_data .top div{line-height: 55px;}

.menu1_menu ul{margin: 0;}
.menu1_menu ul li a{display: block; border-bottom:solid 1px #fff; height: 60px; line-height: 60px; overflow: hidden; padding: 0 20px 0 20px; color: #555; text-shadow: 0px 1px 0px #fff;}
.menu1_menu ul li a:hover{text-decoration: none; background: #eaeaea;}

.menu2_menu{float:left; display:inline; width: 220px; margin-right: 30px; background: #eee;}
.menu2_data{float:right; display:inline; width: 680px; }

.menu2_data .top, .menu2_menu .top{height: 55px;}
.menu2_menu .top{border-bottom: solid 3px #555555; }
.menu2_data .top{border-bottom: solid 3px #1994da; margin-bottom: 30px; position: relative; left: -30px; padding-left:30px; width: 680px;}
.menu2_data .top h3{color: #e8406b;}
.menu2_data .top div{line-height: 55px;}

.menu2_menu ul{margin: 0;}
.menu2_menu ul li a{display: block; border-bottom:solid 1px #fff; height: 60px; line-height: 60px; overflow: hidden; padding: 0 20px 0 20px; color: #555; text-shadow: 0px 1px 0px #fff;}
.menu2_menu ul li a:hover{text-decoration: none; background: #eaeaea;}


#top {background: #FFF; height: 110px;}
#top h1{ color: #339; font-size: 12px; padding: 9px 0 0 0; font-weight: normal; height: 21px;  text-shadow: 0px -1px 0px #BBF;}

#top .contact a{float:right; display:inline; width: 183px; height: 58px; background:  url(/img/header_contact.png) no-repeat; text-indent: -9999px; margin: 0; }
#top .contact a:hover{filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#sdgs{float:left; display:inline; margin:3px 3px 0 0; width:60px;}
#header_tel{float:left; display:inline; width: 224px; height: 64px; background:  url(/img/header_tel.png) no-repeat; text-indent: -9999px; margin: 0 0 0 70px; }

#header_home{background: #FFF; padding: 0px 0 0 0; }
#header_home h2 a{width: 450px; height: 75px; display: block; float:left; margin: 0 auto 0 0; background: url(/img/header_logo.png);background-size: 450px 75px; text-indent: -9999px;}

#header{background: #f5f5f5; padding: 30px 0 30px 0; }
#header h2{float:left; display:inline; margin-bottom: 20px;}
#header h2 a{width: 162px; height: 29px; display: block; background: url(/images/header/logo_s.png); text-indent: -9999px; }

ul#nav{background:#648ed6;height: 70px; margin:0 0 8px 0; padding:0;}
ul#nav li{ float:left; display:inline; padding:0;margin:0; }
ul#nav a{font-size:20px; color:#FFF; text-align:center;padding-top:20px; height: 50px;  display: block; }
ul#nav a:hover{ text-decoration:none;background:#69F;}
ul#nav li.home a{width:110px; }
ul#nav li.hinmoku a{width:270px; }
ul#nav li.service a{width:150px; }
ul#nav li.company a{width:130px; }
ul#nav li.faq a{width:150px; }
ul#nav li.saiyou a{width:130px; }

#bnr{
	width:939px;
	height:270px;
	overflow:hidden;
}
#bnr_saiyo{
	width:700px;
	height:233px;
	overflow:hidden;
	margin:10px auto;
}

ul.top {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

.inner{width: 940px; padding: 0 10px; margin: 0 auto;}

#main{
float:left;
width:720px;
}

#lside{
float:left;
width:200px;	
margin-right:20px;
}

#rside{
float:left;
width:200px;
margin-left:20px;	
}

#kaisyu_box{
border:solid 1px orange;
padding:7px;
text-align:center;
margin-bottom:10px;
}
.kaisyu_bt a{display:block; width: 183px; height: 58px; background:  url(/img/kaisyu_bt.png) no-repeat; text-indent: -9999px; margin: 0; margin-bottom:5px;}
.kaisyu_bt a:hover{filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#saiyou h3{
	margin: 3em auto 1em auto; border-top:dotted 6px; border-bottom:dotted 6px; padding:1em;
}
.saiyou_bt a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
	opacity: 0.7;
}

.saiyou_bt a:hover .saiyou_btbox{
	background:#FF9;
}
.saiyou_btbox{
	width:260px; height:40px; text-align: center; float: left; padding:15px; color:#000; margin: 10px 20px 10px 10px;
	font-size:24px; line-height: 24px; font-weight: bold; border:2px solid #000;
}

.balloon1-left {
 	position: relative;
	display: inline-block;
 	margin: 0.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}

.balloon1-left:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #e0edff;
}

.balloon1-left p {
	margin: 0;
	padding: 0;
}

.balloon1-right {
 	position: relative;
	display: inline-block;
 	margin: 0.5em 15px 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}

.balloon1-right:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #e0edff;
}

.balloon1-right p {
	margin: 0;
	padding: 0;
}

#toiawase_box{
border:solid 1px skyblue;
padding:7px;
text-align:center;
margin-bottom:10px;
}
.toiawase_bt a{display:block; width: 183px; height: 58px; background:  url(/img/otoiawase_bt.png) no-repeat; text-indent: -9999px; margin: 0; margin-bottom:5px;}
.toiawase_bt a:hover{filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


.submenu a{
	background:#FFFFFF;
	display:block;
	margin-right:1px;
	width:164px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px dashed #CCCCCC;
	padding-left:30px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:14px;
		line-height:32px;

}
.submenu a:hover{
	background:#DEF;
	text-decoration:none;
}
.submenu .nigyo{
	font-size: 12px;
	line-height: 20px; padding-top:8px; padding-bottom: 8px;
}

.submenu_last a{
	background:#FFFFFF;
	display:block;
	margin-right:1px;
	width:164px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding-left:30px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:14px;
		line-height:32px;
		height:40px;
border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px; 
}
.submenu_last a:hover{
	background:#DEF;
	text-decoration:none;
}





#home h3{
	font-size:48px;
	margin-bottom:12px;
	font-weight:normal;
	line-height: 64px;
}

#home .message{background: #1994da; height: 270px; padding: 60px 0 0 0;}
#home .message h2{background: url(/images/home/summary.png); width: 807px; height: 71px; margin: 0 auto 0 auto; text-indent: -9999px;}

#home .service{position: relative; margin: 0 0 0 0; padding:0 0 100px 0; background: #43bade; color: #fff;}
#home .service .hover{display: block; height: 387px; margin: 0px 0 -520px 0; top:-535px; position: relative; background: #000; text-indent: -9999px; opacity:0;
filter: alpha(opacity=0);        /* ie lt 8 */
-ms-filter: "alpha(opacity=0)";  /* ie 8 */
-moz-opacity:0;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0;              /* Safari 1.x */
zoom:1;}



#bn{background: #f5f5f5; margin: 0px 0 0 0;}
#bn ul{text-align: center; padding: 40px 0 50px 0;}
#bn ul li{display: inline; padding: 0 30px;}


#footer{background: #648ed6; color: #DDD; padding: 20px 0 5px 0; text-align:center;}
#footer a{color: #FFF;}
#footer ul{margin: 0 0 50px 0;}
#footer ul li{margin: 0 0 15px 0; font-size: 110%; text-shadow: 0px -1px 0px #333;}
#footer .inner{background: url(/images/footer/footer_bg.png) no-repeat right bottom;}
#footer h3{height: 31px; margin: 0 0 15px 0; text-indent: -9999px;}
#footer .lservice h3{background:url(/images/footer/service_title.png) no-repeat; }
#footer .lpage h3{background:url(/images/footer/page_title.png) no-repeat; }
#footer .lsite h3{background:url(/images/footer/site_title.png) no-repeat; }
#footer .copyright{text-align: center; }

.simbol{background: #1994da; height: 273px; position: relative;}
.simbol div{}




#company .simbol div.message{background: url(/images/company/simbol.png) no-repeat; position: relative; top:-12px; height: 285px; text-indent: -9999px;}
#company .block{margin: 60px 0 50px 0;}
#company h2{margin: 0 0 20px 0; text-indent: -9999px; height: 51px;}
#company .ourworks h2{ background:url(/images/company/ourworks_title.png) no-repeat; }
#company .aboutus h2{ background:url(/images/company/aboutus_title.png) no-repeat;   }
#company .body{margin: 20px 0 0 0;}
#company .ourworks h3{height: 17px; text-indent: -9999px; margin: 40px 0 10px 0;}
#company .ourworks h3.t01{background: url(/images/company/t01.png) no-repeat;}
#company .ourworks h3.t02{background: url(/images/company/t02.png) no-repeat;}
#company .ourworks h3.t03{background: url(/images/company/t03.png?ss) no-repeat;}
#company .ourworks h3.t04{background: url(/images/company/t04.png) no-repeat;}


#contact .simbol div.message{background: url(/images/contact/simbol.png) no-repeat; position: relative; top:-13px; height: 286px; text-indent: -9999px;}
#contact h2.caption{background: url(/images/contact/caption.png) no-repeat center center; height: 54px; text-indent: -9999px; margin: 60px 0 50px 0;}
#contact .tel{padding-right:40px; display: inline;}
#contact .mail{display: inline;}
#contact .form{margin: 40px 0 0 0;}
#contact .form .submit input{ display:block; width: 322px; height: 52px; margin: 0 auto  auto; background:#e8406b url(/images/contact/submit.png); border: none;}
#contact .form .submit  input:hover{cursor: pointer;}

#service .simbol div.message{background: url(/images/service/simbol.png) no-repeat; position: relative; top:-9px; height: 282px; text-indent: -9999px;}
#service h1.title{background: url(/images/service/title.png) no-repeat center center; height: 23px; text-indent: -9999px; margin: 60px 0 50px 0;}
#service h2.caption{background: url(/images/service/caption.png) no-repeat center center; height: 54px; text-indent: -9999px; margin: 60px 0 50px 0;}
#service .entries{margin: 60px 0;}
#service .entry{margin-bottom:40px;}
#service .entry .thumb{margin: 0 0 10px 0; display: block;}
#service .entry h3{margin: 0 0 5px 0;}
#service .entry h3 a{color: #555; font-size: 18px; font-weight: normal; }
#service .entry .url{margin: 0 0 5px 0; }
#service .entry .summary{color: #888;}


#news .simbol div.message{background: url(/images/news/simbol.png) no-repeat; position: relative; top:0; height: 273px; text-indent: -9999px;}
#news .entries{margin-top: 120px;}
#news .entries .entry{margin: 50px 0 30px 0; }
#news .entries .entry .info{float:right; display:inline; width: 540px;}
#news .entries .entry .date{font-family: 'Josefin Slab', serif; float:left; display:inline; width: 130px; margin: 0 30px 0 0; color: #43bade; font-size: 18px; }
#news .entries .entry h3{font-size: 18px; font-weight: normal; margin: 0 0 30px 0;}





.galleria{margin: 60px 0;}
.galleria .entry{margin-bottom:40px;}
.galleria .entry .thumb{margin: 0 0 10px 0; display: block;}
.galleria .entry h3{margin: 0 0 5px 0; }
.galleria .entry h3, .galleria .entry h3 a{color: #555; font-size: 18px; font-weight: normal; }
.galleria .entry .url{margin: 0 0 5px 0; }
.galleria .entry .summary{color: #888;}


.pages{margin: 70px 0 0 0; }
.pages .block{margin-bottom: 40px; margin-top: 55px;}
.pages .thumb{float:left; display:inline; margin: 0 30px 0 0; width: 100px;}
.pages .info{float:left; display:inline; width: 570px; }
.pages h3{text-indent: -9999px; margin: 0 0 20px 0;}



.form .text input, .form .textarea textarea{width: 400px; border: solid 1px #ddd; padding: 7px; font-size: 110%;}
.form .select select{border: solid 1px #ddd; font-size: 110%;}
.form .textarea textarea{height: 200px;}

.tb1{}
.tb1 p{margin: 0 0 10px 0;}
.tb1 .tr{border-bottom: solid 1px #eee; margin: 0 0 20px 0; overflow: hidden; padding: 0 0 10px 0;}
.tb1 .tr .label{float:left; display:inline; padding: 0px 0 0px 0px; color: #888;}
.tb1 .tr .val{float:left; display:inline; border-left: solid 1px #eee; padding: 0px 0 0px 30px;}
.tb1 .tr .price{float:left; display:inline; border-left: solid 1px #eee; padding: 0px 0 0px 30px;}
.tb1 .tr .comment{float:left; display:inline; border-left: solid 1px #eee; padding: 0px 0 0px 30px;}

.tb1 .tr .val ul.list1{margin: 0;}
.tb1 .tr.noborder{border: none;}

.grid_2 .tb1 .tr .label{width: 130px; }
.grid_2 .tb1 .tr .val{width: 449px; }
.grid_center .tb1 .tr .label{width: 140px; }
.grid_center .tb1 .tr .val{width: 529px; }



.box01 {
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #3366FF;
}
.boxline01 {
	font-size: 14px;
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #9999FF;
	border-right-color: #9999FF;
	border-bottom-color: #9999FF;
	border-left-color: #9999FF;
	padding:3px 0 3px 5px;
}
table {
	font-size: 14px;
	line-height: 20px;
}

.bg01 {
	width: 760px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #0066CC;
}
.menubox {
	Wborder-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #9999AA;
	border-right-color: #9999AA;
	border-bottom-color: #9999AA;
	border-left-color: #9999AA;
	border-top-width: 3px;
}
.boxline02 {

	font-size: 14px;
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #9999FF;
	border-right-color: #9999FF;
	border-bottom-color: #9999FF;
	border-left-color: #9999FF;
	padding:3px 0 3px 5px;
}
.mainbox {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.style4 {color: #3333CC}
.style5 {color: #FFFFFF}

/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 7px 5px; /* パディング（上下、左右） */
list-style-type: none; /* リストマーク非表示 */
font-size: 100%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
background: url(/img/topic-path-home-gray.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(/img/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #4682b4;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #79a7cc;
}
h3{
font-size:27px;
margin:20px 0;
line-height: 36px;
}
h4{
font-size:24px;
line-height: 28px;
margin:40px 0 5px 0;
border-bottom :dotted 1px #AAA;
}
h5{
font-size:20px;
margin:20px 0 8px 0;
}

.txtbg01 {
	background-color: #FFFFCC;
	display: block;
	border: 1px dotted #FF6600;
	padding: 5px;
}
.style9{
color:red;
}
.driver li{
	float: left;
	padding-left:0px;
	width: 110px;
	line-height:22px;
	list-style-type:disc;

}

#driver h4{
font-size:20px;
line-height:24px;
margin:40px 0 5px 0;
border-bottom :dotted 1px #AAA;
}


.faqq {
	font-size: 18px;
	font-weight: bold;
	margin-top: 50px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 24px;
	color: #CC6600;
}

.saiyouform_btn {
	height: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 34px;
	width: 600px;
	line-height: 60px;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
	text-align: center;
	background-color: #FAFFCF;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,215,100,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,215,100,1.00) 100%);
}

.saiyouform_btn a{
	display:block;
	border-radius: 10px;
	}
.saiyouform_btn a:hover{
	background-color:#FAFFB2;
	text-decoration:none;
	}
.button {
  display       : block;
	margin:1em auto 1em auto;
	
	border-radius : 10px;          /* 角丸       */
  font-size     : 20pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 17px 100px;   /* 余白       */
  background    : #ff7f00;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 3px #666666;  /* 影の設定 */
  border        : 2px solid #ff7f00;    /* 枠の指定 */
	text-align: center;
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ff7f00;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.tsuushin u{
	font-size:24px;
	font-weight:bold;
	line-height:36px;
}
.tsuushin .txtred{
	color:red;
}
.tsuushin .txtgreen{
	color:green;
}
.tsuushin .txtblue{
	color:#47F;
}
.tsuushin .txtpurple{
	color:#E6C;
}
.tsuushin .txtorange{
	color:orange;
}




.jp_link01{
	width:900px;
	LINE-HEIGHT: 1.5;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	clear: both;
}
.jp_link01 ul{ margin:0px; padding:0px; font-size:12px; line-height:2em;}
.jp_link01 li{
	width:110px;
	float:left;
	padding-left:5px;
	text-align:left;
	list-style-image: none;
	list-style-type: square;
	margin-left: 13px;
}
.jp_link01 h3 {
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFCC;
	line-height: 26px;
	border: 1px solid #006699;
	display: block;
}

input {
	margin:2px 0;
}
.sdgs01{
	margin-bottom: 5px;
}
.service li a{
	display: block;
	width: 300px;
	height: 80px;
	border:solid 1px blue;
	float: left;
	margin: 5px;
	font-size: 22px;
	text-align: center;
	padding-top: 0.5em;
	background: #F6FAFC;
	border-radius:5px;
}
.denmani_txt1{text-align: center;font-size:26px; font-weight: bold;}
.denmani_txt2{text-align: center;font-size:18px; font-weight: bold;}

.denmani_m{
	float: left; color:#FFC000; font-size:19px; font-weight: bold; width:98px; height: 120px; background-image: url("/media/denmani_point.png"); background-position:0 20px; background-repeat: no-repeat;}
.denmani_mt{display: block; float: left; font-size: 20px; line-height: 32px; width: 690px;}
.denmani_mt h4{margin: 10px; font-size:22px;
	text-align: left;
	}

#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #333;
	padding: 3px;
    }
#sup{
	vertical-align: super;
  font-size: smaller;
}

@media (max-width: 768px) {

.wrap_news > div{
	display: block!important;
	float: none;
	}
.wrap_news img{
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
	margin: 5px auto;
	float: none;
	}
.wrap_news table{
	width: 100%;
	}
.wrap_news table td{
	display: block;
	width: auto;
	}

#page_news-462 .wrap_news .inner{
	width: auto;
	}
#page_news-462 .denmani_mt{
	width: auto;
	}

#page_news-462 .wrap_news .inner > div{
	width: auto;
	margin-top: 0 !important;
	}
#page_news-462 .wrap_news .inner div.denmani_m,
#page_news-462 .wrap_news .inner div.denmani_mt{
	width: 100%;
        float: none;
        text-align: center;
        background-position: center;
	}
#page_news-462 .wrap_news .inner > div:nth-child(n+7){
	height: auto !important;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
	}
.denmani_mt h4{
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	}
#page_news-462 .wrap_news .inner > div:nth-child(n+7) p{

	}
#page_news-462 .wrap_news .inner > div:nth-child(n+7) p img{
	width: 120px;
	float: none!important;
	}
