﻿@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');


/*
@import url("normalize.css");
*/




@media screen and (min-width:641px) {

/*==============================================================

	Adjustment

================================================================*/

.phone, div.phone, img.phone, p.phone, .sp, #sp, #spbox {
	display:none !important;
}

div#hamburgermenu {
	display:none !important;
}

.clear {
	display: block;
	clear:both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}






































/*==============================================================

	Decoration

================================================================*/



div#breadcrumb_bg {
	background: #f1f1f1;
	width:100%;
	min-width:1080px;
	height: 50px ;
/*
	margin-top: 14px;
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #ffffff );
	background: -webkit-linear-gradient(#dcdcdc, #ffffff );
	background: linear-gradient(#dcdcdc, #ffffff );
*/
}

.breadcrumb {
	width: 1080px;
	margin-right:auto;
	margin-left:auto;
	letter-spacing: 1px;
	padding: 10px 0 0 0;
/*
	margin-left:0;
	padding-left:0;
*/
}

.breadcrumb li{
	display:inline;/*横に並ぶように*/
	list-style: none;
	color: gray;
/*
	font-weight: bold;
*/
}

.breadcrumb li:after{/* >を表示*/
	content: '>';
	padding: 0 3px;
	color: #000000;
}

.breadcrumb li:last-child:after{
	content: '';
}

.breadcrumb li a {
	text-decoration: none;
	color: #000000;
	font-size: 18px;
}























html {
    scroll-behavior: smooth;
}
.pagetop {
	height: 50px;
	width: 50px;
	position: fixed;
	right: 30px;
	bottom: 130px;
	background: #fff;
/*
	border: solid 1px #000;
*/
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
}

.pagetop__arrow {
	height: 10px;
	width: 10px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: translateY(20%) rotate(-45deg);
}






table.table_diagnosis {
	width:820px;
	border:1px #cccccc solid;
	margin:30px 0 40px 0;
}

table.table_diagnosis tr td.left {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:780px;
	height:150px;
	background-color:#f9a638;
	border:1px #cccccc solid;
	color:#ffffff;
}

table.table_diagnosis tr td.right {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:780px;
	height:150px;
	background-color:#ffffff;
	border:1px #cccccc solid;
}



table.logicaldmg_table, table.physicaldmg_table {
	width:780px;
	border:1px #cccccc solid;
	margin:0 0 40px 0;
	font-size: 16px;
}

table.logicaldmg_table tr td.left, table.physicaldmg_table tr td.left {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:200px;
	height:200px;
	background-color:#003e70;
	border:1px #cccccc solid;
	color:#ffffff;
	font-weight: bold;
}

table.logicaldmg_table tr td.center, table.physicaldmg_table tr td.center {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:250px;
	height:200px;
	background-color:#f5f5f5;
	border:1px #cccccc solid;
}

table.logicaldmg_table tr td.right, table.physicaldmg_table tr td.right {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:250px;
	height:200px;
	background-color:#ffffff;
	border:1px #cccccc solid;
}



