@charset "UTF-8";
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.clearfix{display: inline-block;}

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */


:root {
	--large-width: 1000px;
/* 	--main-color: #5D9AB2;
	--accent-color: #BF6A7A;
	--dark-main-color: #2B5566;
	--text-bright-color: #fff;
	--icon-color: #fff;
	--icon-bk-color: #ddd; */
}


@media (max-width: 767px) {
  .-max767 {
    display: block;
    margin: auto;
  }
  .-min768 {
    display: none;
  }
}

@media (min-width: 768px) {
  .-max767 {
    display: none;
  }
  .-min768 {
    display: block;
    margin: auto;
  }
}

@media print, screen and (min-width: 1000px) {
  br.SPbr {
    display: none;
  }
  br.PCbr {
    display: inline;
  }
  .SPview {
    display: none;
  }
  .PCview {
    display: block !important;
  }
}





a {
  text-decoration: none;
}
a[href]:hover {
  opacity: 0.7;
/*color: red; */
}
a:hover, .pagetop:hover, .l-header .-toggle:hover {
  cursor: pointer;
  opacity: 0.7;
}
a.Line{
  text-decoration: underline;
}

html {
  font-size: 62.5%;
}

body {
	overflow-x: hidden;
	font-family: 'Noto Sans Japanese', meiryo, 'メイリオ', meiryo, 'ヒラギノ角ゴProW3', sans-serif;
	font-style: normal;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
	color: #111;
	background-color: #fff;
/*	background-image: url(../common/img/bg.png);*/
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

body, body * {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	color: inherit;
}

ul, ol {
  list-style: none;
}

#head{
	width:100%;
	border-bottom:2px solid #404444;
	background-color: #fff;
}

#Pankuzu {
	width:100%;
	background-color:#222;
	margin-bottom:0px;
}
.pankuzu {
  background-color: #222;
  width:100%;
  padding:10px 0 10px 20px;
  font-size:1.2rem;
  color:#fff;
}
.pankuzu a {
 text-decoration: underline;
}


/* midasi Start*/
h1 {
	font-size: 4rem;
	font-weight: 400;
	color: #fff;
	letter-spacing: 4px;
	padding: 24px 0;
	text-align: center;
	vertical-align: ceter;
	/*margin-bottom: 30px;*/
	/* border-top: 2px solid #404444;
	border-bottom: 2px solid #404444; */
}

.ttl_picture {
	width:100%;
	height: 180px;
	background-color: #667;
	background-size: cover;
	background-position: 50% 50%;
}
.ttl_picture h1 {
	font-weight: 500;
	padding-top: 0px;
  text-align: center;
  color: #fff;
}
.ttl_picture p {
	padding: 30px 10px 0 10px;
  text-align: center;
  color: #fff;
  letter-spacing: 3px;
}
/* ika gazou no sitei */
.ttl_all {
	background-image: url(../img/ttl_all.png);
}
.ttl_company {
	background-image: url(../img/ttl_company.png);
}
.ttl_product {
	background-image: url(../img/ttl_product.png);
}

/* clesen seihin */
h1.clesen{
	font-weight: 400;
	color:#222;
	text-align: center;
	padding: 0.5em;
	margin: 0px 0 20px 0;
	border-bottom: solid 2px #222;
}

