@charset "UTF-8";
img{ max-width: 100%; height: auto; width /***/:auto; }

/* ▼▼▼ header ================== */
#site-description{
	color: #333; font-size: 0.7em; font-weight: normal; }
#header_box{
	width: 940px; margin-left: auto; margin-right: auto; 
	display: -webkit-box; display: -moz-box;
	display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
#header_box1{ width: 30%; padding-top:10px; }
#header_box2{ width: 70%; text-align:right; }
#header_box2 p{ padding: 5px 0; }


/* ▼▼▼ footer ================== */
footer{ 
	background-color: #032c79; color: #fff; }
footer a{ color: #fff; }

#Gmap {
	height: 0; overflow: hidden;
	padding-bottom: 30%; position: relative; }
#Gmap iframe {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%; }

/* ▼▼▼ Layout ================== */
.wrap{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox;
	display: -webkit-flex; flex-wrap: wrap; }
.box_center {
	position:relative; align-items:center;
	display:flex; justify-content:center; }
.layout_box{
	width: 940px; margin-left: auto; margin-right: auto; }
.layout_bg { width: 100%; }


/* ▼▼▼ Common ================== */
p       { line-height: 1.8; }
.clear  { clear:both; }
.hide   { display:none; }
.iblock { display:inline-block; }
.wide   { width:100%; }
.indent { text-indent:-1em; padding-left:1em; }
.shadow { box-shadow:0 0 3px rgba(0,0,0,0.3); }

.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }

#pagetop{
	position:fixed; cursor:pointer;
	right: 0px; bottom: 0px; }

#container{
	width: 100%; text-align: justify;
	line-height: 1.4em; letter-spacing: 0.1em;
	padding: 0px; margin: 0px; }

a.anchor{
    display: inline-block;
    height: 80px; margin-top: -80px;
    vertical-align: top;}

.index_company_box a{ color: #ffffff; }
.product_contact_box_02b a{ color:#136297; }


/* ▼▼▼ Font ================== */
.Tit_font {float: none; font-family: 'Lora', serif; }
.F_white  { color: #ffffff; }
.F_orange { color: #ffa500; }
.F_blue   { color :#136297; }
.F_LightBlue { color: #0066ff; }
.F_brown  { color: #8b4513; }
.F_red    { color: #d83c2d; }
.F_yellow { color: #ffff00; }

.big      { font-size:1.8rem; }
.s-small    { font-size:0.75rem; }
.small    { font-size:0.85rem; }
.bold     { font-weight:bold; }
strong    { font-size:1.2em; }

.link_white a{ color: #ffffff;}
.link_Blue a{ color: #136297;}


/* ▼▼▼ space ================== */
.img_L10{ padding-left: 10px; }
.img_R10{ padding-right: 10px; }
.img_L20{ padding-left: 20px; }
.img_R20{ padding-right: 20px; }
.img_L30{ padding-left: 30px; }
.img_R30{ padding-right: 30px; }
.img_L60{ padding-left: 60px; }
.img_R60{ padding-right: 60px; }
/* ----- */
.up_01{ margin-top: -35px; }
/* ----- */
.space_01{ margin-top: 100px; margin-bottom: 100px; }
.space_02{ margin-top: 50px; margin-bottom: 100px; }
.space_03{ margin-top: 100px; margin-bottom: 50px; }
.space_04{ margin-top: 20px; margin-bottom: 0px; }
.space_05{ margin-bottom: 50px; }
.space_06{ padding: 15px; }
.space_07{ padding: 100px 0; }
.space_08{ padding: 0 0 10px 0; }
.space_08{ padding: 30px 0 50px 0; }
.space_09{ margin-bottom: 10px; }
.space_10{ margin: 10px 0; }
.space_11{ margin-top: 10px; }


/* ▼▼▼ Title ================== */
.tit_01{
	font-size: 2.4rem; font-weight: 600; line-height: 1.8; }
.tit_02{
	font-size: 1.6rem; font-weight: 600; line-height: 1.4;  }


/* ▼▼▼ BOX ================== */
.box_02{
	width: 940px; margin-left: auto; margin-right: auto; 
	display: -webkit-box; display: -moz-box;
	display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.box_02a_txt{ width: 500px; }
.box_02a_img{ width: 440px; }
/* ----- */
.box_02b{ width: 470px; }
.box_02b_in{
	width: 225px; border: 2px solid #fff; padding: 20px;
	font-size: 1.2rem; letter-spacing: 0.2em; font-weight: 600; }
.box_02b_in:nth-child(odd){ margin: 0 20px 20px 0; }
.box_02b_in:nth-child(even){ margin: 0 0 20px 0; }
/* ----- */
.box_02c1{ width: 60%; }
.box_02c2{ width: 40%; }
/* ----- */
.box_02d1{ width: 65%; }
.box_02d2{ width: 35%; }


/* --------------- */
.box_03{
	width: 940px; margin-left: auto; margin-right: auto; 
	display: -webkit-box; display: -moz-box;
	display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.box_03a{
	width: 300px; background-color:rgba(0,141,249,0.9); text-align:center; }
.box_03a:nth-child(2){
	margin-left: 20px; margin-right: 20px; }
.box_03a_in{
	width: 260px; margin: 0px auto 20px auto;  padding: 10px; background:#fff; font-size: 1.2rem; }
.box_03a_in a{ color: #007bbb; }
/* --------------- */
.box_04{
	width: 100%; margin-left: auto; margin-right: auto; 
	display: -webkit-box; display: -moz-box;
	display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.box_04a{ width: 25%; }
.box_04b{ width: 229px; }
.box_04b:nth-child(n+1):nth-child(-n+3){ 	margin: 0 8px 8px 0; }
.box_04b:nth-child(n+5):nth-child(-n+7){ 	margin: 0 8px 0 0; }

/* ▼▼▼ background ================== */
.bg_Blue{ background:#004080; color: #ffffff; }
.bg_LightBlue{ background:#e1f0ff; color: #333333; }
.bg_white{ background:#ffffff; color: #333333; }

.bg_Blue a{ color: #ffffff; }
.bg_LightBlue a{ color: #333333; }
.bg_white a{ color: #333333; }

#bg_index01{
	background: url(../img/index_bg01.png) center top no-repeat; }
#bg_index02{
	background: url(../img/index_bg02.png) center center no-repeat; }
#bg_index03{
	background: url(../img/index_bg03.png) center center no-repeat; }


/* ==================
 ▼ GoogleMap
================== */
.ggmap {
	position: relative; overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; }

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; }

.ggmap_txt{
	text-align: right; padding-top: 8px; }


/* ==================
 ▼ copyright
================== */
#copyright{
	color: #ffffff;
	font: 0.7rem Verdana, “Droid sans”;
	text-align: center; 	padding: 10px 0px; }
#copyright a{ color: #ffffff; }

#for_top {
	position: fixed;
	bottom: 0px; right: 0px; z-index: 10; }