table.rates {
	width:820px;
	margin:0 0 20px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.rates tr td {
	width:700px;
	padding:10px;
	border:1px #cccccc solid;
}

table.rates tr td.left {
	width:500px;
	text-align:left;
	background-color:#f4f4f4;
}

table.rates tr td.right {
	width:200px;
	text-align:right;
}



/*==================

	color

==================*/



span.white {
	color: #ffffff;
}

span.red {
	color: #f12f23;
/*
	color: #f12f23;
*/
}

span.red2 {
	color: #ff5151;
}

span.red3 {
	color: #e62c84;
}

span.redbold {
	font-weight: 900;
	color: #f12f23;
}

span.green {
	color: #4dbc5c;
}

span.greenbold {
	font-size: 14px;
	font-weight: bold;
	color: #228b22;
}

span.bblue {
	font-size: 18px;
	font-weight: bold;
	color: #0e32c9;
}

span.blue {
	color: #00adf2;
}

span.bluebold {
	color: #0047a3;
	font-weight: 900;
}

span.blue2 {
	color: #0047a3;
}

span.blue3 {
	color: #3c99e5;
}

span.bold {
	font-weight: 900;
}

span.yellow {
	color: #ffeb3b;
}

span.yellowbold {
	color: #ffeb3b;
	font-weight: 600;
}

span.orange {
	color: #ffa500;
}

span.orange {
	color: #ffa500;
}

span.orangebold {
	color: #ffa500;
	font-weight: 900;
}

span.borange {
	font-weight: bold;
	color: #f58700;
}

.line_yellow {
	font-weight: 600;
	background: linear-gradient(transparent 60%, #ff0 0%);
}

.line_green {
	background: linear-gradient(transparent 60%, #d8f1cb 0%);
}
















/*==================

	sitemap用

==================*/



div.sitemap_contents_bg {
	background-color:#ffffff;
	padding: 95px 0px;
}

div.sitemap_contents_bg_true {
	background-color:#ecf9ff;
	padding: 95px 0px;
}

div.sitemap_contents_bg_true2 {
	background-color:#f8f9f9;
	padding: 95px 0px;
}

div.sitemap_contents {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}



.sitemap_contents_bg p.sitemap_title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
}

.sitemap_contents_bg p.sitemap_title span{
	position: relative;
	display: inline-block;
	padding-bottom:0.5em;
	border-bottom: 1px solid #3d3933;
}

.sitemap_contents_bg p.sitemap_title span::before,
.sitemap_contents_bg p.sitemap_title span::after {
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}

.sitemap_contents_bg p.sitemap_title span::before {
	border-top: 10px solid #3d3933;
}

.sitemap_contents_bg p.sitemap_title span::after {
	margin-top: -1px;
	border-top: 10px solid white;
}



.sitemap_contents_bg_true2 p.sitemap_title {
	text-align: center;
	color: #3d3933;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
}

.sitemap_contents_bg_true2 p.sitemap_title span{
	position: relative;
	display: inline-block;
	padding-bottom:0.5em;
	border-bottom: 1px solid #3d3933;
}

.sitemap_contents_bg_true2 p.sitemap_title span::before,
.sitemap_contents_bg_true2 p.sitemap_title span::after {
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}

.sitemap_contents_bg_true2 p.sitemap_title span::before {
	border-top: 10px solid #3d3933;
}

.sitemap_contents_bg_true2 p.sitemap_title span::after {
	margin-top: -1px;
	border-top: 10px solid #f8f9f9;
}




ul.sitemap_w, ul.sitemap_b, ul.sitemap_c {
	text-align: center;
	list-style: none;
}

ul.sitemap_w li, ul.sitemap_b li, ul.sitemap_c li {
	margin-bottom: 10px;
}

ul.sitemap_w {
	color:#3d3933;
}

ul.sitemap_w a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_w a:visited {
	color:#3d3933;
}
ul.sitemap_w a:hover {
	color:#2ebcdc;
}
ul.sitemap_w a:active {
	color:#2ebcdc;
}

ul.sitemap_b {
	color:#3d3933;
}
ul.sitemap_b a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_b a:visited {
	color:#3d3933;
}
ul.sitemap_b a:hover {
	color:#2ebcdc;
}
ul.sitemap_b a:active {
	color:#2ebcdc;
}

ul.sitemap_c {
	color:#3d3933;
	margin-bottom: 60px;
}
ul.sitemap_c a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_c a:visited {
	color:#3d3933;
}
ul.sitemap_c a:hover {
	color:#2ebcdc;
}
ul.sitemap_c a:active {
	color:#2ebcdc;
}



table.area_sitemap {
	width:1080px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 60px;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.area_sitemap tr td {
	width:62px;
	height:50px;
	border:1px #cccccc solid;
	text-align:center;
	vertical-align : middle;
}

table.area_sitemap tr td {
	background-color:#0083cd;
}

table.area_sitemap tr td.fill {
	background-color:#f4f4f4;
}

table.area_sitemap tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area_sitemap tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area_sitemap tr td a span.area_text_b {
	position:relative;
	top:13px;
	line-height:100%;
}

table.area_sitemap tr td a:hover {
	background-color:#ffd900;
	color:#333333;
	font-weight:bold;
}

table.area_sitemap tr td a span.manufacturer_text {
	position:relative;
	top:10px;
}



table.area2 {
	width:1080px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 60px;
	border-collapse:collapse;
	border:1px #d8d8d8 solid;
	font-size:98%;

/*
	width:700px;
	margin:30px 0 0 0;
	border-collapse:collapse;
	border:1px #d8d8d8 solid;
	font-size:98%;
*/
}

table.area2 tr td {
	width:62px;
	height:50px;
	border:1px #d8d8d8 solid;
	text-align:center;
	vertical-align : middle;
}

table.area2 tr td {
	background-color:#0083cd;
}

table.area2 tr td.fill {
	background-color:#f7f7f7;
}

table.area2 tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area2 tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area2 tr td a span.area_text_b {
	position:relative;
	top:15px;
	font-size:80%;
}

table.area2 tr td a span.area_text_c {
	font-size:80%;
}

table.area2 tr td a:hover {
	background-color:#ffd800;
	color:#3d3933;
	font-weight:bold;
}






table.area {
	width:820px;
	margin:0 0 40px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.area tr td {
	width:62px;
	height:50px;
	border:1px #cccccc solid;
	text-align:center;
	vertical-align : middle;
}

table.area tr td {
	background-color:#45b4eb;
}

table.area tr td.fill {
	background-color:#f4f4f4;
}

table.area tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area tr td a span.area_text_b {
	position:relative;
	top:13px;
	line-height:100%;
}

table.area tr td a:hover {
	background-color:#ffe631;
	color:#333333;
	font-weight:bold;
}



h3.h3bg a.area_title {
	text-decoration:none;
}

h3.h3bg a.area_title:link {
	color: #ffffff;
}

h3.h3bg a.area_title:visited {
	color: #ffffff;
}

h3.h3bg a.area_title:hover {
	color: #f9d923;
}

h3.h3bg a.area_title:active {
	color: #ffffff;
}



h4.h4bg a.area_title {
	text-decoration:none;
}

h4.h4bg a.area_title:hover {
	color: #f9d923;
}




.maker_link {
	width: 820px;
	height: 620px;
	position:relative;
}


.maker1 {
	background: url("../img/maker1_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 0px;
}

.maker2 {
	background: url("../img/maker2_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 211px;
}

.maker3 {
	background: url("../img/maker3_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 421px;
}

.maker4 {
	background: url("../img/maker4_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 631px;
}



.maker5 {
	background: url("../img/maker5_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 80px;
	left: 0px;
}

.maker6 {
	background: url("../img/maker6_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 80px;
	left: 211px;
}

.maker7 {
	background: url("../img/maker7_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 80px;
	left: 421px;
}

.maker8 {
	background: url("../img/maker8_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 80px;
	left: 631px;
}



.maker9 {
	background: url("../img/maker9_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 160px;
	left: 0px;
}

.maker10 {
	background: url("../img/maker10_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 160px;
	left: 211px;
}

.maker11 {
	background: url("../img/maker11_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 160px;
	left: 421px;
}

.maker12 {
	background: url("../img/maker12_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 160px;
	left: 631px;
}



.maker13 {
	background: url("../img/maker13_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 240px;
	left: 0px;
}

.maker14 {
	background: url("../img/maker14_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 240px;
	left: 211px;
}

.maker15 {
	background: url("../img/maker15_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 240px;
	left: 421px;
}

/*
.maker16 {
	background: url("../img/maker16_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 204px;
	left: 631px;
}
*/

.maker17 {
	background: url("../img/maker17_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 240px;
	left: 631px;
}



.maker18 {
	background: url("../img/maker18_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 320px;
	left: 0px;
}

.maker19 {
	background: url("../img/maker19_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 320px;
	left: 211px;
}

.maker25 {
	background: url("../img/maker25_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 320px;
	left: 421px;
}

.maker26 {
	background: url("../img/maker26_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 320px;
	left: 631px;
}



.maker27 {
	background: url("../img/maker27_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 400px;
	left: 0px;
}

.maker28 {
	background: url("../img/maker28_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 400px;
	left: 211px;
}

.maker29 {
	background: url("../img/maker29_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 400px;
	left: 421px;
}

.maker30 {
	background: url("../img/maker30_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 400px;
	left: 631px;
}



/*
.maker31 {
	background: url("../img/maker31_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 480px;
	left: 0px;
}
*/

.maker32 {
	background: url("../img/maker32_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 480px;
	left: 0px;
}

.maker33 {
	background: url("../img/maker33_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 480px;
	left: 211px;
}

.maker40 {
	background: url("../img/maker40_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 480px;
	left: 421px;
}

.maker38 {
	background: url("../img/maker38_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 480px;
	left: 631px;
}



/*
.maker34 {
	background: url("../img/maker34_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 560px;
	left: 631px;
}
*/

.maker35 {
	background: url("../img/maker35_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 560px;
	left: 0px;
}

.maker36 {
	background: url("../img/maker36_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 560px;
	left: 211px;
}

.maker37 {
	background: url("../img/maker37_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 560px;
	left: 421px;
}

.maker20 {
	background: url("../img/maker20_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 560px;
	left: 631px;
}



.maker21 {
	background: url("../img/maker21_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 640px;
	left: 0px;
}

.maker22 {
	background: url("../img/maker22_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 640px;
	left: 211px;
}

.maker23 {
	background: url("../img/maker23_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 640px;
	left: 421px;
}

.maker24 {
	background: url("../img/maker24_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 640px;
	left: 631px;
}



/*
.maker39 {
	background: url("../img/maker39_over.png") no-repeat;
	width: 189px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	top: 720px;
	left: 0px;
}
*/

a.maker1, a.maker2, a.maker3, a.maker4, a.maker5, a.maker6, a.maker7, a.maker8, a.maker9, a.maker10, a.maker11, a.maker12, a.maker13, a.maker14, a.maker15, a.maker16, a.maker17, a.maker18, a.maker19, a.maker20, a.maker21, a.maker22, a.maker23, a.maker24, a.maker25, a.maker26, a.maker27, a.maker28, a.maker29, a.maker30, a.maker31, a.maker32, a.maker33, a.maker34, a.maker35, a.maker36, a.maker37, a.maker38, a.maker39, a.maker40 {
	display: inline-block;
/*
	margin-bottom: 5px;
*/
}

a.maker1:hover, a.maker2:hover, a.maker3:hover, a.maker4:hover, a.maker5:hover, a.maker6:hover, a.maker7:hover, a.maker8:hover, a.maker9:hover, a.maker10:hover, a.maker11:hover, a.maker12:hover, a.maker13:hover, a.maker14:hover, a.maker15:hover, a.maker16:hover, a.maker17:hover, a.maker18:hover, a.maker19:hover, a.maker20:hover, a.maker21:hover, a.maker22:hover, a.maker23:hover, a.maker24:hover, a.maker25:hover, a.maker26:hover, a.maker27:hover, a.maker28:hover, a.maker29:hover, a.maker30:hover, a.maker31:hover, a.maker32:hover, a.maker33:hover, a.maker34:hover, a.maker35:hover, a.maker36:hover, a.maker37:hover, a.maker38:hover, a.maker39:hover, a.maker40:hover {
	background-color: transparent; /* IE6対応 */
}

a.maker1:hover img, a.maker2:hover img, a.maker3:hover img, a.maker4:hover img, a.maker5:hover img, a.maker6:hover img, a.maker7:hover img, a.maker8:hover img, a.maker9:hover img, a.maker10:hover img, a.maker11:hover img, a.maker12:hover img, a.maker13:hover img, a.maker14:hover img, a.maker15:hover img, a.maker16:hover img, a.maker17:hover img, a.maker18:hover img, a.maker19:hover img, a.maker20:hover img, a.maker21:hover img, a.maker22:hover img, a.maker23:hover img, a.maker24:hover img, a.maker25:hover img, a.maker26:hover img, a.maker27:hover img, a.maker28:hover img, a.maker29:hover img, a.maker30:hover img, a.maker31:hover img, a.maker32:hover img, a.maker33:hover img, a.maker34:hover img, a.maker35:hover img, a.maker36:hover img, a.maker37:hover img, a.maker38:hover img, a.maker39:hover img, a.maker40:hover img {
	visibility: hidden;
}






/*==============================================================

	Body Header Nav Mainimage

================================================================*/

body {
	font-family: "Noto Sans Japanese", "Noto Sans JP", Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 18px;
	line-height: 1.8;
	color: #313131;
/*
	background-color:#e8f6fd;
	background-color:#f1f1f1;
	background-image:url(../img/bg1.gif);
*/
}





































h1 {
	margin: 0;
	width: 1080px;
	height:40px;
	letter-spacing: -1px;
	font-size: 15px;
	font-weight: normal;
	padding: 4px 0 6px 0;
	color: #fff;
	border-radius: 0px 0px 10px 10px;
	box-sizing: border-box;
}







div#header_bg {
	height:179px;
	background-color:#5cc0ef;
/*
	background-color:#45b4eb;
	padding-top: 10px;
	width:1024px;
	background-image:url(../img/bg_h1.png);
*/
}

div#header {
	background-image:url(../img/header_bg.png);
/*
	background-color:#e7f5ee;
*/
	width:1080px;
	height:200px;
	margin-right:auto;
	margin-left:auto;
	position:relative;

}








.logo {
	background-color:#e7f5ee;
/*
	background-color:#e7f5ee;
*/
	width: 400px;
	height: 88px;
	vertical-align: bottom;
	position: absolute;
	left: 0px;
	top: 60px;
}

a.logo {
	display: inline-block;
}

a.logo:hover {
	background-color: transparent; /* IE6対応 */
}

a.logo:hover img {
	visibility: hidden;
}
















.headerfd_bg {
	border-radius: 10px;
	background-color:#fff;
	width: 400px;
	height: 88px;
	position: absolute;
	left: 430px;
	top: 60px;
}

.header_fd {
	margin: 8px 10px 0px 10px;
	background: url("../img/header_fd_over.jpg") no-repeat;
	width: 380px;
	height: 41px;
	vertical-align: bottom;
/*
	position: absolute;
	left: 430px;
	top: 65px;
*/
}

a.header_fd {
	display: inline-block;
}

a.header_fd:hover {
	background-color: transparent; /* IE6対応 */
}

a.header_fd:hover img {
	visibility: hidden;
}

.header_fd_text {
	margin: 5px 10px 5px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
/*
	position: absolute;
	left: 525px;
	top: 107px;
*/
}














.header_mail {
	background: url("../img/header_mail_over.jpg") no-repeat;
	width: 216px;
	height: 88px;
	position: absolute;
	top: 60px;
	left: 866px;
}

.header_mail a {
	display: inline-block;
}

.header_mail a:hover {
	background-color: transparent;
}

.header_mail a:hover img {
	visibility: hidden;
}






div#nav {
	margin: 15px 0 10px 0;
}

div.nav {
	width:1080px;
	height: 70px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

.nav1 {
	background: url("../img/nav1_over.jpg") no-repeat;
	width: 216px;
	height: 70px;
	float:left;
}

.nav2 {
	background: url("../img/nav2_over.jpg") no-repeat;
	width: 216px;
	height: 70px;
	float:left;
}

.nav3 {
	background: url("../img/nav3_over.jpg") no-repeat;
	width: 216px;
	height: 70px;
	float:left;
}

.nav4 {
	background: url("../img/nav4_over.jpg") no-repeat;
	width: 216px;
	height: 70px;
	float:left;
}

.nav5 {
	background: url("../img/nav5_over.jpg") no-repeat;
	width: 216px;
	height: 70px;
	float:left;
}

.nav1 a, .nav2 a, .nav3 a, .nav4 a, .nav5 a {
	display: inline-block;
}

.nav1 a:hover, .nav2 a:hover, .nav3 a:hover, .nav4 a:hover, .nav5 a:hover {
	background-color: transparent;
}

.nav1 a:hover img, .nav2 a:hover img, .nav3 a:hover img, .nav4 a:hover img, .nav5 a:hover img {
	visibility: hidden;
}























#mainimage_bg {
/*
	background-color:#1c75bc;
*/
}







div#mainimage {
	background-color:#1c75bc;
	width: 1080px;
	margin-right:auto;
	margin-left:auto;
	height: 500px;
	position:relative;
}



.mainimgbtn1 {
	background: url("../img/mainimage_btn1_over.jpg") no-repeat;
	width: 220px;
	height: 60px;
	position: absolute;
	top: 331px;
	left: 52px;
}

.mainimgbtn2 {
	background: url("../img/mainimage_btn2_over.jpg") no-repeat;
	width: 220px;
	height: 60px;
	position: absolute;
	top: 331px;
	left: 292px;
}

.mainimgbtn3 {
	background: url("../img/mainimage_btn3_over.png") no-repeat;
	width: 460px;
	height: 78px;
	position: absolute;
	top: 412px;
	left: 52px;
}

.mainimgbtn1 a, .mainimgbtn2 a, .mainimgbtn3 a {
	display: inline-block;
}

.mainimgbtn1 a:hover, .mainimgbtn2 a:hover, .mainimgbtn3 a:hover {
	background-color: transparent;
}

.mainimgbtn1 a:hover img, .mainimgbtn2 a:hover img, .mainimgbtn3 a:hover img {
	visibility: hidden;
}













/*==============================================================

	contents

================================================================*/

div#contents {
/*
	background-color:#ffffff;
*/
	width: 1080px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 30px;
	position:relative;
	letter-spacing:1.5px;
	line-height:23px;

/*
	margin-bottom: 90px;
*/
}















/*==============================================================

	rightcontents

================================================================*/

div#rightcontents {
/*
	background-color:#189be4;
	padding: 30px 25px 0 25px;
*/
	width: 820px;
	margin-left: 30px;
	float: right;

}

div#rightcontents p:not(p.inner_p):not(p.tsap1):not(p.includetitle):not(p.supplement):not(p.examples_body):not(p.roughestimate):not(p.formalquote):not(p.list1_p):not(p.split3btext):not(　):not(　):not(　) {
	margin-bottom: 40px;
	line-height: 1.75;
}

img.rc_img {
	margin-bottom: 40px;
}

img.rc_img_btm {
	margin: 40px 0px 40px 0px;
}

img.rc_img_btm2 {
	margin: 0px 0px 80px 0px;
}

.btmsp1 {
	margin-bottom: 20px;
}



.flow_img {
	margin-bottom: 60px;
}










h2.gradient_ctop {
	margin-bottom: 40px;
	font-size: 20px;
  padding: 0.8em 1em;
  color: #fff;
	border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#1c75bc), to(#5cc0ef));
  background-image: -webkit-linear-gradient(left, #1c75bc 0%, #5cc0ef 100%);
  background-image: linear-gradient(to right, #1c75bc 0%, #5cc0ef 100%);
}

h2:not(h2.gradient_ctop ) {
	margin-top: 120px;
	margin-bottom: 40px;
	font-size: 20px;
  padding: 0.8em 1em;
  color: #fff;
	border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#1c75bc), to(#5cc0ef));
  background-image: -webkit-linear-gradient(left, #1c75bc 0%, #5cc0ef 100%);
  background-image: linear-gradient(to right, #1c75bc 0%, #5cc0ef 100%);

}



h3 {
	margin-bottom: 40px;
	font-size: 20px;
  position: relative;
  padding: 0.25em 0;
}
h3:after {
	margin-top: 5px;
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(249, 166, 56), #FED16A);
  background: linear-gradient(to right, rgb(249, 166, 56), #FED16A);
}



h3.h3blue {
	margin-bottom: 40px;
	font-size: 20px;
  position: relative;
  padding: 0.25em 0;
}
h3.h3blue:after {
	margin-top: 5px;
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(28, 117, 188), #5cc0ef);
  background: linear-gradient(to right, rgb(28, 117, 188), #5cc0ef);
}




.textbox1{
	border-radius: 10px;
  background: #EAE4D5;
}
.textbox1 h4{
	border-radius: 10px 10px 0px 0px;
  background: #5cc0ef;
  color: #FFF;
  text-align: center;
  margin: 0;
	padding: 10px 0px;
}
.textbox1 .inner p.inner_p{
  padding: 18px 16px;
}

.textbox1red{
	border-radius: 10px;
	background-color: rgba(255,0,0,0.1);
}
.textbox1red h4{
	border-radius: 10px 10px 0px 0px;
  background: #5cc0ef;
  color: #FFF;
  text-align: center;
  margin: 0;
	padding: 10px 0px;
}
.textbox1red .inner p.inner_p{
  padding: 18px 16px;
}



.textbox4, .textbox4red {
	margin: 54px 0px;
	padding:2em;/*内側余白*/
	position: relative;
	border: 8px solid #f0f0f0;/* 線の太さ・種類・色 */
	z-index: 0;
}
.textbox4:before {
	background-color:#009fe6;/* ワインポイントの色 */
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	left: -8px;
	width: 8px;
	height: 8px;
	z-index: 1;
}
.textbox4red:before {
	background-color:#ff0000;/* ワインポイントの色 */
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	left: -8px;
	width: 8px;
	height: 8px;
	z-index: 1;
}



.list1, .list1b {
	margin-bottom: 40px;
    position: relative;
    padding: 1.5em 1em 1em 2.5em;
    border: 2px solid #2589d0;
}

.list1 > div.list1title {
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 .5em;
    background-color: #fff;
    color: #f9a638;
    font-weight: 900;
	font-size: 20px;
}

.list1b > div.list1btitle {
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 .5em;
    background-color: #F8F8F8;
    color: #f9a638;
    font-weight: 900;
	font-size: 20px;
}

.list1 ul, .list1b ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

.list1 li, .list1b li {
    padding: .3em .3em .3em 0;
}

.list1 li::marker, .list1b li::marker {
    color: #2589d0;
    font-size: 1.1em;
}



.list2 {
    list-style-type: none;
    padding: 1em;
    border: 2px solid #1c75bc;
    counter-reset: li;
    border-radius: 10px;
}

.list2 li {
    display: flex;
    align-items: center;
    padding: .3em;
}

.list2 li::before {
    display: inline-block;
    min-width: 1.7em;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #1c75bc;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 1.7em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}







.split2a {
	width: 820px;
	margin-bottom: 60px;
}

.split2a_left {
	float: left;
	width: 300px;
	margin-right: 20px;
}

.split2a_right {
	float: left;
	width: 455px;
}



.split2b {
	width: 820px;
	margin-bottom: 60px;
}

.split2b_left {
	float: left;
	width: 400px;
	margin-right: 20px;
}

.split2b_right {
	float: left;
	width: 400px;
}



.split2c {
	width: 820px;
	margin-bottom: 60px;
}

.split2c_left {
	background-color:#F8F8F8;
	float: left;
	width: 360px;
	margin-right: 20px;
	padding: 20px;
}

.split2c_right {
	background-color:#F8F8F8;
	float: left;
	width: 360px;
	padding: 20px;
}



.split3 {
	width: 820px;
	height: 242px;
	margin-bottom: 60px;
	position:relative;
}

.split3_left {
	background-color:#F8F8F8;
	background: url("../img/split3bg1.jpg") no-repeat;
	float: left;
	width: 268px;
	height: 242px;
	margin-right: 8px;
}

.split3_center {
	background-color:#F8F8F8;
	background: url("../img/split3bg1.jpg") no-repeat;
	float: left;
	width: 268px;
	height: 242px;
	margin-right: 8px;
}

.split3_right {
	background-color:#F8F8F8;
	background: url("../img/split3bg1.jpg") no-repeat;
	float: left;
	width: 268px;
	height: 242px;
}

.split3_left p.split3title {
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 12px;
	top: 8px;
}

.split3_left p.split3title1 {
	font-weight: bold;
	font-size: 16px;
	line-height: 0;

	position: absolute;
	left: 12px;
	top: 3px;
}

.split3_left p.split3title2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 0;

	position: absolute;
	left: 12px;
	top: 23px;
}

.split3_center p.split3title {
	font-weight: bold;
	font-size: 20px;
	line-height: 0;

	position: absolute;
	left: 290px;
	top: 8px;
}

.split3_center p.split3title1 {
	font-weight: bold;
	font-size: 16px;
	line-height: 0;

	position: absolute;
	left: 290px;
	top: 3px;
}

.split3_center p.split3title2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 0;

	position: absolute;
	left: 290px;
	top: 23px;
}

.split3_right p.split3title {
	font-weight: bold;
	font-size: 18px;

	position: absolute;
	left: 565px;
	top: 10px;
}

.split3_right p.split3title1 {
	font-weight: bold;
	font-size: 16px;

	position: absolute;
	left: 565px;
	top: 3px;
}

.split3_right p.split3title2 {
	font-weight: bold;
	font-size: 16px;

	position: absolute;
	left: 565px;
	top: 23px;
}

.split3_left p.split3text {
	width: 250px;
	font-size: 18px;
	position: absolute;
	left: 12px;
	top: 55px;
}

.split3_center p.split3text {
	width: 250px;
	font-size: 18px;
	position: absolute;
	left: 290px;
	top: 55px;
}

.split3_right p.split3text {
	width: 250px;
	font-size: 18px;
	position: absolute;
	left: 565px;
	top: 55px;
}
































p.threetypetitle {
	color: #333333;
	font-size: 22px;
	text-align: center;

}

p.threetypetitle span.three {
	color: #5cc0ef;
	font-size: 40px;
	font-weight: 900;

}






.split3b {
	width: 820px;
	height: 362px;
	margin-bottom: 60px;
	position:relative;
}

.split3b_left {
	background: url("../img/3type_a.jpg") no-repeat;
	float: left;
	width: 266px;
	height: 362px;
	margin-right: 11px;
}

.split3b_center {
	background-color:#F8F8F8;
	background: url("../img/3type_b.jpg") no-repeat;
	float: left;
	width: 266px;
	height: 362px;
	margin-right: 11px;
}

.split3b_right {
	background-color:#F8F8F8;
	background: url("../img/3type_c.jpg") no-repeat;
	float: left;
	width: 266px;
	height: 362px;
}

.split3b_left p.split3btitle {
	color: #1c75bc;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 70px;
	top: 190px;
}

.split3b_center p.split3btitle {
	color: #1c75bc;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 337px;
	top: 190px;
}

.split3b_right p.split3btitle {
	color: #1c75bc;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 614px;
	top: 190px;
}

.split3b_left p.split3btext {
	width: 250px;
	font-size: 15px;
	line-height: 22px;

	position: absolute;
	left: 12px;
	top: 230px;
}

.split3b_center p.split3btext {
	width: 250px;
	font-size: 15px;
	line-height: 22px;

	position: absolute;
	left: 288px;
	top: 230px;
}

.split3b_right p.split3btext {
	width: 250px;
	font-size: 15px;
	line-height: 22px;

	position: absolute;
	left: 564px;
	top: 230px;
}






.split3c {
	width: 820px;
	height: 300px;
	margin-bottom: 60px;
	position:relative;
}

.split3c_left {
	background-color:#F8F8F8;
	background: url("../img/3type_b_a.jpg") no-repeat;
	float: left;
	width: 266px;
	height: 300px;
	margin-right: 11px;
}

.split3c_center {
	background-color:#F8F8F8;
	background: url("../img/3type_b_b.jpg") no-repeat;
	float: left;
	width: 266px;
	height: 300px;
	margin-right: 11px;
}

.split3c_right {
	background-color:#F8F8F8;
	background: url("../img/3type_b_c.jpg") no-repeat;
	float: left;
	width: 266px;
	height: 300px;
}

.split3c_left p.split3btitle {
	color: #1c75bc;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 70px;
	top: 190px;
}

.split3c_center p.split3btitle {
	color: #1c75bc;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 337px;
	top: 190px;
}

.split3c_right p.split3btitle {
	color: #1c75bc;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 614px;
	top: 190px;
}

.split3c_left p.split3btext {
	width: 250px;
	font-size: 15px;
	line-height: 22px;

	position: absolute;
	left: 12px;
	top: 230px;
}

.split3c_center p.split3btext {
	width: 250px;
	font-size: 15px;
	line-height: 22px;

	position: absolute;
	left: 288px;
	top: 230px;
}

.split3c_right p.split3btext {
	width: 250px;
	font-size: 15px;
	line-height: 22px;

	position: absolute;
	left: 564px;
	top: 230px;
}





































.cv {
	margin-top: 120px;
	position:relative;
}

.cvcontact {
	background: url("../img/cv_contact_over.png") no-repeat;
	width: 252px;
	height: 31px;
	vertical-align: bottom;
	position: absolute;
	left: 116px;
	top: 230px;
}

.cvmailinrequestform {
	background: url("../img/cv_mailin_request_form_over.png") no-repeat;
	width: 252px;
	height: 31px;
	vertical-align: bottom;
	position: absolute;
	left: 284px;
	top: 230px;
}

.cv_fd {
	background: url("../img/cv_fd_over.jpg") no-repeat;
	width: 253px;
	height: 27px;
	vertical-align: bottom;
	position: absolute;
	left: 452px;
	top: 232px;
}

a.cv_contact, a.cv_fd, a.cv_mailinrequestform {
	display: inline-block;
}

a.cv_contact:hover, a.cv_fd:hover, a.cv_mailinrequestform:hover {
	background-color: transparent; /* IE6対応 */
}

a.cv_contact:hover img, a.cv_fd:hover img, a.cv_mailinrequestform:hover img {
	visibility: hidden;
}




.contactusfd {
	background: url("../img/contact_fd_over.png") no-repeat;
	width: 458px;
	height: 61px;
	vertical-align: bottom;
}

a.contact_us_fd, a.cv_fd {
	display: inline-block;
}

a.contact_us_fd:hover, a.cv_fd:hover {
	background-color: transparent; /* IE6対応 */
}

a.contact_us_fd:hover img, a.cv_fd:hover img {
	visibility: hidden;
}



.textbox5 {
	margin: 54px 0px;
	padding:3em 2em 0px; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に)*/
	border: 1px solid #009fe6; /* ボックスの線 (太さ・種類・色)*/
	background-color:#F8F8F8; /* ボックス背景色*/
}
.textbox5 .textbox5-title {
	background-color:#009fe6; /* タイトル背景色 */
	font-size: 1em;/* タイトル文字の大きさ */
	color: #fff ; /* タイトル文字色 */
	padding: 7px 12px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/* 配置(ここを動かす) */
	top: 0; /*上からの距離*/
	left: 0; /*左からの距離*/
}

.textbox5 p {
	margin-bottom: 0px;
	font-size: 20px;
}



table.businesshours {
  width: 100%;
  border-collapse: collapse;
}

table.businesshours tr {
  border-bottom: solid 2px white;
}

table.businesshours tr:last-child {
  border-bottom: none;
}

table.businesshours th {
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #1caae9;
  color: white;
  text-align: center;
  padding: 30px 0;
	font-size: 24px;
}

table.businesshours th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #1caae9;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.businesshours td {
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 30px 0;
	font-size: 24px;
	font-weight: 600;
}



.divide {
	width:820px;
	margin:20px 0 0 0;
}

.divide2 {
	width:820px;
	margin:20px 0 0 0;
	padding-top: 20px;
	border-top: 1px dashed #cccccc;
}

.divide3 {
	width:820px;
	margin:20px 0 90px 0;
	padding-top: 20px;
	border-top: 1px dashed #cccccc;
}

.divide_left {
	background-color:#f7f7f7;
	width:360px;
	height:165px;
	float:left;
	margin-right: 10px;
}

.divide_left p {
	margin:0 0 0 0;
	padding:10px;
	font-size: 14px;
}

.divide_center {
	background-color:#f7f7f7;
	width:220px;
	float:left;
	margin-right: 10px;
}

.divide_right {
	width:220px;
	float:left;
}






















.split2f {
	width: 775px;
	margin-bottom: 30px;
}

.split2f_left {
    position: relative;
	float: left;
	width: 375px;
/*
	height: 600px;
*/
	margin-right: 25px;


}

.split2f_right {
    position: relative;
	float: left;
	width: 375px;
/*
	height: 600px;
*/
}



.split2g {
	border:3px #c9c9c9 solid;
	width: 775px;
	margin-bottom: 30px;
}

.split2g_left {
    position: relative;
	float: left;
	width: 375px;
/*
	height: 600px;
*/
	margin-right: 25px;


}

.split2g_right {
    position: relative;
	float: left;
	width: 360px;
	padding: 25px 0px 0px 0px;
/*
	height: 600px;
*/
}

.takuhai_step_img {
	margin-bottom: 30px;
}

.takuhai_step_img2 {
	margin: 25px 0px 25px 25px;
}

.takuhai_step_text {
	margin-bottom: 30px;
}



.split2h {
	width: 775px;
}

.split2h_left {
    position: relative;
	border:3px #c9c9c9 solid;
	float: left;
	width: 342px;
	height: 600px;
	padding: 14px 15px 14px 15px;
	margin-right: 19px;


}

.split2h_right {
    position: relative;
	border:3px #c9c9c9 solid;
	float: left;
	width: 342px;
	height: 600px;
	padding: 14px 15px 14px 15px;
}



.split2i {
	width: 775px;
	margin-bottom: 90px;
}

.split2i_left {
    position: relative;
	float: left;
	width: 375px;
/*
	height: 600px;
*/
	margin-right: 25px;


}

.split2i_right {
    position: relative;
	float: left;
	width: 375px;
/*
	height: 600px;
*/
}



.split2j {
	width: 775px;
}

.split2j_left {
    position: relative;
	float: left;
	width: 375px;
/*
	height: 600px;
*/
	margin-right: 25px;


}

.split2j_right {
    position: relative;
	float: left;
	width: 375px;
/*
	height: 600px;
*/
}



.split2k {
	width: 775px;
}

.split2k_left {
    position: relative;
	border:3px #c9c9c9 solid;
	float: left;
	width: 342px;
	height: 400px;
	padding: 14px 15px 14px 15px;
	margin-right: 19px;


}

.split2k_right {
    position: relative;
	border:3px #c9c9c9 solid;
	float: left;
	width: 342px;
	height: 400px;
	padding: 14px 15px 14px 15px;
}



.split2l {
	width: 775px;
}

.split2l2 {
	width: 775px;
	margin-bottom: 90px;
}

.split2l_left, .split2l2_left {
    position: relative;
	float: left;
	width: 375px;
/*
	height: 600px;
*/
	margin-right: 25px;


}

.split2l_right, .split2l2_right {
    position: relative;
	float: left;
	width: 375px;
}




.tooltip1a, .tooltip1b, .tooltip1c, .tooltip1d {
    display: inline-block;
    position: relative;
	z-index: 333;
}

.tooltip1a > div, .tooltip1b > div, .tooltip1c > div, .tooltip1d > div {
    cursor: pointer;
}

.tooltip1a > span {
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translateX(-50%);
    padding: .5em 1em;
    border-radius: 3px;
    background-color: #131313;
    color: #ffffff;
    font-size: .7em;
    white-space: nowrap;
    transition: opacity .3s;
}

.tooltip1b > span {
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);
    padding: .5em 1em;
    border-radius: 3px;
    background-color: #131313;
    color: #ffffff;
    font-size: .7em;
    white-space: nowrap;
    transition: opacity .3s;
}

.tooltip1c > span {
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    padding: .5em 1em;
    border-radius: 3px;
    background-color: #131313;
    color: #ffffff;
    font-size: .7em;
    white-space: nowrap;
    transition: opacity .3s;
}

.tooltip1d > span {
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -280px;
    left: 50%;
    transform: translateX(-50%);
    padding: .5em 1em;
    border-radius: 3px;
    background-color: #131313;
    color: #ffffff;
    font-size: .7em;
    white-space: nowrap;
    transition: opacity .3s;
}

.tooltip1a > span::before, .tooltip1b > span::before, .tooltip1c > span::before, .tooltip1d > span::before {
    position: absolute;
    bottom: -6px;
    width: 9px;
    height: 6px;
    background-color: inherit;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.tooltip1a:hover > span, .tooltip1b:hover > span, .tooltip1c:hover > span, .tooltip1d:hover > span {
    visibility: visible;
    opacity: 1;
}


.takuhaistepaddress {
	width: 349px;
	height: 210px;
	border:3px #c9c9c9 solid;
	padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.takuhaistepaddress2 {
	width: 375px;
	height: 210px;
	background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.takuhaistepaddress_item {
	padding-top: 30px;
}

p.tsap1 {
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 30px;
}

p.tsap2 {
	font-size: 20px;
}



.examples_balloon1 {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 300px;
    margin-bottom: 15px;
    padding: .8em 1.2em;
    border-radius: 5px;
    background-color: #009fe6;
    color: #fff;
	font-weight: 900;
}

.examples_balloon1::before {
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 15px;
    background-color: #009fe6;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.examples_title {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}

.examples_title {
	margin: 25px 0 0 0;
}

.examples_img {
	margin: 16px 0px 30px 0px;
}

.examples_repairdetails {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 300px;
    margin-bottom: 25px;
    padding: .8em 1.2em;
    border-radius: 5px;
    background-color: #ffa500;
    color: #333333;
	font-weight: 600;
}




.examples_balloon1 a.pcrepair_balloon_a {
	text-decoration:none;
	font-weight: 900;
}

.examples_balloon1 a.pcrepair_balloon_a:link {
	color: #fff;
}

.examples_balloon1 a.pcrepair_balloon_a:visited {
	color: #fff;
}

.examples_balloon1 a.pcrepair_balloon_a:hover {
	color: #f9d923;
}

.examples_balloon1 a.pcrepair_balloon_a:active {
	color: #fff;
}



.leftcontents_linkbtn {
  vertical-align:middle; 
  text-align: center;
	margin-top: 60px;
}

.repair_all_link {
  display: inline-block;
  width: 330px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: #FFFFFF;
	font-weight: 600;
	border-radius: 30px;
  background: linear-gradient(to right, #009fe6, #00ced1);
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
}
.repair_all_link:hover {
  color: #fff;
  background-position: 100% 51%;
}






.include {
	width: 775px;
	height: 300px;
}

.include_a, .include_b, .include_c, .include_d {
/*
	background-color:#eeeeee;
*/
	width: 155px;
	height: 330px;
	border-top:3px #c9c9c9 solid;
	border-bottom:3px #c9c9c9 solid;
	border-left:3px #c9c9c9 solid;
	box-sizing: border-box;
	float: left;
}

.include_e {
/*
	background-color:#eeeeee;
*/
	width: 155px;
	height: 330px;
	border:3px #c9c9c9 solid;
	box-sizing: border-box;
	float: left;
}

.include_img {
	margin: 10px;
}

.include_ha, .include_hb, .include_hd {
	background-color:#05887d;
	width: 132px;
	height: 34px;
	margin: 0 0 6px 9px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.include_hc, .include_he {
	background-color:#05887d;
	width: 132px;
	height: 34px;
	margin: 0 0 6px 9px;
	letter-spacing: -2px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.include_ha p, .include_hb p, .include_hc p, .include_hd p, .include_he p {
	font-size: 14px;
	color: #ffffff;
}

.supplement {
	margin-left: 5px;
	font-size: 14px;
}




h2.gradient a.area_title {
	text-decoration:none;
}

h2.gradient a.area_title:link {
	color: #ffffff;
}

h2.gradient a.area_title:visited {
	color: #ffffff;
}

h2.gradient a.area_title:hover {
	color: #f9d923;
}

h2.gradient a.area_title:active {
	color: #ffffff;
}




/*
table.area {
	width:775px;
	margin:0 0 40px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.area tr td {
	width:62px;
	height:50px;
	border:1px #cccccc solid;
	text-align:center;
	vertical-align : middle;
}

table.area tr td {
	background-color:#45b4eb;
}

table.area tr td.fill {
	background-color:#f4f4f4;
}

table.area tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area tr td a span.area_text_b {
	position:relative;
	top:13px;
	line-height:100%;
}

table.area tr td a:hover {
	background-color:#ffe631;
	color:#333333;
	font-weight:bold;
}
*/


table.logicaldmg_table, table.physicaldmg_table {
	width:775px;
	border:1px #cccccc solid;
	margin:0 0 40px 0;
	font-weight: 900;
	font-size: 18px;
}

table.logicaldmg_table tr td.left, table.physicaldmg_table tr td.left {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:240px;
	height:200px;
	background-color:#728390;
	border:1px #cccccc solid;
	color:#ffffff;
}

table.logicaldmg_table tr td.center, table.physicaldmg_table tr td.center {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:270px;
	height:200px;
	background-color:#f4f4f4;
	border:1px #cccccc solid;
}

table.logicaldmg_table tr td.right, table.physicaldmg_table tr td.right {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:270px;
	height:200px;
	background-color:#ffffff;
	border:1px #cccccc solid;
}

.bg3_ture {
	width: 820px;
	margin: 60px 0 60px 0;
	padding:20px 30px 1px 30px;
	background-color:#eae4d5;
	box-sizing: border-box;
	letter-spacing: 0px;
	line-height: 1.6;
	color: #333333;
	border-radius: 10px;
}




.bg1_ture_border {
	width: 780px;
	margin: 60px 0 60px 0;
	padding:20px 30px 30px 30px;
	background-color:#ffffff;
	box-sizing: border-box;
	letter-spacing: 0px;
	line-height: 1.6;
	border: solid 1px #cccccc;
}






.rc_fd2 {
	background: url("../img/contactpage_fd_over.jpg") no-repeat;
	width: 300px;
	height: 36px;
	vertical-align: bottom;
}

.rc_ac2 {
	background: url("../img/contactpage_ac_over.jpg") no-repeat;
	width: 296px;
	height: 36px;
	vertical-align: bottom;
}

a.rc_fd2, a.rc_ac2 {
	display: inline-block;
}

a.rc_fd2:hover, a.rc_ac2:hover {
	background-color: transparent; /* IE6対応 */
}

a.rc_fd2:hover img, a.rc_ac2:hover img {
	visibility: hidden;
}



.address {
	font-size: 22px;
	font-weight: 900;
	line-height: 2;
}



.rough_estimate {
	width: 820px;
	margin: 0 0 60px 0;
	padding:20px 30px 30px 30px;
	background-color:#eae4d5;
	box-sizing: border-box;
	letter-spacing: 0px;
	line-height: 1.6;
	border-radius: 10px;
	color: #333333;
}

.formal_quote {
	width: 820px;
	margin: 60px 0 60px 0;
	padding:20px 30px 30px 30px;
	background-color:#eae4d5;
	box-sizing: border-box;
	letter-spacing: 0px;
	line-height: 1.6;
	border-radius: 10px;
	color: #333333;
}



table.company, table.links {
  width: 100%;
  border-collapse: collapse;
}

table.company tr, table.links tr {
  border-bottom: solid 2px white;
}

table.company tr:last-child, table.links tr:last-child {
  border-bottom: none;
}

table.company th, table.links th {
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #1caae9;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table.company th:after, table.links th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #1caae9;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.company td, table.links td {
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}



.textbox6 {
	margin: 54px 0px;
	padding:2em;/*内側余白*/
	border:solid 2px #ccc;/*線の種類・太さ・色*/
}

.textbox6 ul {
	margin:0;
}



table.table_transaction {
	width:775px;
	margin:0 0 60px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
/*
	font-size:90%;
*/
}

table.table_transaction tr td.left {
	width:300px;
	text-align:left;
	background-color:#1caae9;
	color: #fff;
	padding:10px;
	border:1px #cccccc solid;
}

table.table_transaction tr td.right {
	width:475px;
	text-align:left;
	padding:10px;
	border:1px #cccccc solid;
}



.links tr th a {
/*
	text-decoration:none;
*/
	font-weight: 600;
	font-size: 16px;
}

.links tr th a:link {
	color: #ffffff;
}

.links tr th a:visited {
	color: #ffffff;
}

.links tr th a:hover {
	color: #f9d923;
}

.links tr th a:active {
	color: #ffffff;
}

.links tr td {
	font-size: 16px;
}



.contents_mail, .contents_btn {/*ボタンの背景*/
	color: #fff;/*文字・アイコン色*/
	display: inline-block;
	height: 50px;/*高さ*/
	width: 775px;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 16px;/*文字のサイズ*/
	line-height: 50px;/*高さと合わせる*/
	vertical-align: middle;/*垂直中央寄せ*/
	background-color: #ff6600;
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
/*
	border: 1px solid #000000;
*/
	margin: 60px 0 0 0;
}

.contents_mail span, .contents_btn span {/*テキスト*/
	display:inline-block;
	transition: .5s}

.contents_mail span:before {
	font-family: FontAwesome;
	content: "\f0e0";
	margin-right: 5px;
}

.contents_mail:hover span, .contents_btn:hover span {/*ホバーで一周回転*/
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
}



.3typecontents {
/*
	background: url("../img/3type.jpg") no-repeat;
	background-color: #ff6600;
	width: 820px;
	height: 562px;
*/





}



.textbox7 {
    max-width: 820px;
    margin-bottom: 90px;
    padding: .5em 1.5em 5px;
    border-top: 5px solid #22ac38;
    border-radius: 3px;
    background-color: #f2f2f2;
}

.textbox7 > div {
    margin-bottom: 1em;
    color: #22ac38;
    font-weight: 600;
    font-size: 1.05em;
}

.textbox7 > p {
    margin: 0;
    color: #333;
    font-size: 14px;
}










































/*==============================================================

	leftcontents

================================================================*/

div#leftcontents {
	margin-top: 0px;
/*
	background-color:#ffeac5;
	border: solid 1px #dcdcdc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
*/

/*
	padding: 5px 15px 10px 15px;
	background-color:#189be4;
*/
	width: 230px;
	float: left;
}















.sidebanner {
	margin-bottom: 60px;
}

.sidebanner .banner1 a img, .sidebanner .banner2 a img, .sidebanner .banner3 a img, .sidebanner .banner4 a img {
	border-radius: 10px;
}


.banner1 {
	background: url("../img/banner1_over.jpg") no-repeat;
	background-size: cover;
	width: 230px;
	height: 206px;
	margin-bottom: 10px;
	border-radius: 10px;
	border: solid 1px #c9c9c9;
}

.banner2 {
	background: url("../img/banner2_over.jpg") no-repeat;
	background-size: cover;
	width: 230px;
	height: 206px;
	margin-bottom: 10px;
	border-radius: 10px;
	border: solid 1px #c9c9c9;
}

.banner3 {
	background: url("../img/banner3_over.jpg") no-repeat;
	background-size: cover;
	width: 230px;
	height: 206px;
	border-radius: 10px;
	border: solid 1px #c9c9c9;
}

.banner4 {
	background: url("../img/banner4_over.jpg") no-repeat;
	background-size: cover;
	width: 230px;
	height: 206px;
	border-radius: 10px;
	border: solid 1px #c9c9c9;
}

.banner1 a, .banner2 a, .banner3 a, .banner4 a {
	display: inline-block;
}

.banner1 a:hover, .banner2 a:hover, .banner3 a:hover, .banner4 a:hover {
	background-color: transparent;
}

.banner1 a:hover img, .banner2 a:hover img, .banner3 a:hover img, .banner4 a:hover img {
	visibility: hidden;
}



.menu {
	width: 230px;
	background-color:#009fe6;
/*
	border: solid 5px #56c3ff;
	margin-bottom: 30px;
*/
	margin-bottom: 60px;

}

.menu1 {
	background: url("../img/menu1_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-top: solid #c9c9c9 1px;
	border-bottom: solid #c9c9c9 1px;
}

.menu2 {
	background: url("../img/menu2_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu3 {
	background: url("../img/menu3_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu4 {
	background: url("../img/menu4_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu5 {
	background: url("../img/menu5_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu6 {
	background: url("../img/menu6_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu7 {
	background: url("../img/menu7_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu8 {
	background: url("../img/menu8_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu9 {
	background: url("../img/menu9_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu10 {
	background: url("../img/menu10_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu11 {
	background: url("../img/menu11_over.jpg") no-repeat;
	width: 230px;
	height: 50px;
	border-bottom: solid #c9c9c9 1px;
}

.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menu7 a, .menu8 a, .menu9 a, .menu10 a, .menu11 a {
	display: inline-block;
}

.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover, .menu6 a:hover, .menu7 a:hover, .menu8 a:hover, .menu9 a:hover, .menu10 a:hover, .menu11 a:hover {
	background-color: transparent;
}

.menu1 a:hover img, .menu2 a:hover img, .menu3 a:hover img, .menu4 a:hover img, .menu5 a:hover img, .menu6 a:hover img, .menu7 a:hover img, .menu8 a:hover img, .menu9 a:hover img, .menu10 a:hover img, .menu11 a:hover img {
	visibility: hidden;
}




.sidebox_img {
	margin-bottom: 10px;
}

.sidebox {
	background-color:#5cc0ef;
	width: 210px;
	vertical-align: bottom;
	padding: 10px 10px 10px 10px;
	margin-bottom: 30px;
	position:relative;
	border-radius: 10px;
}

.sidebox_contents {
	background-color:#f0f0f0;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	width: 200px;
	height: 147px;
	overflow:auto;
	padding: 5px;
/*
	clip-path: inset(0 round 10px);
	border: solid 1px #a0a0a0;
	position: absolute;
	left: 0px;
	top: 100px;
*/
}

.sidebox_contents p span.sc_ttlbg {
	background-color:#1c75bc;
	padding: 1px 6px;
	color: #fff;
}


.sidebox_contents p span.sc_ttlbg2 {
	background-color:#319f2d;
	padding: 1px 6px;
	color: #fff;
}



.sidebox_title {
  position: relative;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 20px 0 10px 0;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

.sidebox_title:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: 'サポート可能';
  background: #f9a638;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.05em;
}



/*
.sidebox_title {
    position: relative;
    padding: 10px 10px 5px 25px;
    border-bottom: 3px solid #2589d0;
    color: #333333;
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0px;
}

.sidebox_title::before {
    position: absolute;
    top: 0;
    left: 8px;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #2589d0;
    content: '';
}

.sidebox_title::after {
    position: absolute;
    transform: rotate(15deg);
    top: 15px;
    left: 0;
    height: 8px;
    width: 8px;
    background: #2589d0;
    content: '';
}
*/



a.sidebox_ttl_a {
	text-decoration:none;
}

p span.sc_ttlbg2 a:link {
	color: #fff;
}

p span.sc_ttlbg2 a:hover {
	color: #f9d923;
}

p span.sc_ttlbg2 a:visited {
	color: #fff;
}

p span.sc_ttlbg2 a:active {
	color: #fff;
}



.social_list {
	background-color: #f9f9f9;
	width: 230px;
}

.social_list_x {
	text-align: center;
}

.social_list_x a img {
	width: 35px;
	height: 36px;
	text-align: center;
/*
	vertical-align: middle;
*/
}











/*==============================================================

	inquiry

================================================================*/

div.inquiry_cc_bg {
	width:100%;
	margin-top: 90px;
	padding: 90px 0 90px 0;
	background-color: #5cc0ef;
/*
	background-color: #728390;
*/
}

div.inquiry_cc {
/*
	background: url(../img/inquiry_bg.jpg) center;
	border-radius: 20px;
	border: 3px solid #fff;
	background: url(../img/inquiry.jpg) center;
	height: 571px;
*/
	width:1080px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
/*
	padding: 20px 0px;
*/
}






.inquiry_fd {
	background: url("../img/inquiry_fd_over.jpg") no-repeat;
	width: 480px;
	height: 52px;
	vertical-align: bottom;
	position: absolute;
	left: 24px;
	top: 330px;
}

a.inquiry_fd {
	display: inline-block;
}

a.inquiry_fd:hover {
	background-color: transparent; /* IE6対応 */
}

a.inquiry_fd:hover img {
	visibility: hidden;
}

.inquiry_fd_text1 {
	font-size: 32px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 40px;
	top: 20px;
}

.inquiry_fd_text2 {
	font-size: 32px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 75px;
	top: 75px;
}

.inquiry_fd_text3 {
	font-size: 32px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 40px;
	top: 130px;
}

.inquiry_fd_text4 {
	font-size: 30px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 20px;
	top: 250px;
}

.inquiry_fd_text5 {
	font-size: 24px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 75px;
	top: 393px;
}

.inquiry_fd_text6 {
	font-size: 24px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 574px;
	top: 425px;
}

.inquiry_fd_text7 {
	font-size: 24px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 574px;
	top: 455px;
}

.inquiry_fd_text8 {
	font-size: 24px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 574px;
	top: 485px;
}

.inquiry_fd_text9 {
	font-size: 24px;
	font-weight: 900;
	color: #333333;
	position: absolute;
	left: 574px;
	top: 515px;
}

.inquiry_fd_text10 {
	font-size: 28px;
	font-weight: 900;
	color: #5cc0ef;
	position: absolute;
	left: 574px;
	top: 5px;
}














.inquiry_mail {
	background: url("../img/inquiry_mail_over.jpg") no-repeat;
	width: 480px;
	height: 84px;
	position: absolute;
	top: 463px;
	left: 24px;
}

.inquiry_mail a {
	display: inline-block;
}

.inquiry_mail a:hover {
	background-color: transparent;
}

.inquiry_mail a:hover img {
	visibility: hidden;
}












.recruit_inquiry_bg {
/*
	background: url(../img/inquiry_bg.png) center;
*/
	background-position: center center;
	background-size: cover;
	height: 500px;
	padding: 0px 0px 90px 0px;
}

.recruit_inquiry {
	border:1px #cccccc solid;
	background-color:#fff;
/*
	background: url(../img/inquiry_recruit.png) center;
*/
	width: 1080px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}

.inquiry_recruit_ac {
	background: url("../img/inquiry_recruit_ac_over.png") no-repeat;
	position:absolute;
	top:223px;
	left:315px;
}

a.inquiry_recruit_ac {
	display: inline-block;
}

a.inquiry_recruit_ac:hover {
	background-color: transparent; /* IE6対応 */
}

a.inquiry_recruit_ac:hover img {
	visibility: hidden;
}

p.recruit_inquiry_address1 {
	font-size: 48px;
	font-weight: 900;
	letter-spacing: 1px;
	position:absolute;
	top: 60px;
	left: 150px;
}

p.recruit_inquiry_address2 {
	text-align: center;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: 30px;
	position:absolute;
	top: 320px;
	left: 320px;
}

p.recruit_inquiry_address3 {
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 1px;
	position:absolute;
	top: 400px;
	left: 150px;
}



















































.ggmaptop {
	width:1080px;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	margin-top: 20px;
	padding-bottom: 0%;
	padding-top: 0px;
	height: 400px;
	overflow: hidden;
	border-radius: 10px;
/*
	height: 0px;
	overflow: hidden;
*/
}
.ggmaptop iframe,
.ggmaptop object,
.ggmaptop embed {
	position: absolute;
	top: 0;
	left: 0;
	width:1080px;
	height: 400px;
	margin:0 0 0 0;
}



.ggmapbring {
	width:820px;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	margin-top: 60px;
	padding-bottom: 0%;
	padding-top: 0px;
	height: 400px;
	overflow: hidden;
	border-radius: 10px;
/*
	height: 0px;
	overflow: hidden;
*/
}
.ggmapbring iframe,
.ggmapbring object,
.ggmapbring embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 820px;
	height: 400px;
	margin:0 0 0 0;
}










/*==============================================================

	inquiry_recruit

================================================================*/




































/*==============================================================

	footer

================================================================*/



#footer {
	width:100%;
	padding: 60px 0px;
	background-color:#1c75bc;
}

#fcontents {
	width:1080px;
	margin-right:auto;
	margin-left:auto;
	font-size:16px;
	line-height:1.5;
}



p.heading-ab {
	width: 520px;
	padding: 10px 0px;
/*
    padding:0 .4em .2em;
*/
	border-bottom: 3px solid #fff;
    background-color: transparent;
	color: #fff;
	font-size:18px;
	float:left;
	margin-right:40px;
}

p.heading-c {
	width: 240px;
	padding: 10px 0px;
/*
    padding:0 .4em .2em;
*/
	border-bottom: 3px solid #fff;
    background-color: transparent;
	color: #fff;
	font-size:18px;
	float:left;
	margin-right:40px;
}

p.heading-d {
	width: 240px;
	padding: 10px 0px;
/*
    padding:0 .4em .2em;
*/
	border-bottom: 3px solid #fff;
    background-color: transparent;
	color: #fff;
	font-size:18px;
	float:left;
}






ul.footer li {
	list-style-type:none;
	color:#1a1a1a;
	margin-bottom: 20px;
}

#fcontents_a, #fcontents_b, #fcontents_c {
	width:240px;
	float:left;
	margin-right:40px;
}

#fcontents_d {
	width:240px;
	float:left;
}


li.none {
	list-style-type: none;
}

#fcontents_a p, #fcontents_b p, #fcontents_c p {
	font-size:10px;
/*
	margin:0 0 5px 20px;
*/
}

#fcontents_d p {
	font-size:10px;
/*
	margin:0 0 5px 20px;
*/
}



#fcontents_a a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_a a:visited {
	color:#fff;
}
#fcontents_a a:hover {
	color:#ffeb3b;
}
#fcontents_a a:active {
	color:#fff;
}

#fcontents_b a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_b a:visited {
	color:#fff;
}
#fcontents_b a:hover {
	color:#ffeb3b;
}
#fcontents_b a:active {
	color:#fff;
}

#fcontents_c a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_c a:visited {
	color:#fff;
}
#fcontents_c a:hover {
	color:#ffeb3b;
}
#fcontents_c a:active {
	color:#fff;
}

#fcontents_d a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_d a:visited {
	color:#fff;
}
#fcontents_d a:hover {
	color:#ffeb3b;
}
#fcontents_d a:active {
	color:#fff;
}













































/*==============================================================

	copyright

================================================================*/




#copyright_bg {
	background-color:#1c75bc;
/*
	background-color:#001537;
	border-top: 1px dashed #ffffff;
*/
	margin-bottom: 100px;
}

#copyright {
	width:1080px;
	margin:auto;
	text-align:center;
	padding:10px 0px;
	font-size:16px;
/*
	border-top: 1px solid #999999;
*/
	color:#fff;
}

































#fixation {
position: fixed; bottom: 0px; z-index: 0;

box-sizing: border-box;

width: 100%;

height: 100px;

margin: 0px;

/*
padding: 20px;
background: #ccf;
*/

background-color:rgba(230,230,230,0.8);
background-blend-mode:lighten;
}

.fixation_contents {
	width:1080px;
	margin-right:auto;
	margin-left:auto;

/*
	background-color:#efefef;
*/
	position:relative;

}



.fixation_text1 {
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	top: 4px;
	left: 0px;
}

.fixation_text2 {
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	top: 71px;
	left: 0px;
}





.fixation_fd {
	background: url("../img/fixation_fd_over.png") no-repeat;
	width: 328px;
	height: 35px;
	vertical-align: bottom;
	position: absolute;
	left: 0px;
	top: 33px;
}

.fixation_button1 {
	background: url("../img/fixation_button1_over.png") no-repeat;
	width: 170px;
	height: 82px;
	vertical-align: bottom;
	position: absolute;
	left: 352px;
	top: 9px;
}

.fixation_button2 {
	background: url("../img/fixation_button2_over.png") no-repeat;
	width: 170px;
	height: 82px;
	vertical-align: bottom;
	position: absolute;
	left: 538px;
	top: 9px;
}

.fixation_button3 {
	background: url("../img/fixation_button3_over.png") no-repeat;
	width: 170px;
	height: 82px;
	vertical-align: bottom;
	position: absolute;
	left: 724px;
	top: 9px;
}

.fixation_button4 {
	background: url("../img/fixation_button4_over.png") no-repeat;
	width: 170px;
	height: 82px;
	vertical-align: bottom;
	position: absolute;
	left: 910px;
	top: 9px;
}

a.fixation_fd, a.fixation_button1, a.fixation_button2, a.fixation_button3, a.fixation_button4 {
	display: inline-block;
}

a.fixation_fd:hover, a.fixation_button1:hover, a.fixation_button2:hover, a.fixation_button3:hover, a.fixation_button4:hover {
	background-color: transparent; /* IE6対応 */
}

a.fixation_fd:hover img, a.fixation_button1:hover img, a.fixation_button2:hover img, a.fixation_button3:hover img, a.fixation_button4:hover img {
	visibility: hidden;
}



}

@media screen and (min-width:0px) and (max-width:640px) {

/*==============================================================

	Adjustment

================================================================*/

img, object, embed {
	max-width: 100%;
	height: auto;
}


.pc, #pc {
	display:none !important;
}

#nav, #nav_top {
	display:none !important;
}





html {
    scroll-behavior: smooth;
}
.pagetop {
	height: 50px;
	width: 50px;
	position: fixed;
	right: 30px;
	bottom: 130px;
	background: #fff;
/*
	border: solid 1px #000;
*/
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
}

.pagetop__arrow {
	height: 10px;
	width: 10px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: translateY(20%) rotate(-45deg);
}









#toggle {
  display: none;
}

/**
  Hamburger
**/
.hamburger {
  position: absolute;
  top: 5em;
  right: 5%;
  margin-left: -2em;
  margin-top: -45px;
  width: 2em;
  height: 45px;
  z-index: 905;
	position: fixed;
	right: 30px;
	bottom: 130px;
}

.hamburger div {
  position: relative;
  width: 3em;
  height: 7px;
  border-radius: 3px;
  background-color: #f8982b;
  margin-top: 8px;
  transition: all 0.3s ease-in-out;
}

/**
Nav Styles
**/
.nav {
	z-index: 900;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #090E6B;
  top: -100%; left: 0; right: 0; bottom: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  transform: scale(0);
}
.nav-wrapper {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
}
nav {
  text-align: left;
  margin-left: 10%;
}
nav a {
  position: relative;
  text-decoration: none;
  color: #6ecddd;
  font-size: 22px;
  display: inline-block;
  margin-top: 2em;
  transition: color 0.2s ease-in-out;
  letter-spacing: 1px;
}
nav a:before {
  content: '';
  height: 0;
  position: absolute;
  width: 0.25em;
  background-color: white;
  left: -0.5em;
  transition: all 0.2s ease-in-out;
}
nav a:hover {
  color: white;
}
nav a:hover:before {
  height: 100%;
}

/**
Animations
**/
#toggle:checked + .hamburger .top-bun {
  transform: rotate(-45deg);
  margin-top: 25px;
}
#toggle:checked + .hamburger .bottom-bun {
  opacity: 0;
  transform: rotate(45deg);
}
#toggle:checked + .hamburger .meat {
  transform: rotate(45deg);
  margin-top: -7px;
}

#toggle:checked + .hamburger + .nav {
  top: 0;
  transform: scale(1);
}















/*==================

	パンくずリスト

==================*/

div#breadcrumb_bg {
	width:100%;
	margin: 0px 0px 60px 0;;
	background: #fff;
/*
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #ffffff );
	background: -webkit-linear-gradient(#dcdcdc, #ffffff );
	background: linear-gradient(#dcdcdc, #ffffff );
*/
}

div#breadcrumb_b_bg {
	display: none !important;
}

.breadcrumb {
	margin-right:auto;
	margin-left:auto;
	padding: 5px 35px;
	line-height: 50px;
/*
	margin-left:0;
	padding-left:0;
*/
}

.breadcrumb li{
	display:inline;/*横に並ぶように*/
	list-style: none;
	font-weight: bold;
	color: #000;
}

.breadcrumb li:after{/* >を表示*/
	content: '>';
	padding: 0 3px;
}

.breadcrumb li:last-child:after{
	content: '';
}

.breadcrumb li a {
	text-decoration: none;
	font-size: 18px;
	color: #000;
}

div#breadcrumb2_bg {
	width:100%;
	min-width:1080px;
	background: #ffffff;
}



/*==================

	color

==================*/



span.white {
	color: #ffffff;
}

span.red {
	color: #f12f23;
/*
	color: #f12f23;
*/
}

span.red2 {
	color: #ff5151;
}

span.red3 {
	color: #e62c84;
}

span.redbold {
	font-weight: 900;
	color: #f12f23;
}

span.green {
	color: #4dbc5c;
}

span.greenbold {
	font-size: 14px;
	font-weight: bold;
	color: #228b22;
}

span.bblue {
	font-size: 18px;
	font-weight: bold;
	color: #0e32c9;
}

span.blue {
	color: #00adf2;
}

span.bluebold {
	color: #0047a3;
	font-weight: 900;
}

span.blue2 {
	color: #0047a3;
}

span.blue3 {
	color: #3c99e5;
}

span.bold {
	font-weight: 900;
}

span.yellow {
	color: #ffeb3b;
}

span.yellowbold {
	color: #ffeb3b;
	font-weight: 600;
}

span.orange {
	color: #ffa500;
}

span.orange {
	color: #ffa500;
}

span.orangebold {
	color: #ffa500;
	font-weight: 900;
}

.line_yellow {
	font-weight: 600;
	background: linear-gradient(transparent 60%, #ff0 0%);
}

.line_green {
	background: linear-gradient(transparent 60%, #d8f1cb 0%);
}



/*==============================================================

	Body Header Nav Mainimage

================================================================*/

body {
	font-family: "Noto Sans Japanese", "Noto Sans JP", Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 18px;
/*
	line-height: 1.8;
*/
	color: #313131;
	background-color:#fff;
/*
	padding: 0px 35px;
*/
}

.cc1, #contents, .logo, .headerfd, .header_mail, .logo_top, .headerfd_top, .header_mail_top, #contents_top {
	padding: 0px 35px;
}

img {
	vertical-align: top;
}




.hh1 {
	width: 100%;
/*
	padding: 10px 20px;
	padding: 20px 0 20px 0;
*/
/*
	margin-top:10px;
	border-radius: 4px;
*/

	background-color:#009fe6;

	color: #FFF;
	font-size: 17px;
	margin-bottom: 30px;
}

h1 {
	padding: 10px 35px;
}

.logo, .header_mail {
	margin-bottom: 30px;
}

.headerfd {
	margin-bottom: 10px;
}

.logo a img, .headerfd a img {
	width: 100%;
}

.header_fd_text {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 30px;
    padding: 4px 10px;
    border-radius: 5px;
    color: #333333;

	font-size: 24px;
/*
	position: absolute;
	left: 0px;
	top: 0px;
*/
	text-align: center;
	font-weight: 900;
}



.header_mail {
	text-align: center;
}




#mainimage_bg {
	margin-bottom: 40px;
}



div#mainimage {
	width: 100%;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

div#mainimage img {
	width: 100%;
}








h2.gradient_ctop {
	margin-bottom: 40px;
	font-size: 20px;
  padding: 0.8em 1em;
  color: #fff;
	border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#1c75bc), to(#5cc0ef));
  background-image: -webkit-linear-gradient(left, #1c75bc 0%, #5cc0ef 100%);
  background-image: linear-gradient(to right, #1c75bc 0%, #5cc0ef 100%);
}

h2:not(h2.gradient_ctop ) {
	margin-top: 120px;
	margin-bottom: 40px;
	font-size: 20px;
  padding: 0.8em 1em;
  color: #fff;
	border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#1c75bc), to(#5cc0ef));
  background-image: -webkit-linear-gradient(left, #1c75bc 0%, #5cc0ef 100%);
  background-image: linear-gradient(to right, #1c75bc 0%, #5cc0ef 100%);

}



h3 {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 20px;
  position: relative;
  padding: 0.25em 0;
}
h3:after {
	margin-top: 5px;
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(249, 166, 56), #FED16A);
  background: linear-gradient(to right, rgb(249, 166, 56), #FED16A);
}




.textbox1{
	margin-top: 40px;
	border-radius: 10px;
  background: #EAE4D5;
}
.textbox1 h4{
	border-radius: 10px 10px 0px 0px;
  background: #5cc0ef;
  color: #FFF;
  text-align: center;
  margin: 0;
	padding: 10px 0px;
}
.textbox1 .inner p.inner_p{
  padding: 18px 16px;
}



.list1 {
	margin: 80px 0px 40px 0px;
    position: relative;
    padding: 1.5em 1em 1em 2.5em;
    border: 2px solid #2589d0;
}

.list1 > div.list1title {
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 .5em;
    background-color: #fff;
    color: #f9a638;
    font-weight: 900;
	font-size: 20px;
}

.list1 ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

.list1 li {
    padding: .3em .3em .3em 0;
}

.list1 li::marker {
    color: #2589d0;
    font-size: 1.1em;
}



.list1b {
	margin: 80px 0px 40px 0px;
    position: relative;
    padding: 1.5em 1em 1em 2.5em;
    border: 2px solid #2589d0;
}

.list1b > div.list1btitle {
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 .5em;
    background-color: #fff;
    color: #f9a638;
    font-weight: 900;
	font-size: 20px;
}

.list1b ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

.list1b li {
    padding: .3em .3em .3em 0;
}

.list1b li::marker {
    color: #2589d0;
    font-size: 1.1em;
}



.list2 {
    list-style-type: none;
    padding: 1em;
    border: 2px solid #1c75bc;
    counter-reset: li;
    border-radius: 10px;
}

.list2 li {
    display: flex;
    align-items: center;
    padding: .3em;
}

.list2 li::before {
    display: inline-block;
    min-width: 1.7em;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #1c75bc;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 1.7em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}



.rc_img_btm {
	margin-top: 80px;
}



.split2a_left img {
	width: 100%;
	margin-bottom: 40px;
}

.sidebanner .banner1 a img {
	margin: 80px 0px 40px 0px;
	border-radius: 10px;
	border: solid 1px #c9c9c9;
}

.sidebanner .banner2 a img {
	margin: 40px 0px;
	border-radius: 10px;
	border: solid 1px #c9c9c9;
}

.sidebanner .banner3 a img {
	margin: 40px 0px 80px 0px;
	border-radius: 10px;
	border: solid 1px #c9c9c9;
}

.sidebanner .banner4 a img {
	margin: 0px 0px 40px 0px;
	border-radius: 10px;
	border: solid 1px #c9c9c9;
}

.sidebanner .banner1, .sidebanner .banner2, .sidebanner .banner3, .sidebanner .banner4 {
	text-align: center;
}





.sidebox_img {
	width: 100%;
	margin-bottom: 12px;
}

.sidebox {
	border-radius: 10px;
	background-color:#1c75bc;
	width: 95%;
	vertical-align: bottom;
	padding: 10px 10px 10px 10px;
	margin-bottom: 80px;
	position:relative;
}

.sidebox_contents {
	background-color:#f0f0f0;
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 2px;
	width: 97%;
	height: 300px;
	overflow:auto;
	padding: 5px;
/*
	clip-path: inset(0 round 10px);
	border: solid 1px #a0a0a0;
	position: absolute;
	left: 0px;
	top: 100px;
*/
}



.sidebox_title {
  position: relative;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 20px 0 10px 0;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

.sidebox_title:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: 'サポート可能';
  background: #f9a638;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.05em;
}



.textbox7 {
    max-width: 820px;
    margin-top: 90px;
    margin-bottom: 90px;
    padding: .5em 1.5em 1em;
    border-top: 5px solid #22ac38;
    border-radius: 3px;
    background-color: #f2f2f2;
}

.textbox7 > div {
    margin-bottom: 1em;
    color: #22ac38;
    font-weight: 600;
    font-size: 1.05em;
}

.textbox7 > p {
    margin: 0;
    color: #333;
}






























/*==============================================================

	footer

================================================================*/



#footer {
	padding: 60px 0px;
	background-color:#1c75bc;
}

#fcontents {
	padding: 0 35px;
	margin-right:auto;
	margin-left:auto;
	font-size:20px;
	line-height:1.5;
}



p.heading-ab {
	padding: 10px 0px;
/*
    padding:0 .4em .2em;
*/
	border-bottom: 3px solid #f9a638;
	background-color:#1c75bc;
	color: #fff;
	font-size:24px;
	font-weight: 900;
	float:left;
}

p.heading-d {
	padding: 10px 0px;
/*
    padding:0 .4em .2em;
*/
	border-bottom: 3px solid #fff;
	background-color:#728390;
	color: #fff;
	font-size:18px;
	float:left;
}

ul.footer li {
	list-style-type:none;
	color:#1a1a1a;
	margin-bottom: 50px;
}



.leftcontents_linkbtn {
  vertical-align:middle; 
  text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

.repair_all_link {
  display: inline-block;
  width: 330px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: #FFFFFF;
	font-weight: 600;
	border-radius: 30px;
  background: linear-gradient(to right, #009fe6, #00ced1);
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
}
.repair_all_link:hover {
  color: #fff;
  background-position: 100% 51%;
}



















#fcontents_a a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_a a:visited {
	color:#fff;
}
#fcontents_a a:hover {
	color:#ffeb3b;
}
#fcontents_a a:active {
	color:#fff;
}

#fcontents_b a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_b a:visited {
	color:#fff;
}
#fcontents_b a:hover {
	color:#ffeb3b;
}
#fcontents_b a:active {
	color:#fff;
}

#fcontents_c a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_c a:visited {
	color:#fff;
}
#fcontents_c a:hover {
	color:#ffeb3b;
}
#fcontents_c a:active {
	color:#fff;
}

#fcontents_d a:link {
	color:#fff;
	outline:none;
	text-decoration:none;
}
#fcontents_d a:visited {
	color:#fff;
}
#fcontents_d a:hover {
	color:#ffeb3b;
}
#fcontents_d a:active {
	color:#fff;
}




#copyright_bg {
	background-color:#1c75bc;
/*
	background-color:#001537;
	border-top: 1px dashed #ffffff;
*/
}

#copyright {
	width:100%;
	text-align:center;
	padding:10px 0px;
	font-size:16px;
/*
	border-top: 1px solid #999999;
*/
	color:#fff;
}









/*==================

	sitemap用

==================*/



div.sitemap_contents_bg {
	background-color:#ffffff;
	padding: 95px 0px;
}

div.sitemap_contents_bg_true {
	background-color:#ecf9ff;
	padding: 95px 0px;
}

div.sitemap_contents_bg_true2 {
	background-color:#f8f9f9;
	padding: 95px 0px;
}

div.sitemap_contents {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}



.sitemap_contents_bg p.sitemap_title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
}

.sitemap_contents_bg p.sitemap_title span{
	position: relative;
	display: inline-block;
	padding-bottom:0.5em;
	border-bottom: 1px solid #3d3933;
}

.sitemap_contents_bg p.sitemap_title span::before,
.sitemap_contents_bg p.sitemap_title span::after {
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}

.sitemap_contents_bg p.sitemap_title span::before {
	border-top: 10px solid #3d3933;
}

.sitemap_contents_bg p.sitemap_title span::after {
	margin-top: -1px;
	border-top: 10px solid white;
}



.sitemap_contents_bg_true2 p.sitemap_title {
	text-align: center;
	color: #3d3933;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
}

.sitemap_contents_bg_true2 p.sitemap_title span{
	position: relative;
	display: inline-block;
	padding-bottom:0.5em;
	border-bottom: 1px solid #3d3933;
}

.sitemap_contents_bg_true2 p.sitemap_title span::before,
.sitemap_contents_bg_true2 p.sitemap_title span::after {
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}

.sitemap_contents_bg_true2 p.sitemap_title span::before {
	border-top: 10px solid #3d3933;
}

.sitemap_contents_bg_true2 p.sitemap_title span::after {
	margin-top: -1px;
	border-top: 10px solid #f8f9f9;
}




ul.sitemap_w, ul.sitemap_b, ul.sitemap_c {
	text-align: center;
	list-style: none;
}

ul.sitemap_w li, ul.sitemap_b li, ul.sitemap_c li {
	margin-bottom: 10px;
}

ul.sitemap_w {
	color:#3d3933;
}

ul.sitemap_w a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_w a:visited {
	color:#3d3933;
}
ul.sitemap_w a:hover {
	color:#2ebcdc;
}
ul.sitemap_w a:active {
	color:#2ebcdc;
}

ul.sitemap_b {
	color:#3d3933;
}
ul.sitemap_b a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_b a:visited {
	color:#3d3933;
}
ul.sitemap_b a:hover {
	color:#2ebcdc;
}
ul.sitemap_b a:active {
	color:#2ebcdc;
}

ul.sitemap_c {
	color:#3d3933;
	margin-bottom: 60px;
}
ul.sitemap_c a:link {
	color:#3d3933;
	outline:none;
	text-decoration:none;
}
ul.sitemap_c a:visited {
	color:#3d3933;
}
ul.sitemap_c a:hover {
	color:#2ebcdc;
}
ul.sitemap_c a:active {
	color:#2ebcdc;
}



table.area_sitemap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 60px;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.area_sitemap tr td {
	width:62px;
	height:50px;
	border:1px #cccccc solid;
	text-align:center;
	vertical-align : middle;
}

table.area_sitemap tr td {
	background-color:#0083cd;
}

table.area_sitemap tr td.fill {
	background-color:#f4f4f4;
}

table.area_sitemap tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area_sitemap tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area_sitemap tr td a span.area_text_b {
	position:relative;
	top:13px;
	line-height:100%;
}

table.area_sitemap tr td a:hover {
	background-color:#ffd900;
	color:#333333;
	font-weight:bold;
}

table.area_sitemap tr td a span.manufacturer_text {
	position:relative;
	top:10px;
}



table.area {
	width:100%;
	margin:0 0 40px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.area tr td {
	width:62px;
	height:50px;
	border:1px #cccccc solid;
	text-align:center;
	vertical-align : middle;
}

table.area tr td {
	background-color:#45b4eb;
}

table.area tr td.fill {
	background-color:#f4f4f4;
}

table.area tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area tr td a span.area_text_b {
	position:relative;
	top:13px;
	line-height:100%;
}

table.area tr td a:hover {
	background-color:#ffe631;
	color:#333333;
	font-weight:bold;
}



table.area2 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 60px;
	border-collapse:collapse;
	border:1px #d8d8d8 solid;
	font-size:98%;

/*
	width:700px;
	margin:30px 0 0 0;
	border-collapse:collapse;
	border:1px #d8d8d8 solid;
	font-size:98%;
*/
}

table.area2 tr td {
	width:62px;
	height:50px;
	border:1px #d8d8d8 solid;
	text-align:center;
	vertical-align : middle;
}

table.area2 tr td {
	background-color:#0083cd;
}

table.area2 tr td.fill {
	background-color:#f7f7f7;
}

table.area2 tr td a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

table.area2 tr td a span.area_text {
	position:relative;
	top:15px;
}

table.area2 tr td a span.area_text_b {
	position:relative;
	top:15px;
	font-size:80%;
}

table.area2 tr td a span.area_text_c {
	font-size:80%;
}

table.area2 tr td a:hover {
	background-color:#ffd800;
	color:#3d3933;
	font-weight:bold;
}



table.rates {
	width:100%;
	margin:0 0 20px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
	font-size:90%;
}

table.rates tr td {
	width:700px;
	padding:10px;
	border:1px #cccccc solid;
}

table.rates tr td.left {
	width:500px;
	text-align:left;
	background-color:#f4f4f4;
}

table.rates tr td.right {
	width:200px;
	text-align:right;
}



table.businesshours {
  width: 100%;
  border-collapse: collapse;
}

table.businesshours tr {
  border-bottom: solid 2px white;
}

table.businesshours tr:last-child {
  border-bottom: none;
}

table.businesshours th {
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #1caae9;
  color: white;
  text-align: center;
  padding: 30px 0;
	font-size: 24px;
}

table.businesshours th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #1caae9;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.businesshours td {
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 30px 0;
	font-size: 24px;
	font-weight: 600;
}



table.logicaldmg_table, table.physicaldmg_table {
	width: 100%;
	border:1px #cccccc solid;
	margin:0 0 40px 0;
	font-size: 16px;
}

table.logicaldmg_table tr td.left, table.physicaldmg_table tr td.left {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:200px;
	height:200px;
	background-color:#003e70;
	border:1px #cccccc solid;
	color:#ffffff;
	font-weight: bold;
}

table.logicaldmg_table tr td.center, table.physicaldmg_table tr td.center {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:250px;
	height:200px;
	background-color:#f5f5f5;
	border:1px #cccccc solid;
}

table.logicaldmg_table tr td.right, table.physicaldmg_table tr td.right {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:250px;
	height:200px;
	background-color:#ffffff;
	border:1px #cccccc solid;
}



table.company, table.links {
  width: 100%;
  border-collapse: collapse;
}

table.company tr, table.links tr {
  border-bottom: solid 2px white;
}

table.company tr:last-child, table.links tr:last-child {
  border-bottom: none;
}

table.company th, table.links th {
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #1caae9;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table.company th:after, table.links th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #1caae9;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.company td, table.links td {
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}



table.table_transaction {
	width: 100%;
	margin:0 0 60px 0;
	border-collapse:collapse;
	border:1px #cccccc solid;
/*
	font-size:90%;
*/
}

table.table_transaction tr td.left {
	width:300px;
	text-align:left;
	background-color:#1caae9;
	color: #fff;
	padding:10px;
	border:1px #cccccc solid;
}

table.table_transaction tr td.right {
	width:475px;
	text-align:left;
	padding:10px;
	border:1px #cccccc solid;
}
















.bg1_ture_border {
	width: 100%;
	margin: 60px 0 60px 0;
	padding:20px 30px 30px 30px;
	background-color:#ffffff;
	box-sizing: border-box;
	letter-spacing: 0px;
	line-height: 1.6;
	border: solid 1px #cccccc;
}






.rc_fd2 {
	background: url("../img/contactpage_fd_over.jpg") no-repeat;
	width: 100%;
	height: 36px;
	vertical-align: bottom;
}

.rc_ac2 {
	background: url("../img/contactpage_ac_over.jpg") no-repeat;
	width: 100%;
	height: 36px;
	vertical-align: bottom;
}

a.rc_fd2, a.rc_ac2 {
	display: inline-block;
}

a.rc_fd2:hover, a.rc_ac2:hover {
	background-color: transparent; /* IE6対応 */
}

a.rc_fd2:hover img, a.rc_ac2:hover img {
	visibility: hidden;
}







.maker_link {
	text-align:center;
}

.maker_link a img {
	margin-bottom: 60px;
}









.divide_left {
	margin-bottom: 60px;
}

.divide_center img, .divide_right img {
	margin-bottom: 60px;
	width: 100%;
}




.flow_img {
	margin-bottom: 60px;
}

.takuhaistepfd {
	margin-bottom: 60px;
}

.split2f_right p {
	margin-bottom: 60px;
}

.tooltip1a, .tooltip1b, .tooltip1c, .tooltip1d {
	margin-bottom: 60px;
}

.takuhai_step_img2 {
	margin-bottom: 60px;
}

.split2g_right {
	margin-bottom: 60px;
}



.examples_balloon1 {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 300px;
    margin-bottom: 15px;
    padding: .8em 1.2em;
    border-radius: 5px;
    background-color: #009fe6;
    color: #fff;
	font-weight: 900;
}

.examples_balloon1::before {
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 15px;
    background-color: #009fe6;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.examples_img {
	margin-bottom: 60px;
}

.takuhai_step_img {
	margin-bottom: 60px;
}

.takuhaistepaddress {
	margin-bottom: 60px;
}

.split2i_right p {
	margin-bottom: 60px;
}

.include_img {
	width: 100%;
	margin-bottom: 30px;
}

.supplement {
	margin-bottom: 60px;
}

.split2j_right {
	margin-bottom: 60px;
}

.examples_body {
	margin-bottom: 60px;
}

.split2l_left img {
	margin-bottom: 60px;
}

.split2l2_left img, .split2l2_right p {
	margin-bottom: 60px;
}

.split2b {
	margin-top: 60px;
}

.split2b_left {
	margin-bottom: 60px;
}



.textbox6 {
	margin: 54px 0px;
	padding:2em;/*内側余白*/
	border:solid 2px #ccc;/*線の種類・太さ・色*/
}

.textbox6 ul {
	margin:0;
}



.contents_mail, .contents_btn {/*ボタンの背景*/
	color: #fff;/*文字・アイコン色*/
	display: inline-block;
	height: 50px;/*高さ*/
	width: 100%;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 16px;/*文字のサイズ*/
	line-height: 50px;/*高さと合わせる*/
	vertical-align: middle;/*垂直中央寄せ*/
	background-color: #ff6600;
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
/*
	border: 1px solid #000000;
*/
	margin: 60px 0 0 0;
}

.contents_mail span, .contents_btn span {/*テキスト*/
	display:inline-block;
	transition: .5s}

.contents_mail span:before {
	font-family: FontAwesome;
	content: "\f0e0";
	margin-right: 5px;
}

.contents_mail:hover span, .contents_btn:hover span {/*ホバーで一周回転*/
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
}

.bg3_ture {
	width: 100%;
	margin: 60px 0 60px 0;
	padding:20px 30px 30px 30px;
	background-color:#eae4d5;
	box-sizing: border-box;
	letter-spacing: 0px;
	line-height: 1.6;
	color: #333333;
	border-radius: 10px;
}
















}
