@charset "utf-8";

.subpage .anchor.pc .contents .triangle{
	font-size:16px;
	background-image: url(../images/common/triangle.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.subpage .contents.cf.pt30 .s_con .block01.cf .title01{
	height: auto;
	line-height: 30px;
	width: 95%;
	margin: 0 auto;
	font-size: 24px;
	color:#FFF;
	padding-left:20px;
	margin:5px;
	background-color:#366;
	
}

.subpage .contents.cf.pt30 .s_con .block01.cf .title_case{
	height: auto;
	line-height: 30px;
	width: 25%;
	font-size: 18px;
	color:#FFF;
	text-align: center;
	margin:5px;
	background-color:#366;
		border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}

.subpage .contents.cf.pt30 .s_con .block01.cf .title_case a{
	color: #fff;
}

.subpage {
	background-color: #f5f5f5;
}
.subpage .maintenance_h {
	min-height: 730px;
}
.subpage .products_h {
	min-height: 1280px;
}
.subpage .contents {
	position: relative;
}

.subpage .ttl_block {
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #f5f5f5;
}
.subpage .ttl_block h1 {
	width: 760px;
	padding-right: 220px;
	line-height: 100px;
	margin: 0 auto;
	font-size: 26px;
	letter-spacing: 1px;
	color: #232323;
	font-weight: bold;
}
.subpage .anchor {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
}
.subpage .anchor a {
	margin: 0 30px 0 0;
	padding: 10px 0 10px 26px;
	display: inline-block;
	background-image: url(../images/common/anchor.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	color: #000000;
}
.subpage .anchor a:hover {
	color: #f4894f;
}


.subpage .s_con {
	width: 760px;
}
.subpage .s_con .lead {
	padding: 30px 0;
}
.subpage .s_con h2 {
	height: auto;
	padding: 25px 30px 30px;
	margin-bottom: 35px;
	line-height: 30px;
	width: 700px;
	font-size: 24px;
	background-image: url(../images/common/h2_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.subpage .s_con h3 {
	font-size: 18px;
	border-bottom: 1px solid #e2e1e1;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.subpage .s_con h3 span {
	color: #0c9776;
}
/*お問い合わせ修正*/
.subpage .s_con h4 {
	width: 100%;
	padding: 6px 24px;
	font-size: 16px;
	background-image: url(../images/common/h3_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #232323;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/**/
.block01 {
	padding: 0 0;
	background-color: #FFFFFF;
	margin-bottom: 30px;
}
.block01 .txt_area {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 20px;
}

.img_right {
	float: right;
	margin: 0 0 20px 30px;
	width: 280px;
}
.img_left {
	float: left;
	margin: 0 30px 20px 0;
	width: 280px;
}
.img_left img {
	width: 100%;
	margin-bottom: 10px;
}
.img_message {
	float: right;
	margin: 0 0 20px 30px;
	width: 160px;
}
.sidetxt {
	width: 410px;
	float: left;
}

.img_contents {
	margin-bottom: 20px;
	text-align: center;
}
.img_contents img {
	max-width: 100%;
	height: auto;
}


.img_message {
	float: right;
	margin: 0 0 20px 30px;
	width: 200px;
}


/* right_menu
---------------------------------------------------- */
.subpage .right_menu {
	position: absolute;
	width: 180px;
	right: 0;
	top: -100px;
	z-index: 100;
}
.subpage .t140 {
	top: -141px;
}
.subpage .right_menu ul li {
	width: 180px;
	font-size: 16px;
	background-color: #a6d2c1;
}
.subpage .right_menu ul li:hover {
	width: 180px;
	color: #FFFFFF;
}
.subpage .right_menu ul li a {
	padding: 20px 5px 20px 25px;
	color: #292b2e;
	display: block;
	position: relative;
	text-decoration: none;
	background-image: url(../images/common/right_menu_off.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.subpage .right_menu ul li a:hover {
	padding: 20px 5px 20px 25px;
	text-decoration: none;
	background-image: url(../images/common/right_menu_on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.subpage .right_menu ul li.top {
	font-size: 20px;
	height: 100px;
	font-weight: bold;
	background-color: #0c9776;
	display: table;
}
.subpage .right_menu ul li.top:hover {
	width: 180px;
	background-color: #0c9776;
}
.subpage .right_menu ul li.top a {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0 25px;
	color: #FFFFFF;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.subpage .right_menu ul li.top a:hover {
	background-image: url(../images/common/right_menu.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.subpage .right_menu ul li.top a.stay {
	background-image: url(../images/common/right_menu.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.subpage .right_menu ul li.stay {
	width: 180px;
	margin-left: 0;
	color: #FFFFFF;
}
.subpage .right_menu ul li.stay a {
	padding-left: 25px;
	background-image: url(../images/common/right_menu_on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.subpage .right_menu ul li.stay ul li {
	height: 30px;
}
.subpage .right_menu ul li.stay ul li.line2 {
	height: 50px!important;
}
.subpage .right_menu ul li.stay ul li a {
	background-image: url(../images/common/right_menu_off.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.subpage .right_menu ul li.stay ul li a:hover {
	background-image: url(../images/common/right_menu_on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.subpage .right_menu ul li a:hover span {
	color: #FFFFFF;
}

.subpage .right_menu ul li ul li {
	border: none;
	width: 180px;
}
.subpage .right_menu ul li ul li:hover {
	width: 180px!important;
	margin: 0;
	padding: 0;
}
.menu li:hover ul li {
	height: 30px!important;
	border: none;
}
.menu li:hover ul li.line2 {
	height: 50px!important;
	border: none;
}
.menu a {
	display: block;
	position: relative;
	text-decoration: none;
}
.menu li ul {
	margin: 0;
	overflow: hidden;
}
.menu li ul li {
	height: 0;
	overflow: hidden;
	-webkit-transition: 0.5s ease-in-out;
	color: #000000!important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.menu li ul.open {
	margin: 0;
	overflow: auto;
}
.menu li ul.open li {
	height: auto;
}
.menu li ul li:hover {
	background-image: none!important;
}
.menu li ul li a {
	padding: 5px 5px 5px 25px!important;
	color: #000000!important;
	background-color: #cae4da;
	font-size: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.menu li ul li a:hover {
	background-color: #cae4da;
	width: 180px;
}
.menu li ul li.stay a,
.menu li ul li.stay_sub a {
	background-color: #cae4da;
	width: 180px;
	background-image: url(../images/common/right_menu_on.png)!important;
	background-repeat: no-repeat;
	background-position: left center;
}

.subpage .right_menu .kabuka {
	margin-top: 20px;
	text-align: center;
	border: 1px solid #0c9776;
	width: 178px;
}
.subpage .right_menu .kabuka a {
	display: block;
	color: #0c9776;
	width: 100%;
	height: 100%;
	padding: 10px 0;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.subpage .right_menu .kabuka a:hover {
	color: #FFFFFF;
	background-color: #0c9776;
	text-decoration: none;
}


/* list
---------------------------------------------------- */
ul.list {
	background-color: #FFFFFF;
}
ul.list li {
	width: 730px;
	padding: 15px 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d0d0d0;
}
ul.list li:last-child {
	border-bottom: none;
}
ul.list li p {
	display: block;
	float: left;
}
ul.list li p.date {
	width: 90px;
}
ul.list li p.txt {
	width: 640px;
}
ul.list li p.txt_w {
	width: 730px;
}
ul.list li p.txt a {
	display: block;
	width: 100%;
	height: 100%;
}
ul.list li p.pdf {
	background-image: url(../images/ir/pdf.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.map {
	width: 640px;
	height: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 90px;
}


/* data
---------------------------------------------------- */
ul.data_sum {
	margin-top: 30px;
}
ul.data_sum li {
	float: left;
	width: 300px;
	margin-left: 53px;
	margin-bottom: 30px;
	position:relative;
}
ul.data_sum li a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-99999px;
}
ul.data_sum li a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
ul.data_sum li .ttl {
	width: 300px;
	line-height: 45px;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	background-color: #2b9675;
}
ul.data_sum li .img_box {
	margin-bottom: 10px;
}


/* base_contents
---------------------------------------------------- */
.base_contents {
	margin-bottom: 50px;
}
.base_contents .img_box {
	width: 320px;
	float: left;
}
.base_contents .txt_box {
	width: 420px;
	float: left;
	margin-left: 20px;
}


/* processing
---------------------------------------------------- */
.processing {
	padding: 0 0 30px;
}
.processing .img_box {
	width: 300px;
	float: left;
}
.processing .txt_box {
	width: 350px;
	float: left;
	margin-left: 50px;
}
.processing ul {
	margin-left: -10px;
}
.processing ul li {
	width: 220px;
	float: left;
	margin-left: 20px;
}
.processing ul li img {
	width: 100%;
	height: auto;
}
.processing ul li p {
	margin: 10px 0 0;
}
.processing ul.block2 {
	margin-left: -10px;
}
.processing ul.block2 li {
	width: 340px;
	float: left;
	margin-left: 20px;
}
.processing ul.block2 li img {
	width: 100%;
	height: auto;
}
.processing ul.block2 li p {
	text-align: center;
	margin-top: 5px;
}


/* service_guide
---------------------------------------------------- */
.block {
	margin-bottom: 0;
}
.block ul {
	float: left;
	margin-top: 0;
}
.block ul li {
	float: left;
	width: 300px;
	margin-left: 40px;
	margin-bottom: 30px;
}
.block ul li .ttl {
	line-height: 24px;
	width: 300px;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	background-color: #2b9675;
	padding: 10px 0;
}
.block ul li .ttl a {
	color: #FFFFFF;
}
.block ul li .ttl span {
	font-size: 14px;
	display: block;
}
.block ul li .img_box {
	margin-bottom: 10px;
}
.block ul li .img_box img {
	width: 100%;
	height: auto;
}

.block ul li.btn_block a {
	display: block;
	text-align: center;
	width: 100%;
	background-color: #f4894f;
	color: #FFFFFF;
	font-size: 20px;
    line-height: 50px;
    margin-bottom: 20px;
}
.block ul li.btn_block a:hover {
	background-color: #f8b28c;
	text-decoration: none;
}

.adobe {
	margin-top: 20px;
}
.adobe .adobe_reader {
	float: left;
	width: 130px;
}
.adobe p {
	float: left;
	width: 590px;
}


/* recruit
---------------------------------------------------- */
table.recruit {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 10px;
	border: 1px #d0d0d0 solid;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
table.recruit td, table.recruit th {
	border: 1px #d0d0d0 solid;
}
table.recruit th {
	background-color: #e2e1e1;
	width: 120px;
	text-align: left;
	font-size: 16px;
}


/* entry
---------------------------------------------------- */
.entry {
	padding: 0 30px 30px;
}
.entry_arr {
	float: left;
	width: 35px;
	margin-right: 30px;
}
.entry_txt {
	width: 635px;
	float: left;
	display: block;
}


/* faq
---------------------------------------------------- */
.faq {
	padding: 0 30px 10px;
}
.faq ul {
	margin-bottom: 40px;
}
.faq ul li.faq_q {
	padding: 7px 0 0 45px;
	background-image: url(../images/recruit/faq_q.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 35px;
	min-height: 27px;
}
.faq ul li.faq_a {
	padding: 7px 0 0 45px;
	background-image: url(../images/recruit/faq_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 35px;
	min-height: 27px;
}


/* flow
---------------------------------------------------- */
.flow {
	margin: 40px 0;
}
.flow .txt01{
	font-size: 15px;
	float: left;
	width: 320px;
	line-height: 123px;
}
.flow .txt02{
	font-size: 15px;
	float: left;
	width: 340px;
	background-image: url(../images/recruit/carrier/flow_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 100px;
	padding: 14px 30px;
}


/* contact_info
---------------------------------------------------- */
.contact_info {
	width: 700px;
	margin: 0 30px;
	padding-bottom: 30px;
}
.contact_info .img_box {
	width: 210px;
	float: left;
}
.contact_info .img_box img {
	width: 100%;
	height: auto;
}
.contact_info .txt_box {
	width: 470px;
	float: left;
	margin-right: 20px;
}


/* privacy
---------------------------------------------------- */
ol.privacy li {
	list-style: inherit;
	margin: 0 0 20px 20px;
}


/* special
---------------------------------------------------- */
.special {
	width: 100%;
	background-color: #e2e1e1;
	padding: 5px;
	margin-bottom: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.special .special_ttl {
	font-size: 18px;
	line-height: 44px;
	margin-left: 10px;
	font-weight: bold;
}
.special .special_box {
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px 0;
}
.special_box ul li {
	padding-left: 18px;
	background-image: url(../images/privacy/icon01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 20px;
}
.special .special_box img {
	float: right;
}

.img_non{
	background-image: none !important;
}


p.indent {
	padding-left:1em;
	text-indent:-1em;
}
p.indent2 {
	padding-left:2em;
	text-indent:-2em;
}


/* contact_area
---------------------------------------------------- */
.contact_area {
	width: 95%;
	margin: 0 auto;
	padding: 20px 0;
}
.contact_area .ttl {
	font-size: 22px;
	color: #0c9776;
	border-top: 2px solid #0c9776;
	border-bottom: 2px solid #0c9776;
	line-height: 50px;
	margin-bottom: 30px;
}
.contact_area p {
	padding: 0 20px;
}
.contact_area a {
	font-size: 16px;
	color: #333333;
	background-image: url(../images/products/icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 20px;
}
.contact_area a:hover {
	text-decoration: none;
	color: #f4894f;
}


/* renewal
---------------------------------------------------- */
.renewal {
	margin-top: 10px;
}
.renewal .renewal_txt {
	width: 50%;
	float: left;
	display: block;
}


/* map
---------------------------------------------------- */
.map {
	width: 100%;
	height: 400px;
	margin: 20px auto 20px;
}



.jmap {
	width: 689px;
	height: 487px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/company/base/jmap.jpg);
}
.jmap .base01 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 548px;
	top: 303px;
}
.jmap .base02 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 548px;
	top: 219px;
}	
.jmap .base03 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 548px;
	top: 261px;
}	
.jmap .base04 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 518px;
	top: 358px;
}	
.jmap .base05 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 548px;
	top: 122px;
}	
.jmap .base06 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 259px;
	top: 28px;
}	
.jmap .base07 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 548px;
	top: 162px;
}	
.jmap .base08 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 89px;
	top: 60px;
}	
.jmap .base09 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 89px;
	top: 105px;
}	
.jmap .base10 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 400px;
	top: 407px;
}
.jmap .base11 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 42px;
	top: 158px;
}
.jmap .base12 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 42px;
	top: 200px;
}
.jmap .base13 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 142px;
	top: 371px;
}
.jmap .base14 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 142px;
	top: 411px;
}
.jmap .base15 {
	width: 130px;
	height: 30px;
	position: absolute;
	left: 142px;
	top: 452px;
}
.jmap a {
	background-color: #000000;
	color: #FFFFFF;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 30px;
}
.jmap a:hover {
	background-color: #0c9776;
	text-decoration: none;
}


/* syoken
---------------------------------------------------- */
.table_scroll {
	width: 720px;
	margin: 0 auto;
}
table.fpd {
	width: 100%;
	border: 1px #d0d0d0 solid;
	border-collapse: collapse;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
}

table.fpd td {
	border: 1px #d0d0d0 solid;
	padding: 5px 5px;
	text-align: left;
}
table.fpd .half {
	width: inherit;
}
table.fpd th {
	background-color: #e2e1e1;
	border: 1px #d0d0d0 solid;
	text-align: left;
	font-weight: normal;
	padding: 5px 5px;
}
table.fpd .item {
	text-align: left;
}
table.fpd .top {
	background-color: #e2ebe8;
}
table .font {
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.pdf_icon {
    padding: 10px 0 10px 24px;
    background-image: url(../images/index/pdf.gif);
    background-repeat: no-repeat;
    background-position: left center;
}


/* products_main
---------------------------------------------------- */
.products_main {
	width: 760px;
	background-image: url(../images/common/gnav_bg.jpg);
	background-color: #0c9776;
	margin-bottom: 30px;
}
.products_main .main_lead {
	float: left;
	width: 280px;
	height: 200px;
	position: relative;
}
.products_main .main_lead p {
	position: absolute;
	bottom: 30px;
	left: 30px;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	color: #FFFFFF;
}
.products_main img {
	float: left;
}

/* information
---------------------------------------------------- */
#information {
	padding-bottom: 50px;
}
#information .result01 {
	position: relative;
}
#information .result01 .more {
	position: absolute;
	right: 0;
	top: 6px;
}
#information .result01 .more a {
	background-image: url(../images/common/header_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 0 10px 12px;
	color: #333333;
}
#information .result01 .more a:hover {
	color:#f4894f;
	text-decoration: underline;
}
#information .tab01 {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}
#information .tab01 li {
	padding: 0;
	width: 140px;
	height: 34px;
	color: #fff;
	float: left;
	cursor: pointer;
	vertical-align: bottom;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.tab01 li span {
	display: block;
	font-size: 13px;
	width: 100%;
	height: 34px;
	line-height: 16px;
	text-align: center;
	background-color: #FFFFFF;
	display: table;
}
.tab01 li span.tab-btn01 {
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-style: solid;
	border-color: #0c9776;
	color: #0c9776;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.tab01 li span.tab-btn02 {
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-style: solid;
	border-color: #27b5ed;
	color: #27b5ed;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.tab01 li span.tab-btn03 {
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-style: solid;
	border-color: #614ea0;
	color: #614ea0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.tab01 li span p {
	display: table-cell;
	vertical-align: middle;
}
.tab01 li.select span {
	margin: 0 0 0 0;
	height: 34px;
	cursor: default;
}
.tab01 li.select span.tab-btn01 {
	background-color: #0c9776;
	color: #FFFFFF;
}
.tab01 li.select span.tab-btn02 {
	background-color: #27b5ed;
	color: #FFFFFF;
}
.tab01 li.select span.tab-btn03 {
	background-color: #614ea0;
	color: #FFFFFF;
}

.tab-inner01 {
	width: 100%;
}
.tab-inner01 ul li {
	width: 100%;
	padding: 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d0d0d0;
}
.tab-inner01 ul li p {
	display: block;
	float: left;
}
.tab-inner01 ul li p.date {
	width: 90px;
}
.tab-inner01 ul li p.icon {
	width: 80px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	margin-right: 20px;
}
.tab-inner01 ul li p.info {
	background-color: #27b5ed;
}
.tab-inner01 ul li p.ir {
	background-color: #614ea0;
}
.tab-inner01 ul li p.settle {
	background-color: #eb7890;
}
.tab-inner01 ul li p.txt {
	width: 790px;
}
.tab-inner01 ul li p.txt780 {
	width: 780px;
}

/*20201002history*/
.td-border-r-l { 
    border-right:none!important; 
    border-left-style:none!important; 
} 

.td-border-l { 
    border-left-style:none!important; 
} 

.td-border-r { 
    border-right:none!important; 
} 

@media only screen and (max-width: 740px) {

.top20 img {
	position:static;
	width: auto;
}

.heigh100{
	height:auto;
}
.subpage .maintenance_h {
	min-height: inherit;
}
.subpage .products_h {
	min-height: inherit;
}

.subpage .ttl_block {
	width: 100%;
	height: auto;
}
.subpage .ttl_block h1 {
	width: 90%;
	padding: 20px 0;
	line-height: 30px;
	font-size: 22px;
}
.subpage .s_con h2 {
	height: auto;
	padding: 10px 5% 15px;
	margin-bottom: 30px;
	line-height: 30px;
	width: 90%;
	font-size: 20px;
}
.subpage .s_con h3 {
	font-size: 16px;
	border-bottom: 1px solid #e2e1e1;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.subpage .s_con .lead {
	padding: 20px 0;
}

.subpage .right_menu {
	display: none;
}
.subpage .s_con {
	width: 90%;
	padding: 0 5%;
	min-height: inherit;
	margin-bottom: 30px;
}

.subpage p.txt {
	width: 100%;
}
.img_right {
	float: none;
	margin: 0 0 20px 0;
	width: 100%;
	height: auto;
}
.img_left {
	float: none;
	margin: 0 0 20px 0;
	width: 100%;
	height: auto;
}
.sidetxt {
	width: 100%;
	float: none;
}
.img_contents {
	width: 100%;
}
.img_contents img {
	width: 100%;
}
.img_contents img.w60 {
	width: 60%;
}
.img_contents img.contact_btn {
	width: 189px;
}
.img_contents_l {
	width: 100%;
}
.img_contents_l img {
	width: 100%;
}

.subpage .kabuka {
	width: 60%;
	margin: 0 20%;
	text-align: center;
	border: 1px solid #0c9776;
	background-color: #FFFFFF;
}
.subpage .kabuka a {
	display: block;
	color: #0c9776;
	widows: 100%;
	height: 100%;
	padding: 10px 0;
}

.img_message {
	float: none;
	margin: 0 auto 20px;
	width: 180px;
	display: block;
}




/* page_link
---------------------------------------------------- */
.page_link {
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	background: none;
}
.page_link ul li p {
	float: none;
}
.dropmenu3{
	*zoom: 1;
	list-style-type: none;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
}
.dropmenu3:before, .dropmenu:after{
	content: "";
	display: table;
}
.dropmenu3:after{
	clear: both;
}
.dropmenu3 li{
	position: relative;
	width: 100%;
	float: left;
	margin: 0;
	padding: 10px 0;
	text-align: center;
  	background-color: #FFF;
	background-image: url(../images/common/select_icon.jpg);
    background-repeat: no-repeat;
    background-position: right center;
	background-size: 25px 7px;
}
.dropmenu3 li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #0c9776;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu3 li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.dropmenu3 li ul li{
  width: 100%;
  padding: 0;
}
.dropmenu3 li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #FFFFFF;
  background: #0c9776;
  text-align: left;
}
.dropmenu3 li:hover > a{
  background: #0c9776;
}
.dropmenu3 li a:hover{
  background: #0c9776;
}
#dropmenu3 { position: relative; z-index: 7; }
#dropmenu3 li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu3 li:hover ul li{
  overflow: visible;
  height: auto;
}


/* list
---------------------------------------------------- */
ul.list {
	width: 100%;
}
ul.list li {
	width: 90%;
	padding: 10px 5%;
	background-color: #FFFFFF;
}
ul.list li p.date {
	width: 100%;
}
ul.list li p.txt {
	width: 100%;
	padding: 0;
}
ul.list li p.txt_w {
	width: 100%;
}
.map {
	width: 100%;
	height: 300px;
	margin: 10px auto 10px;
}


/* data
---------------------------------------------------- */
ul.data_sum {
	float: none;
	margin-left: 0;
}
ul.data_sum li {
	float: none;
	width: 90%;
	margin: 0 auto 20px;
	position:relative;
}
ul.data_sum li a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-99999px;
}
ul.data_sum li a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
} 
ul.data_sum li .ttl {
	width: 100%;
	font-size: 16px;
}
ul.data_sum li .img_box {
	width: 100%;
	margin-bottom: 10px;
}
ul.data_sum li .img_box img {
	width: 100%;
}



/* base_contents
---------------------------------------------------- */
.base_contents {
	width: 100%;
	margin: 0 auto 30px;
}
.base_contents .img_box {
	width: 100%;
	margin-bottom: 10px;
}
.base_contents .img_box img {
	width: 100%;
}
.base_contents .txt_box {
	width: 100%;
	margin-left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* processing
---------------------------------------------------- */
.processing {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 10px;
}
.processing .img_box {
	width: 100%;
}
.processing .img_box img {
	width: 100%;
	margin-bottom: 20px;
}
.processing .txt_box {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.processing ul {
	margin-left: 0;
}
.processing ul li {
	width: 100%;
	float: none;
	margin-left: 0;
	margin-bottom: 10px;
}
.processing ul li img {
	width: 100%;
	height: auto;
}
.processing ul li p {
	margin: 10px 0 20px;
}

.processing ul.block2 {
	margin-left: 0;
}
.processing ul.block2 li {
	width: inherit;
	float: none;
	margin-left: 0px;
	padding: 2px;
}
.processing ul.block2 li img {
	width: 100%;
	height: auto;
}


/* service_guide
---------------------------------------------------- */
.block {
	width: 90%;
	margin: 0 auto 0;
}
.block ul {
	float: none;
	margin-top: 0;
	margin-left: 0;
}
.block ul li {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
}
.block ul li .ttl {
	width: 100%;
	font-size: 16px;
}
.block ul li .img_box {
	width: 100%;
	margin-bottom: 10px;
}
.block ul li .img_box img {
	width: 100%;
}

.adobe {
	width: 100%;
	margin: 20px 0 0;
}
.adobe .adobe_reader {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.adobe p {
	float: none;
	width: 100%;
}


/* recruit
---------------------------------------------------- */
table.recruit {
	width: 90%;
	margin: 0 auto;
}
table.recruit th, table.recruit td {
	width: 100%;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: none;
}


/* entry
---------------------------------------------------- */
.entry {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.entry_arr {
	width: 10%;
	margin-right: 5%;
	margin-bottom: 20px;
}
.entry_txt {
	width: 85%;
	float: left;
	display: block;
}


/* faq
---------------------------------------------------- */
.faq {
	width: 95%;
	padding: 0 0 1px;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* flow
---------------------------------------------------- */
.flow {
	margin: 0;
}
.flow .txt01{
	font-size: 16px;
	float: inherit;
	width: 100%;
	line-height: inherit;
	margin-bottom: 20px;
}
.flow .txt02{
	font-size: 14px;
	float: inherit;
	width: 100%;
	height: auto;
	padding: 0;
	background-size: 100% 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 10px 20px;
}


/* contact_info
---------------------------------------------------- */
.contact_info {
	width: 90%;
	margin: 0 auto;
}
.contact_info .img_box {
	width: 210px;
	float: none;
	margin: 0 auto;
}
.contact_info .txt_box {
	width: 100%;
	float: none;
	margin-right: 0px;
	margin-bottom: 20px;
}


/* special
---------------------------------------------------- */
.special {
	width: 100%;
	margin-bottom: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.special .special_ttl {
	font-size: 16px;
	line-height: 40px;
}
.special .special_box {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.special .special_box img {
	float: none;
	width: 60%;
	margin: 0 20%;
}


/* contact_area
---------------------------------------------------- */
.contact_area {}
.contact_area .ttl {
	font-size: 18px;
	text-align: center
}


/* map
---------------------------------------------------- */
.map {
	width: 100%;
	height: 300px;
	margin: 20px auto 10px;
}

/*1812 地図変更*/
iframe{
	width: 100%;
	height:inherit;
	margin: 10px auto 10px;
}

.jmap {
	width: 100%;
	height: auto;
	position: inherit;
	margin-top: 10px;
	background-image: none;
}
.jmap .base01 {
	width: 49%;
	height: 30px;
	margin-right: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}
.jmap .base02 {
	width: 49%;
	height: 30px;
	margin-left: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}	
.jmap .base03 {
	width: 49%;
	height: 30px;
	margin-right: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}	
.jmap .base04 {
	width: 49%;
	height: 30px;
	margin-left: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}	
.jmap .base05 {
	width: 49%;
	height: 30px;
	margin-right: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}	
.jmap .base06 {
	width: 49%;
	height: 30px;
	margin-left: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}	
.jmap .base07 {
	width: 49%;
	height: 30px;
	margin-right: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}	
.jmap .base08 {
	width: 49%;
	height: 30px;
	margin-left: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}	
.jmap .base09 {
	width: 49%;
	height: 30px;
	margin-right: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}	
.jmap .base10 {
	width: 49%;
	height: 30px;
	margin-left: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}
.jmap .base11 {
	width: 49%;
	height: 30px;
	margin-right: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}
.jmap .base12 {
	width: 49%;
	height: 30px;
	margin-left: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}
.jmap .base13 {
	width: 49%;
	height: 30px;
	margin-right: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}
.jmap .base14 {
	width: 49%;
	height: 30px;
	margin-left: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}
.jmap .base15 {
	width: 49%;
	height: 30px;
	margin-right: 1%;
	margin-bottom: 2%;
	position: inherit;
	float: left;
}
.jmap a {
	background-color: #000000;
	color: #FFFFFF;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 30px;
}
.jmap a:hover {
	background-color: #0c9776;
	text-decoration: none;
}


/* syoken
---------------------------------------------------- */
.table_scroll {
	width: 95%;
	margin: 0 auto;
	overflow: scroll;
}
table.fpd {
	width: 760px;
}


/* products_main
---------------------------------------------------- */
.products_main {
	width: 100%;
}
.products_main .main_lead {
	float: inherit;
	width: 100%;
	height: auto;
	position: inherit;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.products_main .main_lead p {
	position: inherit;
	font-size: 18px;
	line-height: 24px;
}
.products_main img {
	float: inherit;
	width: 100%;
	padding-bottom: 2px;
}

/* tab-inner01　/*190128変更*/
---------------------------------------------------- */
.block01{
	padding:0 10px;
}

.tab-inner01 ul li {
    width: 90%;
    padding: 15px 5%;
}
.tab-inner01 ul li p.txt {
    width: 100%;
}
.tab-inner01 ul li p.txt780 {
	width: 100%;
}
.tab-inner01 ul li p.date {
    width: 80px;
}
.tab-inner01 ul li p.icon {
    font-size: 10px;
    line-height: 20px;
}

.subpage .contents.cf.pt30 .s_con .block01.cf .title01{
	width: 90%;
}

.subpage .contents.cf.pt30 .s_con .block01.cf .title_case{
	width: auto;
}
	
}