/* 1000×250 */
.picture {
	height: 250px;
	background-image: url(../img/ttl_.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

/* honbun  */
.Cols {
  margin: auto;
  max-width: 1000px;
}
.Cols:after {
  content: "";
	display: block;
	clear: both;
}

#document {
  margin: auto;
  max-width: 1000px;
  padding: 1px;
  /*background-color: #fff*/;
}
div.section{
	padding-left:20px;
}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt50 {margin-top: 60px;}
.mb20 {margin-bottom: 20px;}
.ml20 {padding-left: 20px;}
.mr20 {padding-right: 20px;}

h2 {
	font-size: 3.2rem;
	font-weight:400;
	line-height: 1.4;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

h2.clesen{
	font-weight:400;
	color:#3a4c8f;
	text-align: center;
	padding: 0.4em;
/*	padding:0 0 10px 0; */
	border-bottom: solid 2px #3a4c8f;
	background: #eaf3ff;
}

h2.product {
	font-weight:400;
	color:#3a4c8f;
	text-align: left;
	padding: 0.2em;
	border-left: solid 10px #7db4e6 ;/*LeftLine*/
	/*border-bottom: solid 2px #3a4c8f;*/
	position: relative;
	background: transparent;/*背景透明に*/
}

.LeadText {
	color: #111;
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 1px;
	margin:30px 0 30px 0;
	text-align: center;
}

.LeadText span {
	color: #0046bc;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.6;
}


h3 {
  margin-bottom: 10px;
  letter-spacing: 1px;
  color: #3a4c8f;
	line-height: 1.4;
}
h3.Mark:before {
  content: '■';
}

h3.Blue {
  color: #3a4c8f;
  padding:0 0 5px 0;
  border-bottom: dashed 1px #3a4c8f;
  margin-bottom: 15px;
}

hr{
	border:none;
	border-top: 1px solid #ccc;
	margin-top:10px;
	margin-bottom: 10px;
}

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

ul.Disc{
	padding-left:25px;
	list-style-type: disc;
	margin-bottom: 10px;
}
ul.Square{
	padding-left:25px;
	list-style-type: square;
	margin-bottom: 10px;
}
ul.Circle{
	padding-left:25px;
	list-style-type: circle;
	margin: 0 0 10px 20px;
}

ul.Note li{
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.4;
	color: #111;
	margin-bottom: 10px;
}

ol.Decimal{
	padding-left:20px;
	list-style-type: decimal;
	margin-bottom: 10px;
	/*list-style-type: decimal-leading-zero; */
}



.Left {
	float: left;
	padding:0 10px 10px 0 ;
}
.Right {
	float: right;
	padding:0 0 10px 10px;
}


/* ----- Grid-free START----- */
.grid-free{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
  background-color: #eef5ff;
  border: solid 2px #528fcc;
}
.grid-free_kadomaru{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
  background-color: #eef5ff;
  border: solid 2px #fff;
	border-radius: 20px;
}
.grid-free h2 {
  font-size: 2rem;
	font-weight: 400;
  color: #fff;
  text-align: center;
  background-color: #528fcc;
  padding: 2px;
  margin-bottom: 0px;
}
.grid-free p {
	padding: 20px;
}
/* ----- Grid-free END----- */

/* --- seihin tokucho ---*/
.tokucho {
	width: 90%;
	position: relative;
	margin: 20px 0;
	padding: 1em 1em 0em 1em;
	border: solid 2px #6699cc;
	background-color: #eef5ff;
	border-radius:  0 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
}
.tokucho .box-title {
	position: absolute;
	display: inline-block;
	top: -42px;
	left: -2px;
	padding: 0 9px;
	height: 40px;
	width:120px;
	color: #fff;
	font-size: 2.4rem;
	line-height: 44px;
	letter-spacing: 5px;
	text-align:center;
	background: #6699cc;
	border-radius: 5px 5px 0 0;
}
.tokucho .shosai {
	margin: 0;
}
/* --- seihin tokucho End---*/

/* ----- TEXT START----- */
.Strong {
	font-weight: 600;
}
.TextW {
  color: #fff;
}
.RedText {
  color: #c00;
}
.BlueText {
  color: #3a4c8f;
}

.Chuo{
  text-align: center;
}
.sText{
	font-size: 1.4rem;
	font-weight: 400;
}

.bText{
	text-align: center;
	font-weight: 600;
}

.LText{
	font-size: 2rem;
	line-height: 1.6;
	font-weight: 400;
}

.jText{
	text-align: center;
	font-size: 2.4rem;
	line-height: 2;
	font-weight: 400;
}
/* ----- TEXT END----- */

/* https://www.webdesignleaves.com/pr/plugins/googlemap_02.html */
.googlemap {
  position: relative; 
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
}