@charset "UTF-8";
/* -------------------------------------
共通＆リセット
------------------------------------- */
#contents section.block-inner,
.block-inner{
width: 850px;
margin:0 auto 60px;
font-size: 16px;
line-height: 1.8;
}
.block-inner:after {
content: "";
display: block;
clear: both;
}
.block-inner h2{
font-weight:bold;
}
.block-inner li{
list-style:none;
}
/* --2ページ以降のリセット--- */
#contents article .article-body .block-inner h2{
margin-top:0;
}
#contents article .article-body .block-inner p,
#contents article .article-body .block-inner ul,
#contents .kankyo .block-inner li{
margin-bottom:0;
}
#contents .kankyo .block-inner li {
padding-bottom: 0;
}
/* --ここまで--- */
/*----------------
テキストカラー（共通）
----------------*/
.block-inner{
color:#444;
}
/*----------------
タイトルカラー（共通）
----------------*/
.block-inner h2,
.block-inner h3{
color:#000;
}

/*----------------
テキストカラー（#000）

※文字色変更は
#contents sectionから書く
----------------*/
#contents section .eye-Wrap .textIn p,
#contents section .case-Wrap p.leadIn,
#contents section .inquiry-Wrap p.inquiryText,
#contents section .textSetB-Wrap p,
#contents section .company-Wrap p{
color: #000;
}

/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents section.block-inner,
.block-inner{
width: auto;
margin:0 auto 30px;
font-size: 12px;
line-height: 1.8;
padding:0 10px;
}
#contents section.block-inner{
padding:0;
}
.block-inner img{
max-width:100%;
}
}
/* -------------------------------------
◎eyeブロック
------------------------------------- */
.eye-Wrap{
margin-top:30px;
}
.eye-Wrap:after {
content: "";
display: block;
clear: both;
}
.eye-Wrap:first-child{
 margin-top:0;
}
.eye-Wrap.Rside .imageIn{
float: right;
margin: 0 0 0 40px;
}
.eye-Wrap.Lside .imageIn{
float: left;
margin: 0 40px 0 0;
}
.eye-Wrap .imageIn img{
display:block;
margin-bottom: 10px;
}
.eye-Wrap .textIn{
    overflow: hidden;
}
#contents article .article-body .eye-Wrap .textIn h2,
.eye-Wrap .textIn h2{
width: 100%;
margin: 20px 0 10px;
font-size: 18px;
border-left: none;
padding-left: 0;
line-height: 1.8;
}
.eye-Wrap .textIn p{
font-size: 14px;
line-height:1.6;
}
#contents article .article-body .eye-Wrap .textIn h2:first-child, 
.eye-Wrap .textIn h2:first-child{
margin-top:0;
}
#contents article .article-body .eye-Wrap.titleUp h2,
.eye-Wrap.titleUp h2{
width: 100%;
margin-bottom: 40px;
font-size: 20px;
border-left: none;
padding-left: 0;
line-height: 1.8;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.eye-Wrap {
margin-top: 15px;
}
.eye-Wrap .imageIn{
margin-bottom: 5px;
max-width: 35%;
}
.eye-Wrap.Lside .imageIn{
margin-right: 20px;
}
.eye-Wrap.Rside .imageIn{
margin-left: 20px;
}
#contents article .article-body .eye-Wrap .imageIn ul{
	margin-bottom:0;
}
.eye-Wrap .textIn{
overflow: visible;
}
.eye-Wrap.titleUp h2,
#contents article .article-body .eye-Wrap.titleUp h2,
.eye-Wrap .textIn h2,
#contents article .article-body .eye-Wrap .textIn h2{
overflow: hidden;
width: auto;
font-size: 16px;
line-height: 1.4;
margin-bottom:10px;
}
.eye-Wrap .textIn p{
font-size: 12px;
line-height:1.6;
}
}
/* -------------------------------------
◎3つのこだわり
------------------------------------- */
.about-Wrap{
overflow: auto;
}
#contents article .article-body .about-Wrap h2,
.about-Wrap h2{
position: relative;
text-align: center;
font-size: 26px;
margin: 0 0 8px;
border-left: none;
padding-left: 0;
line-height: 1.2;
}
#contents article .article-body .about-Wrap h2,
.about-Wrap h2{
margin-bottom: 20px;
}
.about-Wrap h2 font{
position: relative;
z-index: 1;
display: inline-block;
padding: 0 20px;
background: #fff;
}
.about-Wrap h2:before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
background: #0b84e1;
}
#contents article .article-body .about-Wrap ul.itemInWrap,
.about-Wrap ul.itemInWrap{
    margin-top: 0;
	margin-bottom:0;
	letter-spacing: -.40em;
}
.about-Wrap .itemInWrap:after{
content: "";
display: block;
clear: both;
}
.about-Wrap .itemIn{
display: inline-block;
vertical-align: top;
height: auto;
background: #f7f7f7;
box-sizing: border-box;
letter-spacing: normal;
}
.about-Wrap.Row2 .itemIn{
width: 415px;
margin: 12px 0 0;
padding: 30px;
}
.about-Wrap.Row2 .itemIn:nth-child(even){
margin-left:20px;
}
.about-Wrap.Row2 .itemIn:nth-child(-n+2){
margin-top:0;
}
.about-Wrap.Row3 .itemIn{
width: 270px;
margin: 10px 0 0 20px;
padding: 30px;
}
.about-Wrap.Row3 .itemIn:nth-child(3n+1){
margin-left: 0;
}
.about-Wrap.Row3 .itemIn:nth-child(-n+3){
margin-top: 0;
}
.about-Wrap.Row4 .itemIn{
width: 203px;
margin: 12px 0 0 12px;
padding: 20px;
}
.about-Wrap.Row4 .itemIn:nth-child(4n+1){
margin-left: 0;
}
.about-Wrap.Row4 .itemIn:nth-child(-n+4){
margin-top: 0;
}
.about-Wrap .itemIn .titleIn{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #333;
}
#contents article .article-body .about-Wrap .itemIn .titleIn h3,
.about-Wrap .itemIn .titleIn h3{
    display: inline;
    font-size: 20px;
    color: #444;
    font-weight: bold;
    line-height: 1.5;
    vertical-align: middle;
}
.about-Wrap .itemIn .titleIn .itemsNo{
    display: inline-block;
    margin-right: 5px;
    padding: 0 9px;
    background: #0b84e1;
    text-align: center;
    color: white;
    line-height: 1.5;
    font-size: 18px;
}
#contents section .about-Wrap .itemIn .titleIn .itemsNo{
    color: white;
}
.about-Wrap .itemIn .titleIn .itemsNo b{
    font-weight: normal;
}
.about-Wrap .itemIn .textIn{
font-size: 16px;  
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .about-Wrap h2,
.about-Wrap h2{
position: relative;
margin-bottom: 15px;
font-size: 24px;/*18px;*/
}
.about-Wrap .itemIn{
float: none;
margin: 0 auto 10px;
display:block;
}
.about-Wrap.Row2 .itemIn,
.about-Wrap.Row3 .itemIn,
.about-Wrap.Row4 .itemIn{
margin: 10px 0 0;
width: auto;
padding: 15px;
}	
.about-Wrap.Row2 .itemIn:nth-child(-n+2),
.about-Wrap.Row3 .itemIn:nth-child(-n+3),
.about-Wrap.Row4 .itemIn:nth-child(-n+4){
margin-top: 10px;
}
.about-Wrap.Row2 .itemIn:nth-child(even){
margin-left:0;
}
#contents article .article-body .about-Wrap .itemIn .titleIn h3,
.about-Wrap .itemIn .titleIn h3{
font-size: 20px;
}
#contents article .article-body .about-Wrap .itemIn .titleIn h3 .itemsNo,
.about-Wrap .itemIn .titleIn h3 .itemsNo{
display: inline-block;
padding: 2px 7px;
margin-bottom:0;
}
.about-Wrap .itemIn .textIn{
font-size: 12px;
}
}
/* -------------------------------------
◎社長メッセージ
------------------------------------- */
.message-Wrap{
}
.message-Wrap.Rside .imageIn{
float: right;
margin-left: 40px;
}
.message-Wrap.Lside .imageIn{
float: left;
margin-right: 40px;
}
.message-Wrap .textIn{
overflow: hidden;
}
#contents article .article-body .message-Wrap h2,
.message-Wrap h2{
margin: 0 0 30px;
border-left: 4px solid #0b84e1;
padding-left: 10px;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
}
.message-Wrap p{
margin-bottom: 10px;
font-size: 15px;
}
.message-Wrap p.nameIn{
text-align:right;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.message-Wrap .imageIn{
margin-right: 15px;
margin-bottom: 15px;
max-width: 35%;
}
#contents article .article-body .message-Wrap .imageIn ul{
margin-bottom: 0;
}
.message-Wrap .textIn{
overflow: visible;
}
#contents article .article-body .message-Wrap h2,
.message-Wrap h2{
margin-bottom: 20px;
}
.message-Wrap p{
font-size: 12px;
}
}
/* -------------------------------------
◎お知らせ
------------------------------------- */
.news-Wrap{
}
#contents article .article-body .news-Wrap h2,
.news-Wrap h2 {
  margin: 50px 0 10px;
  border-left: 4px solid #0b84e1;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.news-Wrap ul li {
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.news-Wrap ul li:after {
  content: "";
  display: block;
  clear: both;
}
.news-Wrap ul li span {
  display: block;
}
.news-Wrap ul li span.timeIn {
  float: left;
  width: 9em;
  margin-right: 10px;
}
.news-Wrap ul li span.textIn {
  overflow: hidden;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.news-Wrap ul li {
    padding: 10px 0;
    font-size: 12px;
  }
.news-Wrap ul li span.timeIn {
    width: 8.5em;
    margin-right: 5px;
}
}
/* -------------------------------------
◎施工事例
------------------------------------- */
.case-Wrap{
}
#contents article .article-body .case-Wrap h2,
.case-Wrap h2{
    position: relative;
    margin: 0 0 40px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    border-left: none;
	padding-left: 0;
}
.case-Wrap h2 font{
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 15px;
	background: #fff;
}
.case-Wrap h2:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	background: #0b84e1;
}
#contents article .article-body .case-Wrap h3,
.case-Wrap h3 {
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding: 0 0 0 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.case-Wrap .leadIn{
	font-size: 16px;
	margin-bottom: -10px;
}
.case-Wrap.Row4 .leadIn,
.case-Wrap.Row5 .leadIn{
	margin-bottom: 8px;
}
.case-Wrap .caseBody{
	font-size: 16px;
}
.case-Wrap .caseInWrap{
	margin-left: -20px;
}
.case-Wrap.Row4 .caseInWrap{
	margin-left: -12px;
}
.case-Wrap.Row5 .caseInWrap{
	margin-left: -10px;
}
.case-Wrap. .caseInWrap img{height: auto;}
.case-Wrap.Row2 .caseInWrap img{width: 394px;}
.case-Wrap.Row3 .caseInWrap img{width: 250px;}
.case-Wrap.Row4 .caseInWrap img{width: 185px;}
.case-Wrap.Row5 .caseInWrap img{width: 144px;}
.case-Wrap .caseInWrap:after{
  content: "";
  display: block;
  clear: both;
}
.case-Wrap .caseIn{
	float: left;
	width: 413px;
	margin: 30px 0 0 20px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-out;
}
#contents article .article-body .case-Wrap .caseIn p,
.case-Wrap .caseIn p{
margin-bottom: 0;
}
.case-Wrap.Row2 .caseIn{
	width: 413px;
	margin: 30px 0 0 20px;
}
.case-Wrap.Row3 .caseIn{
	width: 268px;
	margin:30px 0 0 20px;
}
.case-Wrap.Row4 .caseIn{
  width: 201px;
  margin: 12px 0 0 12px;
}
.case-Wrap.Row5 .caseIn{
	width: 162px;
	margin: 12px 0 0 8px;
}
.case-Wrap.Row2 .caseIn:nth-child(2n+1){clear: both;}
.case-Wrap.Row3 .caseIn:nth-child(3n+1){clear: both;}
.case-Wrap.Row4 .caseIn:nth-child(4n+1){clear: both;}
.case-Wrap.Row5 .caseIn:nth-child(5n+1){clear: both;}
.case-Wrap .caseIn:hover{
	border-color: #0b84e1;
	box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
}
.case-Wrap .caseIn font{
	display: block;
	padding: 9px;
	text-decoration: none;
	color: #333;
	line-height: 1.4;
}
.case-Wrap .caseIn font img{
	transition: all 0.3s ease-out;
}
.case-Wrap .caseIn font:hover{color: #000;}
.case-Wrap .caseIn font:hover img{opacity: .8;}
#contents article .article-body .case-Wrap .caseIn .imageIn,
.case-Wrap .caseIn .imageIn{
	margin: 0 auto 10px;
	text-align: center;
}
#contents article .article-body .case-Wrap .caseIn h2,
.case-Wrap .caseIn h2{
	margin: 0 auto 5px;
	border: 0;
	padding: 0;
	font-size: 16px;
	text-align: center;
}
.case-Wrap .caseIn h2:before{background: none;}
.case-Wrap .caseIn p{
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .case-Wrap h2,
.case-Wrap h2{
	position: relative;
	margin-bottom: 30px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.case-Wrap h2 font{
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 10px;
	background: #fff;
}
.case-Wrap.Row4 .leadIn,
.case-Wrap.Row5 .leadIn,
.case-Wrap .leadIn{
font-size: 12px;
margin-bottom: 15px;
}
.case-Wrap.Row4 .caseInWrap,
.case-Wrap .caseInWrap{
margin-left: 0;
}
.case-Wrap.Row5 .caseInWrap{margin-left: 0;}
.case-Wrap .caseIn:nth-child(even){float: right;}
.case-Wrap.Row2 .caseIn,
.case-Wrap.Row3 .caseIn,
.case-Wrap.Row4 .caseIn,
.case-Wrap.Row5 .caseIn{
	width: 49%;
	margin: 0 0 1%;
	transition: none;
}
.case-Wrap .caseIn h2{font-size: 14px;}
.case-Wrap .caseIn p{font-size: 11px;}
.case-Wrap .caseIn:nth-child(2n+1){clear: both;}
.case-Wrap.Row3 .caseIn:nth-child(3n+1),
.case-Wrap.Row4 .caseIn:nth-child(4n+1),
.case-Wrap.Row5 .caseIn:nth-child(5n+1){
	clear: none;
}
.case-Wrap.Row2 .caseInWrap img,
.case-Wrap.Row3 .caseInWrap img,
.case-Wrap.Row4 .caseInWrap img,
.case-Wrap.Row5 .caseInWrap img{
	width: 100%;
	height: auto;
}
}
/* -------------------------------------
◎事業内容
------------------------------------- */
.efforts-Wrap{
margin-top:30px;
}
.efforts-Wrap:first-child{
 margin-top:0;
}
.efforts-Wrap:after {
content: "";
display: block;
clear: both;
}
.efforts-Wrap.Rside .imageIn{
float: right;
margin: 0 0 0 40px;
}
.efforts-Wrap.Lside .imageIn{
float: left;
margin: 0 40px 0 0;
}
.efforts-Wrap .imageIn img{
display:block;
margin-bottom: 10px;
}
.efforts-Wrap .textIn{
overflow: auto;
}
.efforts-Wrap h2{
    margin: 0 0 15px;
	border-left: 4px solid #0b84e1;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
.efforts-Wrap .textIn p{
font-size: 14px;
line-height:1.6;
}
/* --取り組み1～3-- */
.efforts-Step-Wrap{	
}
.efforts-Step-Wrap .effortsIn{
}
.efforts-Step-Wrap .titleIn{
	margin-bottom: 10px;
    padding-bottom: 10px;
}
#contents article .article-body .efforts-Step-Wrap .titleIn h2,
.efforts-Step-Wrap .titleIn h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    border-left: none;
    padding-left: 0;
}
.efforts-Step-Wrap .itemsNo{
    display: inline-block;
    margin-right: 5px;
    padding: 0 7px;
    background: #0b84e1;
    color: white;
    text-align: center;
    font-weight: normal;
}
.efforts-Step-Wrap .effortsIn table {
    width: 100%;
}
.efforts-Step-Wrap.Row2 .effortsIn table {
    margin: 0 -1%;
}
.efforts-Step-Wrap .effortsIn table th {
    background: #f3f8fc;
    font-weight: bold;
    font-size: 16px;
}
.efforts-Step-Wrap.Stn .effortsIn table th {
    width: 15%;
    text-align: center;
    padding: 13px 15px;
    border-bottom: 1px solid #ccc;
}
.efforts-Step-Wrap.Stn .effortsIn table td {
    padding: 13px 15px;
    border-bottom: 1px solid #ccc;
}
.efforts-Step-Wrap.Row2 .effortsIn table tr{
    display: inline-block;
    width: 47.5%;
    padding: 0 1%;
    vertical-align: top;
}
#contents article .article-body .efforts-Step-Wrap.Row1 .effortsIn table th,
#contents article .article-body .efforts-Step-Wrap.Row2 .effortsIn table th,
.efforts-Step-Wrap.Row1 .effortsIn table th,
.efforts-Step-Wrap.Row2 .effortsIn table th{
    display: block;
    width: auto;
    text-align: left;
    padding: 7px 12px;
    border-top: 1px solid #ccc;
border-bottom: none;
}
#contents article .article-body .efforts-Step-Wrap.Row1 .effortsIn table td,
#contents article .article-body .efforts-Step-Wrap.Row2 .effortsIn table td,
.efforts-Step-Wrap.Row1 .effortsIn table td,
.efforts-Step-Wrap.Row2 .effortsIn table td{
    display: block;
    padding: 10px 12px 17px;
border-bottom: none;
}

/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.efforts-Wrap {
margin-top: 15px;
}
.efforts-Wrap .imageIn{
margin-bottom: 5px;
max-width: 35%;
}
.efforts-Wrap.Lside .imageIn{
margin-right: 20px;
}
.efforts-Wrap.Rside .imageIn{
margin-left: 20px;
}
.efforts-Wrap .textIn{
overflow: visible;
}
.efforts-Wrap h2{
overflow: hidden;
width: auto;
font-size: 20px;/*16px;*/
line-height: 1.4;
margin-bottom:10px;
}
.efforts-Wrap .textIn p{
font-size: 12px;
line-height:1.6;
}
/* --取り組み1～3-- */
.efforts-Step-Wrap .effortsIn table {
    width: 100%;
}
.efforts-Step-Wrap.Row2 .effortsIn table {
    margin: 0;
}
.efforts-Step-Wrap.Row2 .effortsIn table tr{
    display: block;
    width: auto;
    padding:0;
}
.efforts-Step-Wrap.Stn .effortsIn table th {
    display: block;
    width: auto;
    padding: 7px 12px;
    border-bottom: 0;
    border-top: 1px solid #ccc;
    text-align: left;
}
.efforts-Step-Wrap.Stn .effortsIn table td {
    display: block;
    padding: 10px 12px 17px;
    border-bottom: 0;
}
}
/* -------------------------------------
◎お問い合わせ
------------------------------------- */
.inquiry-Wrap{
}
.inquiry-Wrap p.inquiryText {
  font-size: 16px;
  text-align: center;
}
.inquiry-Wrap .inquiryBtn {
  text-align: center;
}
.inquiry-Wrap .inquiryBtn a {
  display: inline-block;
  min-width: 40%;
  padding: 25px 45px;
  color: white;
  text-decoration: none;
  background: #333;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  border: 3px double white;
  font-size: 20px;
  text-shadow: 0 1px 0 #000;
}
.inquiry-Wrap .inquiryBtn input[type="button"]:hover,
.inquiry-Wrap .inquiryBtn a:hover {
  cursor: pointer;
  position: relative;
  top: 1px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.inquiry-Wrap .inquiryBtn {
	text-align: center;
}
.inquiry-Wrap .inquiryBtn a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 25px 15px;
	font-size: 16px;
	-webkit-appearance: none;
}
}
/* -------------------------------------
◎大タイトルとテキスト
------------------------------------- */
.textSetB-Wrap {
}
#contents article .article-body .textSetB-Wrap h2,
.textSetB-Wrap h2 {
    position: relative;
    margin: 0 0 20px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    border-left: 0;
    padding-left: 0;
}
.textSetB-Wrap h2 font{
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 20px;
  background: #fff;
}
.textSetB-Wrap h2:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #0b84e1;
}
.textSetB-Wrap p{
  font-size: 16px;
  margin-top: 10px;
  text-align:center;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .textSetB-Wrap h2,
.textSetB-Wrap h2 {
    margin-bottom: 15px;
    font-size: 24px;
}
.textSetB-Wrap h2 span {
    padding: 0 10px;
}
.textSetB-Wrap p{
    font-size: 12px;
}
}
/* -------------------------------------
◎小タイトルとテキスト
------------------------------------- */
.textSetS-Wrap {
}
#contents article .article-body .textSetS-Wrap h2,
.textSetS-Wrap h2 {
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.textSetS-Wrap p{
  color: #444;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .textSetS-Wrap h2,
.textSetS-Wrap h2 {
    font-size: 20px;
}
.textSetS-Wrap p{
    font-size: 12px;
}
}
/* -------------------------------------
◎アクセスマップ
------------------------------------- */
.access-Wrap{
	overflow:hidden;
}
#contents article .article-body .access-Wrap h2,
.access-Wrap h2{
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.access-Wrap p{
  margin: 0 0 15px;
}
.access-Wrap.Lside p,
.access-Wrap.Rside p{
  margin: 0;
}
.access-Wrap.Rside .mapTextIn{
	width: 30%;
	float:right;
}
.access-Wrap.Lside .mapTextIn{
	width: 30%;
	float:left;
}
.access-Wrap.Lside .mapTextIn li,
.access-Wrap.Rside .mapTextIn li{
	margin-bottom: 20px;
}
.access-Wrap.Rside #GMAP {
  width: 67%;
  float: left;
}
.access-Wrap.Lside #GMAP {
  width: 67%;
  float: right;
}
.access-Wrap #GMAP img{
  max-width: 100%;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .access-Wrap h2,
.access-Wrap h2{
margin: 0 0 15px;		
}
.access-Wrap p{
  font-size: 12px;
  margin: 0 0 15px;
  }
.access-Wrap.Rside .mapTextIn,
.access-Wrap.Lside .mapTextIn{
  width: 100%;
  float:none;
  margin-bottom:15px;
}
.access-Wrap.Rside #GMAP,
.access-Wrap.Lside #GMAP {
  width: 100%;
  float:none;
}
}
/* -------------------------------------
◎お問い合わせフォーム
------------------------------------- */
.inquryform-Wrap{
}
#contents article .article-body .inquryform-Wrap {
margin: 45px 0 0;
}
#contents article .article-body .inquryform-Wrap h2,
.inquryform-Wrap h2{
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.inquryform-Wrap p{
  margin: 0 0 15px;
}
.inquryform-Wrap .inquryTable {
  width: 100%;
  margin-bottom: 40px;
}
.inquryform-Wrap .inquryTable th,
#contents article .article-body .inquryTable th{
  width: 24%;
  padding: 13px 15px 13px 0;
  vertical-align: top;
  background: none;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  border-bottom: none;
}

.inquryform-Wrap .inquryTable td,
#contents article .article-body .inquryTable td{
  border-bottom: 0;
  padding: 13px 0;
}
.inquryform-Wrap .inquryTable td input[type="text"] {
  width: 55%;
  height: 32px;
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 16px;
}
.inquryform-Wrap .inquryTable td input[type="text"].zipcode {
  width: 110px;
}
.inquryform-Wrap .inquryTable td textarea {
  box-sizing: border-box;
  width: 100%;
  height: 132px; 
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 16px;
}
.inquryform-Wrap .inquiryBtn {
  text-align: center;
}
.inquryform-Wrap .inquiryBtn input[type="button"],
.inquryform-Wrap .inquiryBtn a {
  display: inline-block;
  min-width: 40%;
  padding: 25px 45px;
  color: white;
  text-decoration: none;
  background: #333;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  border: 3px double white;
  font-size: 20px;
  text-shadow: 0 1px 0 #000;
}
.inquryform-Wrap .inquiryBtn input[type="button"]:hover,
.inquryform-Wrap .inquiryBtn a:hover {
  cursor: pointer;
  position: relative;
  top: 1px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.inquryform-Wrap table th span {
  display: inline-block;
  font-weight: bold;
  line-height: 1.4;
}
.inquryform-Wrap table.inquryTable th font.required {
    margin-left: 7px;
    padding: 2px 3px;
    background: #e41b1b;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .inquryform-Wrap h2,
.inquryform-Wrap h2 {
    font-size: 20px;
  }
.inquryform-Wrap p{
    font-size: 12px;
  }
.inquryform-Wrap table.inquryTable {
    width: 100%;
    margin-bottom: 5px;
  }
.inquryform-Wrap table.inquryTable th,
#contents article .article-body .inquryform-Wrap table.inquryTable th{
    display: block;
    width: auto;
    padding: 0;
    vertical-align: top;
    background: none;
    border: 0;
  }
.inquryform-Wrap table.inquryTable td {
    border-bottom: 0;
    display: block;
    padding: 10px 0 17px;
  }
.inquryform-Wrap table.inquryTable td input[type="text"] {
    box-sizing: border-box;
    width: 100%;
  }
.inquryform-Wrap .inquiryBtn input[type="button"],
.inquryform-Wrap .inquiryBtn a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 25px 15px;
    font-size: 16px;
    -webkit-appearance: none;
  }
.inquryform-Wrap table th span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
  }
}
/* -------------------------------------
◎会社案内
------------------------------------- */
.company-Wrap {
}
.company-Wrap h2,
#contents article .article-body .company-Wrap h2{
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  border-left:none;
}
.company-Wrap h2 font,
#contents article .article-body .company-Wrap h2 font{
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 20px;
  background: #fff;
}
.company-Wrap h2:before,
#contents article .article-body .company-Wrap h2:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #0b84e1;
}
#contents article .article-body .block-inner .company-Wrap p,
.company-Wrap p{
  font-size: 16px;
  margin: 10px 0 55px;
  text-align: center;
}
#contents article .article-body .company-Wrap h3,
.company-Wrap h3 {
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding: 0 0 0 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.company-Wrap h3 + p{
  color: #444;
  margin: 10px 0 16px;
  text-align:left;
}
.company-Wrap table {
  width: 100%;
}
.company-Wrap table th {
  width: 15%;
  padding: 13px 15px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  background: #f3f8fc;
  text-align: center;
font-weight: bold;
font-size: 16px;
}
.company-Wrap table th span {
  display: inline-block;
  font-weight: bold;
  line-height: 1.4;
}
.company-Wrap table td {
  padding: 13px 15px;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .company-Wrap h2,
.company-Wrap h2{
    margin-bottom: 15px;
    font-size: 24px;
}
.company-Wrap h2 span,
#contents article .article-body .company-Wrap h2 span {
    padding: 0 10px;
  }
.company-Wrap p{
    font-size: 12px;
  }
 #contents article .article-body .company-Wrap h3,
.company-Wrap h3 {
    font-size: 20px;
  }
.company-Wrap table {
    width: 100%;
  }
.company-Wrap table th {
    display: block;
    width: auto;
    padding: 7px 12px;
    border-bottom: 0;
    border-top: 1px solid #ccc;
    text-align: left;
  }
 .company-Wrap table th span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
  }
  .company-Wrap table td {
    display: block;
    padding: 10px 12px 17px;
    border-bottom: 0;
    font-size: 12px;
    line-height: 1.8;
}
}
/* -------------------------------------
◎沿革
------------------------------------- */
.history-Wrap {
}
.history-Wrap p{
  font-size: 16px;
  margin: 10px 0 55px;
  text-align: center;
}
#contents article .article-body .history-Wrap h2,
.history-Wrap h2,
#contents article .article-body .company-Wrap h2,
.company-Wrap h2{
  position: relative;
  margin:0 0 40px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  border-left:none;
}
.history-Wrap h2 font,
#contents article .article-body .history-Wrap h2 font{
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 20px;
  background: #fff;
}
.history-Wrap h2:before,
#contents article .article-body .company-Wrap h2:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #0b84e1;
}
#contents article .article-body .history-Wrap h3,
.history-Wrap h3 {
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding: 0 0 0 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.history-Wrap h3 + p{
  color: #444;
  margin: 10px 0 16px;
  text-align:left;
}
.history-Wrap table {
  width: 100%;
}.history-Wrap table th {
  width: 15%;
  padding: 13px 15px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  background: #f3f8fc;
  text-align: center;
font-weight: bold;
font-size: 16px;
}
.history-Wrap table th span {
  display: inline-block;
  font-weight: bold;
  line-height: 1.4;
}
.history-Wrap table td {
  padding: 13px 15px;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .history-Wrap h2,
.history-Wrap h2{
    margin-bottom: 30px;
    font-size: 24px;
  }
.history-Wrap h2 span,
#contents article .article-body .history-Wrap h2 span {
    padding: 0 10px;
  }
.history-Wrap p{
    font-size: 12px;
  }
.history-Wrap h3 {
    font-size: 20px;
  }
.history-Wrap table {
    width: 100%;
  }
.history-Wrap table th {
    display: block;
    width: auto;
    padding: 7px 12px;
    border-bottom: 0;
    border-top: 1px solid #ccc;
    text-align: left;
  }
.history-Wrap table th span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
  }
.history-Wrap table td {
    display: block;
    padding: 10px 12px 17px;
    border-bottom: 0;
    font-size: 12px;
    line-height: 1.8;
}
}
/* -------------------------------------
◎取引先
------------------------------------- */
.suppliers-Wrap {
}
#contents article .article-body .suppliers-Wrap h2,
.suppliers-Wrap h2 {
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.suppliers-Wrap p{
  margin-bottom: 15px;
}
.suppliers-Wrap h3{
    font-weight: bold;
    font-size: 120%;
    padding: 10px 0;
}
.suppliers-Wrap.Row2 .textIn{
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.suppliers-Wrap.Row3 .textIn{
    float: left;
    width: 33.3%;
    box-sizing: border-box;
}
.suppliers-Wrap.Row1 .textIn{
    width: 100%;
    box-sizing: border-box;
}
.suppliers-Wrap.Row1 ul li{
	display: inline-block;
	margin-right: 10px;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .suppliers-Wrap h2,
.suppliers-Wrap h2 {
    font-size: 20px;
}
.suppliers-Wrap p{
    font-size: 12px;
}
.suppliers-Wrap.Row1 .textIn,
.suppliers-Wrap.Row2 .textIn,
.suppliers-Wrap.Row3 .textIn{
    float: none;
    width: 100%;
}
.suppliers-Wrap.Row1 ul li{
	display: block;
	margin-right: 0;
}
}
/* -------------------------------------
◎社内行事
------------------------------------- */
.event-Wrap .event-Bg{
background: #f7f7f7;
padding: 0 30px 30px;
margin-top: -15px;
}
.event-Wrap .event-Bg:after {
content: "";
display: block;
clear: both;
}
.event-Wrap:first-child .event-Bg{
padding: 30px;
margin-top: 0px;
}
#contents article .article-body .event-Wrap h2,
.event-Wrap h2 {
    position: relative;
    margin: 0 0 50px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    border-left: none;
    padding-left: 0;
}
.event-Wrap h2 font{
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 20px;
  background: #fff;
}
.event-Wrap h2:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #0b84e1;
}
#contents article .article-body .event-Wrap h3,
.event-Wrap h3 {
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding: 0 0 0 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.event-Wrap p.leadIn{
  color: #444;
  margin: 0 0 15px;
}
.event-Wrap.Rside .imageIn{
float: right;
margin: 0 0 0 40px;
}
#contents article .article-body .event-Wrap .imageIn ul{
margin-bottom: 0;
}

.event-Wrap.Lside .imageIn{
float: left;
margin: 0 40px 0 0;
}
.event-Wrap .imageIn img{
display:block;
margin-bottom: 10px;
}
.event-Wrap .textIn{
}
.event-Wrap .textIn p{
font-size: 16px;
line-height: 1.5em;
}
#contents article .article-body .event-Wrap .textIn p{
margin-bottom: 0;
}
.event-Wrap .textIn p.titleIn{
width: 100%;
margin: 5px 0 10px;
font-size: 20px;
font-weight:bold;
line-height: 1.8;
}
.event-Wrap .textIn p.titleIn:first-child{
margin-top:0;
}
#contents section .event-Wrap p.catIn,
.event-Wrap p.catIn{
    background: #0b84e1;
    padding: 4px 6px 3px;
    display: inline-block;
    color: white;
    font: 14px bold;
    float: left;
    margin-right: 20px;
}
.event-Wrap .textIn p.dateIn {
    font-weight: bold;
    line-height: 1.8;
}

/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .event-Wrap h2,
.event-Wrap h2 {
  font-size: 24px;
  margin-bottom: 30px;
}
.event-Wrap .imageIn{
margin-bottom: 5px;
max-width: 100%;
}
.event-Wrap.Lside .imageIn,
.event-Wrap.Rside .imageIn{
float: none;
margin: 0;
}
.event-Wrap .imageIn img {
margin: 0 auto 20px;
}
.event-Wrap .textIn img {
display: block;
    width: 50%;
}
.event-Wrap .textIn{
overflow: visible;
}
.event-Wrap .textIn p{
font-size: 12px;
line-height:1.6;
}
.event-Wrap .textIn p.titleIn{
overflow: hidden;
width: auto;
font-size: 20px;
line-height: 1.8;
margin: 0;
}
.event-Wrap .textIn p.dateIn {
font-size: 14px;
padding: 5px 0;
}
}
/* -------------------------------------
共通＆リセット
------------------------------------- */
.Wblock-inner,
#contents section.Wblock-inner{
width: 850px;
margin:0 auto 60px;
font-size: 16px;
line-height: 1.8;
color:#444;
}
.Wblock-inner:after {
content: "";
display: block;
clear: both;
}
.Wblock-inner h2,
#contents article .article-body .Wblock-inner h2{
margin: 0 0 30px;
border-left: 4px solid #0b84e1;
padding-left: 10px;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
color:#000;
}
.Wblock-inner h3,
#contents article .article-body .Wblock-inner h3{
color:#000;
}
.Wblock-inner li{
list-style:none;
}
/*----------------
2ページ以降のリセット
----------------*/
#contents article .article-body .Wblock-inner p,
#contents article .article-body .Wblock-inner ul,
#contents .kankyo .Wblock-inner li{
margin-bottom:0;
}
#contents .kankyo .Wblock-inner li {
padding-bottom: 0;
}
/*----------------
テキストカラーが#000

※文字色変更は
#contents sectionから書く
----------------*/
#contents section .productOL p.leadWB,
#contents section .conceptOL .textWB p{
color: #000;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.Wblock-inner,
#contents section.Wblock-inner{
width: auto;
margin:0 auto 30px;
font-size: 12px;
line-height: 1.8;
padding:0 10px;
}
#contents section.Wblock-inner{
padding:0;
}
.Wblock-inner h2,
#contents article .article-body .Wblock-inner h2{
margin-bottom: 20px;
}
.Wblock-inner img{
max-width:100%;
}
}

/* -------------------------------------
I 商品一覧 
------------------------------------- */
.productOL{
}
.productOL h2,
#contents article .article-body .productOL h2{
    position: relative;
    margin: 0 0 40px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    border-left: none;
	padding-left: 0;
}
.productOL h2 font{
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 15px;
	background: #fff;
}
.productOL h2:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	background: #0b84e1;
}
.productOL h3,
#contents article .article-body .productOL h3{
  margin: 0 0 15px;
  border-left: 4px solid #0b84e1;
  padding: 0 0 0 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.productOL p.leadWB,
#contents article .article-body .Wblock-inner .productOL p.leadWB{
	font-size: 16px;
	margin-bottom: -10px;
}
.productOL.Column4 p.leadWB,
#contents article .article-body .Wblock-inner .productOL.Column4 p.leadWB,
.productOL.Column5 p.leadWB,
#contents article .article-body .Wblock-inner .productOL.Column5 p.leadWB{
	margin-bottom: 8px;
}
.productOL .caseBodyWB{
	font-size: 16px;
}
.productOL .caseInWrapWB{
	margin-left: -20px;
}
.productOL.Column4 .caseInWrapWB{
	margin-left: -12px;
}
.productOL.Column5 .caseInWrapWB{
	margin-left: -10px;
}
.productOL .caseInWrapWB img{height: auto;}
.productOL.Column2 .caseInWrapWB img{width: 394px;}
.productOL.Column3 .caseInWrapWB img{width: 250px;}
.productOL.Column4 .caseInWrapWB img{width: 185px;}
.productOL.Column5 .caseInWrapWB img{width: 144px;}
.productOL .caseInWrapWB:after{
  content: "";
  display: block;
  clear: both;
}
.productOL .caseWB{
	float: left;
	width: 413px;
	margin: 30px 0 0 20px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-out;
}
.productOL .caseWB p,
#contents article .article-body .Wblock-inner .productOL .caseWB p{
margin-bottom: 0;
}
.productOL.Column2 .caseWB{
	width: 413px;
	margin: 30px 0 0 20px;
}
.productOL.Column3 .caseWB{
	width: 268px;
	margin:30px 0 0 20px;
}
.productOL.Column4 .caseWB{
  width: 201px;
  margin: 12px 0 0 12px;
}
.productOL.Column5 .caseWB{
	width: 162px;
	margin: 12px 0 0 8px;
}
.productOL.Column2 .caseWB:nth-child(2n+1){clear: both;}
.productOL.Column3 .caseWB:nth-child(3n+1){clear: both;}
.productOL.Column4 .caseWB:nth-child(4n+1){clear: both;}
.productOL.Column5 .caseWB:nth-child(5n+1){clear: both;}
.productOL .caseWB:hover{
	border-color: #0b84e1;
	box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
}
.productOL .caseWB font{
	display: block;
	padding: 9px;
	text-decoration: none;
	color: #333;
	line-height: 1.4;
}
.productOL .caseWB font img{
	transition: all 0.3s ease-out;
}
.productOL .caseWB font:hover{color: #000;}
.productOL .caseWB font:hover img{opacity: .8;}
.productOL .caseWB h2,
#contents article .article-body .productOL .caseWB h2{
	margin: 0 auto 5px;
	border: 0;
	padding: 0;
	font-size: 16px;
	text-align: center;
}
.productOL .caseWB h2:before{
background: none;
}
.productOL .caseWB p,
#contents article .article-body .Wblock-inner .productOL .caseWB p{
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}
.productOL .caseWB p.imageWB,
#contents article .article-body .productOL .caseWB p.imageWB{
	margin: 0 auto 10px;
}
/*別バージョンVer.*/
.product-type2OL{
}
.product-type2OL h2,
#contents article .article-body .product-type2OL h2{
margin-bottom:15px;
}
.product-type2OL h3,
#contents article .article-body .product-type2OL h3{
margin: 0 0 20px;
padding: 10px 20px;
color: white;
font-size: 20px;
font-weight: normal;
line-height: 1.2;
background-color: #0b84e1;
/*background-image: url(img/0_MD101_0_255741.jpg);*/
background-attachment: scroll;
background-position: top left;
background-repeat: repeat;
background-size: auto auto;
}
article .article-body .Wblock-inner .product-type2OL p + h3 {
    margin-top: 0;
}
.product-type2OL h3 span {
display: block;
}
.product-type2OL h3 span.rubyWB{
font-size: 12px;
}
.product-type2OL h4{
margin: 0 0 20px;
padding-bottom: 5px;
font-size: 18px;
border-bottom: 2px solid #ffccff;
line-height: 1.4;
font-weight: normal;
}
.product-type2OL .goodsBodyWB{
font-size: 16px;
}
.product-type2OL .goodsBody ul.goodsInWrapWB,
section .section-body .product-type2OL .goodsBody ul.goodsInWrapWB{
margin-bottom:0;
}
.product-type2OL .goodsInWrapWB{
}
.product-type2OL.Column2 .goodsInWrapWB{
margin-left: -60px;
}
.product-type2OL.Column3 .goodsInWrapWB{
margin-left: -33px;
}
.product-type2OL.Column4 .goodsInWrapWB{
margin-left: -20px;
}
.product-type2OL.Column5 .goodsInWrapWB{
margin-left: -12px;
}
.product-type2OL .goodsWB{
box-sizing: border-box;
float: left;
text-align: center;
}
.product-type2OL.Column2 .goodsWB:nth-child(n + 3),
.product-type2OL.Column3 .goodsWB:nth-child(n + 4),
.product-type2OL.Column4 .goodsWB:nth-child(n + 5),
.product-type2OL.Column5 .goodsWB:nth-child(n + 6){
margin-top: 30px;
}

.product-type2OL.Column2 .goodsWB{
width: 392px;
margin-left: 62px;
}
.product-type2OL.Column3 .goodsWB{
width: 260px;
margin-left: 34px;
}
.product-type2OL.Column4 .goodsWB{
width: 195px;
margin-left: 22px;
}
.product-type2OL.Column5 .goodsWB{
width: 169px;
margin-left: 12px;
}
.product-type2OL.Column2 .goodsWB:nth-child(2n+1),
.product-type2OL.Column3 .goodsWB:nth-child(3n+1),
.product-type2OL.Column4 .goodsWB:nth-child(4n+1),
.product-type2OL.Column5 .goodsWB:nth-child(5n+1){
clear: both;
}
.product-type2OL .goodsWB .imageWB{
margin: 0 auto 10px;
text-align: center;
}
.product-type2OL .goodsWB img{
width:100%;
}
.product-type2OL .goodsWB p,
#contents article .article-body .Wblock-inner .product-type2OL .goodsWB p{
text-align: left;
margin-top: 10px;
}
.product-type2OL p.leadWB,
#contents article .article-body .Wblock-inner .product-type2OL p.leadWB{
margin-bottom: 1em;
color:#666;
}
.product-type2OL .nameWB{
display: block;
font-weight: bold;
color: #0b84e1;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.product-type3OL{
}
.product-type3OL ul.newItemWB{
text-align: left;
letter-spacing: -.40em;
}
.product-type3OL.Column3 ul.newItemWB{
margin-left: -34px;
}
.product-type3OL.Column4 ul.newItemWB{
margin-left: -23px;
}
.product-type3OL.Column5 ul.newItemWB{
margin-left: -24px;
}
.product-type3OL li{
display: inline-block;
vertical-align: top;
letter-spacing: 0.03em;
}
.product-type3OL.Column4 li{
width: 195px;
margin: 0px 0 30px 23px;
}
.product-type3OL.Column3 li{
width: 260px;
margin: 0px 0 30px 34px;
}
.product-type3OL.Column5 li{
width: 150px;
margin: 0px 0 30px 24px;
}
.product-type3OL .frameWB{
position: relative;
display: inline-block;
overflow: hidden;
padding: 1px;
}
.product-type3OL font{
position: absolute;
z-index:1;
height: auto;
text-align: center;
color: #fff;
font-weight: bold;
/*font-family: 'Allura', cursive;*/
transform: rotate(-30deg);
/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/
}
.product-type3OL .newItemWB font.newWB{
background: #ff0000;
}
.product-type3OL.Column3 font{
width: 175px;
left: -55px;
top: 7px;
font-size: 20px;
padding: 3px 10px;
}
.product-type3OL.Column4 font{
width: 115px;
left: -31px;
top: 5px;
font-size: 15px;
padding: 3px 10px;
}
.product-type3OL.Column5 font{
width: 107px;
left: -33px;
top: 5px;
font-size: 12px;
padding: 3px 10px;
}
.product-type3OL p.priceWB,
#contents section.Wblock-inner .product-type3OL p.priceWB,
#contents article .article-body .Wblock-inner .product-type3OL p.priceWB{
font-size: 120%;
line-height: 1.5em;
text-align: right;
color: #C4001C;
word-wrap: break-word;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.product-type4OL{
}
.product-type4OL .staffInWrapWB:after{
content: "";
display: block;
clear: both;
}
.product-type4OL .staffWB{
margin-bottom: 1em;
}
.product-type4OL.Column2 .staffWB{
margin-left: -3%;
}
.product-type4OL.Column3 .staffWB{
margin-left: -3%;
}
.product-type4OL.Column4 .staffWB{
margin-left: -2%;
}
.product-type4OL .staffWB p,
#contents article .article-body .Wblock-inner .product-type4OL .staffWB p{
font-size: 14px;
}
.product-type4OL li{
box-sizing: border-box;
background: #fff;
float: left;
border: 1px solid #0b84e1;
}
.product-type4OL li:after {
content: "";
display: block;
clear: both;
}
.product-type4OL.Column1 li{
max-width: 877px;
width: 100%;
margin: 10px 0 0;
padding: 2%;
}
.product-type4OL.Column2 li{
width: 47%;
margin: 10px 0 0 3%;
padding: 2%;
}
.product-type4OL.Column3 li{
width: 30.5%;
margin: 10px 0 0 2.8%;
padding: 2%;
}
.product-type4OL.Column4 li{
width: 23%;
margin: 10px 0 0 2%;
padding: 1%;
}
.product-type4OL.Column1 li:nth-child(n+2),
.product-type4OL.Column2 li:nth-child(n+3),
.product-type4OL.Column3 li:nth-child(n+4),
.product-type4OL.Column4 li:nth-child(n+5){
	    margin-top: 30px;
}
.product-type4OL.Column2 li:nth-child(2n+1){clear: both;}
.product-type4OL.Column3 li:nth-child(3n+1){clear: both;}
.product-type4OL.Column4 li:nth-child(4n+1){clear: both;}
.product-type4OL.Column1 p.imageWB,
#contents article .article-body .Wblock-inner .product-type4OL.Column1 p.imageWB,
.product-type4OL.Column2 p.imageWB,
#contents article .article-body .Wblock-inner .product-type4OL.Column2 p.imageWB{
    float: right;
    padding-left: 20px;
}
.product-type4OL li img{
	margin: 0 auto;
}
.product-type4OL.Column1 li img{width: 180px;}
.product-type4OL.Column2 li img{width: 180px;}
.product-type4OL.Column3 li img{width: 230px;}
.product-type4OL.Column4 li img{width: 186px;max-width:100%;}
.product-type4OL .nameWB,
#contents article .article-body .product-type4OL .nameWB{
    margin: 15px 0 5px;
    font-size: 18px;
    line-height: 1.2;
    color: #0b84e1;
    background: none;
    font-weight: bold;
    padding: 0;
}
.product-type4OL .carrierWB {
    margin: 5px 0 10px;
    font-size: 14px;
    color: #0b84e1;
    font-weight: normal;
    border-bottom: 1px dotted #0b84e1;
    display: block;
    padding-bottom: 10px;
}
.product-type4OL.Column1 .carrierWB {
    width: 76%;
}
.product-type4OL.Column2 .carrierWB {
    width: 45%;
}
.product-type4OL.Column3 .carrierWB,
.product-type4OL.Column4 .carrierWB{
    width:100%;
}
.product-type4OL .titleWB {
    font-weight: bold;
    padding-right: 15px;
    color: #0b84e1;
}
/*↑ここまで↑*/
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.productOL h2,
#contents article .article-body .productOL h2{
	position: relative;
	margin-bottom: 30px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.productOL h2 font{
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 10px;
	background: #fff;
}
.productOL p.leadWB,
#contents article .article-body .Wblock-inner .productOL p.leadWB,
.productOL.Column4 p.leadWB,
#contents article .article-body .Wblock-inner .productOL.Column4 p.leadWB,
.productOL.Column5 p.leadWB,
#contents article .article-body .Wblock-inner .productOL.Column5 p.leadWB{
font-size: 12px;
margin-bottom: 15px;
}
.productOL.Column4 .caseInWrapWB,
.productOL .caseInWrapWB{
margin-left: 0;
}
.productOL.Column5 .caseInWrapWB{margin-left: 0;}
.productOL .caseWB:nth-child(even){float: right;}
.productOL.Column2 .caseWB,
.productOL.Column3 .caseWB,
.productOL.Column4 .caseWB,
.productOL.Column5 .caseWB{
	width: 49%;
	margin: 0 0 1%;
	transition: none;
}
.productOL .caseWB h2,
#contents article .article-body .productOL .caseWB h2{
font-size: 14px;
}
.productOL .caseWB p,
#contents article .article-body .Wblock-inner .productOL .caseWB p{
font-size: 11px;
}
.productOL .caseWB:nth-child(2n+1){clear: both;}
.productOL.Column3 .caseWB:nth-child(3n+1),
.productOL.Column4 .caseWB:nth-child(4n+1),
.productOL.Column5 .caseWB:nth-child(5n+1){
	clear: none;
}
.productOL.Column2 .caseInWrapWB img,
.productOL.Column3 .caseInWrapWB img,
.productOL.Column4 .caseInWrapWB img,
.productOL.Column5 .caseInWrapWB img{
	width: 100%;
	height: auto;
}
/*別バージョンVer.*/
.product-type2OL h3, #contents article .article-body .product-type2OL h3{
padding: 10px 12px;
}
.product-type2OL p.leadWB,
#contents article .article-body .Wblock-inner .product-type2OL p.leadWB{
font-size: 12px;
}
.product-type2OL .titleWB,
.product-type2OL .titleWB:first-child{
padding-top: 10px;
line-height: 1em;
}
.product-type2OL.Column2 .goodsInWrapWB,
.product-type2OL.Column3 .goodsInWrapWB,
.product-type2OL.Column4 .goodsInWrapWB,
.product-type2OL.Column5 .goodsInWrapWB{
margin-left: -10px;
}
.product-type2OL .goodsWB p,
#contents article .article-body .Wblock-inner .product-type2OL .goodsWB p{
font-size: 12px;
}
.product-type2OL .goodsWB:nth-child(even){
float: right;
}
.product-type2OL.Column2 .goodsWB,
.product-type2OL.Column3 .goodsWB,
.product-type2OL.Column4 .goodsWB,
.product-type2OL.Column5 .goodsWB{
width: 50%;
margin:30px 0 0 ;
padding-left: 10px;
}
.product-type2OL .goodsWB:nth-child(2n+1){clear: both;}
.product-type2OL.Column3 .goodsWB:nth-child(3n+1),
/*.product-type2OL.Column4 .goodsWB:nth-child(4n+1),*/
.product-type2OL.Column5 .goodsWB:nth-child(5n+1){
clear: none;
}
.product-type2OL.Column2 .goodsWB:nth-child(-n+2),
.product-type2OL.Column3 .goodsWB:nth-child(-n+2),
.product-type2OL.Column4 .goodsWB:nth-child(-n+2),
.product-type2OL.Column5 .goodsWB:nth-child(-n+2){
margin-top: 0;
}
.product-type2OL.Column2 .goodsInWrapWB img,
.product-type2OL.Column3 .goodsInWrapWB img,
.product-type2OL.Column4 .goodsInWrapWB img,
.product-type2OL.Column5 .goodsInWrapWB img{
width: 100%;
height: auto;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.product-type3OL.Column3 ul.newItemWB,
.product-type3OL.Column4 ul.newItemWB,
.product-type3OL.Column5 ul.newItemWB{
margin-left: 0;
}
.product-type3OL.Column3 li,
.product-type3OL.Column4 li,
.product-type3OL.Column5 li{
display: inline-block;
vertical-align: top;
letter-spacing: 0.03em;
width: 48%;
margin: 0 0 20px;
}
.product-type3OL.Column3 li:nth-child(odd),
.product-type3OL.Column4 li:nth-child(odd),
.product-type3OL.Column5 li:nth-child(odd){
margin-right: 2%;
}
.product-type3OL.Column3 li:nth-child(even),
.product-type3OL.Column4 li:nth-child(even),
.product-type3OL.Column5 li:nth-child(even){
margin-left: 2%;
}
.product-type3OL li img{
width: 100%;
height: auto;
vertical-align: top;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.product-type4OL.Column1 .staffInWrapWB,
.product-type4OL.Column2 .staffInWrapWB,
.product-type4OL.Column3 .staffInWrapWB{
    margin: 0;
}
.product-type4OL.Column2 .staffWB,
.product-type4OL.Column3 .staffWB,
.product-type4OL.Column4 .staffWB{
margin-left: 0;
}
.product-type4OL.Column1 li,
.product-type4OL.Column2 li,
.product-type4OL.Column3 li,
.product-type4OL.Column4 li{
    width: 100%;
    margin: 10px auto 30px;
    float: none;
    padding: 15px;
}
.product-type4OL.Column3 .staffWB{
    margin-left:0;
}
.product-type4OL li p,
#contents article .article-body .Wblock-inner .product-type4OL .staffWB p{
font-size: 12px;
}
.product-type4OL li:nth-child(2n+1){clear: both;}
.product-type4OL.Column3 li:nth-child(3n+1){
	clear: none;
}
.product-type4OL.Column3 p.imageWB,
#contents article .article-body .Wblock-inner .product-type4OL.Column3 p.imageWB,
.product-type4OL.Column4 p.imageWB,
#contents article .article-body .Wblock-inner .product-type4OL.Column4 p.imageWB{
    text-align: center;
}
.product-type4OL.Column1 .carrierWB,
.product-type4OL.Column2 .carrierWB {
    width: 35%;
}
/*↑ここまで↑*/
}

/* -------------------------------------
B コンセプト 
------------------------------------- */
.conceptOL{
margin-top:30px;
}
.conceptOL:after {
content: "";
display: block;
clear: both;
}
.conceptOL.Rhand .imageWB{
float: right;
margin: 0 0 0 40px;
}
.conceptOL.Lhand .imageWB{
float: left;
margin: 0 40px 0 0;
}
.conceptOL .imageWB img{
display:block;
margin-bottom: 10px;
}
.conceptOL .textWB{
overflow: hidden;
}
.Wblock-inner .conceptOL .textWB h2,
#contents article .article-body .Wblock-inner .conceptOL .textWB h2{
margin: 20px 0 10px;
font-size: 18px;
border-left: none;
padding-left: 0;
line-height: 1.8;
}
.Wblock-inner .conceptOL .textWB h2:first-child,
#contents article .article-body .Wblock-inner .conceptOL .textWB h2:first-child{
margin-top:0;
}
.Wblock-inner .conceptOL.titleWB-Up h2,
#contents article .article-body .Wblock-inner .conceptOL.titleWB-Up h2{
width: 100%;
margin-bottom: 40px;
font-size: 20px;
border-left: none;
padding-left: 0;
line-height: 1.8;
}
.Wblock-inner .conceptOL .textWB p,
#contents article .article-body .Wblock-inner .conceptOL .textWB p{
font-size: 14px;
line-height:1.6;
}
/*別バージョンVer.*/
.concept-type2OL{
margin-top:20px;
}
.concept-type2OL:first-child{
margin-top:0;
}
.concept-type2OL:after {
content: "";
display: block;
clear: both;
}
.concept-type2OL.Rhand .imageWB{
float: right;
margin: 0 0 0 40px;
}
.concept-type2OL.Lhand .imageWB{
float: left;
margin: 0 40px 0 0;
}
.concept-type2OL .imageWB img{
display:block;
margin-bottom: 10px;
}
.concept-type2OL .textWB{
overflow: auto;
}
.concept-type2OL h2,
#contents article .article-body .concept-type2OL h2{
margin: 0 0 15px;
border-left: 4px solid #0b84e1;
padding-left: 10px;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
}
.concept-type2OL .textWB p,
#contents article .article-body .Wblock-inner .concept-type2OL .textWB p{
font-size: 14px;
line-height:1.6;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.concept-type3OL{
}
.concept-type3OL h3.subtitleWB,
#contents article .article-body .concept-type3OL h3.subtitleWB{
font-size: 120%;
padding: 0 0 20px;
color: #0033cc;
font-weight: bold;
margin-top: -10px;
}
.concept-type3OL  p.leadWB,
#contents article .article-body .Wblock-inner .concept-type3OL  p.leadWB{
margin-bottom: 30px;
margin-top: -10px;
}
.concept-type3OL .pickupWB {
letter-spacing: -.40em;
margin-top: -30px;
}
.concept-type3OL.Column4 .pickupWB {
margin-left: -36px;
}
.concept-type3OL.Column3 .pickupWB {
margin-left: -20px;
}
.concept-type3OL.Column2 .pickupWB {
margin-left: -38px;
}
.concept-type3OL .itemWB{
display:inline-block;
letter-spacing: normal;
vertical-align: top;
margin-top:30px;
}
.concept-type3OL.Column4 .itemWB{
width: 183px;
margin-left: 38px;
}
.concept-type3OL.Column3 .itemWB{
width: 270px;
margin-left: 20px;
}
.concept-type3OL.Column2 .itemWB{
width: 400px;
margin-left: 41px;
}
.concept-type3OL .imageWB{
margin-bottom: 15px;
text-align: center;
}
.concept-type3OL .itemWB h3,
#contents article .article-body .concept-type3OL .itemWB h3{
margin: 0 auto 15px;
padding: 3px 23px;
color: white;
background: #2e72e2;
border-radius: 50px;
font-size: 17px;
text-align: center;
line-height: 1.4;
font-weight: bold;
font-size: 100%;
}
.concept-type3OL.Column4 .itemWB h3,
#contents article .article-body .concept-type3OL.Column4 .itemWB h3{
width: 8em;
}
.concept-type3OL.Column3 .itemWB h3,
#contents article .article-body .concept-type3OL.Column3 .itemWB h3{
width: 10em;
}
.concept-type3OL.Column2 .itemWB h3,
#contents article .article-body .concept-type3OL.Column2 .itemWB h3{
width: 14em;
}
.concept-type3OL .itemWB h3.H3-1{
background-color:#2e72e2;
}
#contents article .article-body .concept-type3OL .itemWB h3.H3-2,
.concept-type3OL .itemWB h3.H3-2{
background-color:#fe66cb;
}
#contents article .article-body .concept-type3OL .itemWB h3.H3-3,
.concept-type3OL .itemWB h3.H3-3{
background-color:#006600;
}
#contents article .article-body .concept-type3OL .itemWB h3.H3-4,
.concept-type3OL .itemWB h3.H3-4{
background-color:#fe9901;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.concept-type4OL{
overflow: auto;
}
.concept-type4OL h2,
#contents article .article-body .concept-type4OL h2{
position: relative;
text-align: center;
font-size: 26px;
margin: 0 0 37px;
border-left: none;
padding-left: 0;
line-height: 1.2;
}
.concept-type4OL h2 font{
position: relative;
z-index: 1;
display: inline-block;
padding: 0 20px;
background: #fff;
}
.concept-type4OL h2:before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
background: #0b84e1;
}
.concept-type4OL ul.itemInWrapWB,
#contents article .article-body .concept-type4OL ul.itemInWrapWB{
margin-top: 0;
margin-bottom:0;
letter-spacing: -.40em;
}
.concept-type4OL .itemInWrapWB:after{
content: "";
display: block;
clear: both;
}
.concept-type4OL .itemWB{
display: inline-block;
vertical-align: top;
height: auto;
background: #f7f7f7;
box-sizing: border-box;
letter-spacing: normal;
}
.concept-type4OL.Column2 .itemWB{
width: 415px;
margin: 12px 0 0;
padding: 30px;
}
.concept-type4OL.Column2 .itemWB:nth-child(even){
margin-left:20px;
}
.concept-type4OL.Column2 .itemWB:nth-child(-n+2){
margin-top:0;
}
.concept-type4OL.Column3 .itemWB{
width: 270px;
margin: 10px 0 0 20px;
padding: 30px;
}
.concept-type4OL.Column3 .itemWB:nth-child(3n+1){
margin-left: 0;
}
.concept-type4OL.Column3 .itemWB:nth-child(-n+3){
margin-top: 0;
}
.concept-type4OL.Column4 .itemWB{
width: 203px;
margin: 12px 0 0 12px;
padding: 20px;
}
.concept-type4OL.Column4 .itemWB:nth-child(4n+1){
margin-left: 0;
}
.concept-type4OL.Column4 .itemWB:nth-child(-n+4){
margin-top: 0;
}
.concept-type4OL .itemWB .titleWB{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #333;
}
.concept-type4OL .itemWB .titleWB h3,
#contents article .article-body .concept-type4OL .itemWB .titleWB h3{
display: inline;
font-size: 20px;
color: #444;
font-weight: bold;
line-height: 1.5;
vertical-align: middle;
}
.concept-type4OL .itemWB .titleWB .itemsNoWB{
display: inline-block;
margin-right: 5px;
padding: 0 9px;
background: #0b84e1;
text-align: center;
color: white;
line-height: 1.5;
font-size: 18px;
}
#contents section .concept-type4OL .itemWB .titleWB .itemsNoWB{
color: white;
}
.concept-type4OL .itemWB .titleWB .itemsNoWB b{
font-weight: normal;
}
.concept-type4OL .itemWB .textWB{
font-size: 16px;  
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.Wblock-inner.concept-type5-Bg,
#contents section.Wblock-inner.concept-type5-Bg{
width:auto;
}
#contents.inner section.Wblock-inner.concept-type5-Bg{
margin-left: -100%;
margin-right: -100%;
}
.Wblock-inner.concept-type5-Bg > div{
background-color: #0b84e1;
}
.concept-type5OL{
width: 850px;
padding: 20px 0;
overflow:auto;
margin: 0 auto;
}
.concept-type5OL h2,
#contents article .article-body .Wblock-inner .concept-type5OL h2{
font-size: 140%;
line-height: 1.5em;
text-align: center;
font-weight: normal;
color: #FFF;
background-image: url(./img/bg_slash_white.png);
padding: 5px 0;
margin-bottom: 10px;
}
/*--------
お知らせ
----------*/
.concept-type5OL.Lhand .newsWrapWB{
float: right;
width: 49%;
overflow: auto;
}
.concept-type5OL.Rhand .newsWrapWB{
float: left;
width: 49%;
overflow: auto;
}
.concept-type5OL ul.news-listWB{
height: 180px;
overflow: scroll;
margin-bottom: 5px;
}
.concept-type5OL ul.news-listWB li{
border-bottom: dotted 1px #012139;
padding: 5px 0;
}
.concept-type5OL dl.news-itemWB,
#contents section .concept-type5OL dl.news-itemWB{
font-size: 90%;
line-height: 1.5em;
border-collapse: separate;
border-spacing: 10px 0;
color: #FFF;
}
.concept-type5OL dl.news-itemWB dt,
#contents section.concept-type5OL dl.news-itemWB dt{
white-space: nowrap;
width: 110px;
}
/*--------
お知らせ
ここまで
----------*/
/*--------
挨拶
----------*/
.concept-type5OL.Lhand .messageWrapWB{
float: left;
width: 49%;
overflow: auto;
}
.concept-type5OL.Rhand .messageWrapWB{
float: right;
width: 49%;
overflow: auto;
}
.concept-type5OL .messageWrapWB p,
#contents section .concept-type5OL .messageWrapWB p{
font-size: 90%;
line-height: 1.5em;
color: #FFF;
margin: 0 10px;
}
/*--------
挨拶
ここまで
----------*/
/*--------
スクロールバー
----------*/
.scrollbar::-webkit-scrollbar {
  overflow: hidden;
  width: 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.scrollbar::-webkit-scrollbar:horizontal {
  height: 5px;
}
.scrollbar::-webkit-scrollbar-button {
	display: none;
}
.scrollbar::-webkit-scrollbar-piece {
  background: #EEE;
}
.scrollbar::-webkit-scrollbar-piece:start {
	background: #EEE;
}
.scrollbar::-webkit-scrollbar-piece {
  background: transparent;
}
.scrollbar::-webkit-scrollbar-piece:start {
	background: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #666;
}
.scrollbar::-webkit-scrollbar-corner {
  overflow:hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #666;
}
/*--------
スクロールバー
ここまで
----------*/
/*↑ここまで↑*/

/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.conceptOL{
margin-top: 15px;
}
.conceptOL .imageWB{
margin-bottom: 5px;
max-width: 35%;
}
.conceptOL.Lhand .imageWB{
margin-right: 20px;
}
.conceptOL.Rhand .imageWB{
margin-left: 20px;
}
.Wblock-inner .conceptOL .imageWB ul,
#contents article .article-body .Wblock-inner .conceptOL .imageWB ul{
margin-bottom:0;
}
.conceptOL .textWB{
overflow: visible;
}
.Wblock-inner .conceptOL.titleWB-Up h2,
#contents article .article-body .Wblock-inner .conceptOL.titleWB-Up h2,
.Wblock-inner .conceptOL .textWB h2,
#contents article .article-body .Wblock-inner .conceptOL .textWB h2{
overflow: hidden;
width: auto;
font-size: 16px;
line-height: 1.4;
margin-bottom:10px;
}
.Wblock-inner .conceptOL .textWB p,
#contents article .article-body .Wblock-inner .conceptOL .textWB p{
font-size: 12px;
line-height:1.6;
}
/*別バージョンVer.*/
.concept-type2OL {
margin-top: 15px;
}
.concept-type2OL .imageWB{
margin-bottom: 5px;
max-width: 35%;
}
.concept-type2OL.Lhand .imageWB{
margin-right: 20px;
}
.concept-type2OL.Rhand .imageWB{
margin-left: 20px;
}
.concept-type2OL .textWB{
overflow: visible;
}
.concept-type2OL h2,
#contents article .article-body .concept-type2OL h2{
overflow: hidden;
width: auto;
font-size: 20px;/*16px;*/
line-height: 1.4;
margin-bottom:10px;
}
.concept-type2OL .textWB p,
#contents article .article-body .Wblock-inner .concept-type2OL .textWB p{
font-size: 12px;
line-height:1.6;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.concept-type3OL{
}
.concept-type3OL.Column4 .pickupWB,
.concept-type3OL.Column3 .pickupWB,
.concept-type3OL.Column2 .pickupWB,
.concept-type3OL .pickupWB{
display: block;
margin-left:0;
margin-top: 0;
}
.concept-type3OL.Column4 .itemWB,
.concept-type3OL.Column3 .itemWB,
.concept-type3OL.Column2 .itemWB{
width: 100%;
margin: 0 auto 30px;
}
.concept-type3OL .imageWB{
max-width: 45%;
margin: 0 auto 15px;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
#contents article .article-body .concept-type4OL h2,
.concept-type4OL h2{
position: relative;
margin-bottom: 20px;
font-size: 24px;/*18px;*/
}
.concept-type4OL .itemWB{
float: none;
margin: 0 auto 10px;
display:block;
}
.concept-type4OL.Column2 .itemWB,
.concept-type4OL.Column3 .itemWB,
.concept-type4OL.Column4 .itemWB{
margin: 10px 0 0;
width: auto;
padding: 15px;
}	
.concept-type4OL.Column2 .itemWB:nth-child(-n+2),
.concept-type4OL.Column3 .itemWB:nth-child(-n+3),
.concept-type4OL.Column4 .itemWB:nth-child(-n+4){
margin-top: 10px;
}
.concept-type4OL.Column2 .itemWB:nth-child(even){
margin-left:0;
}
.concept-type4OL .itemWB .titleWB h3,
#contents article .article-body .concept-type4OL .itemWB .titleWB h3{
font-size: 20px;
}
.concept-type4OL .itemWB .titleWB h3 .itemsNoWB,
#contents article .article-body .concept-type4OL .itemWB .titleWB h3 .itemsNoWB{
display: inline-block;
padding: 2px 7px;
margin-bottom:0;
}
.concept-type4OL .itemWB .textWB{
font-size: 12px;
}
/*↑ここまで↑*/
/*別バージョンVer.*/
.Wblock-inner.concept-type5-Bg,
#contents section.Wblock-inner.concept-type5-Bg{
margin:0 -10px 30px;
}
/*--------
お知らせ
----------*/
.concept-type5OL{
width: auto;
}
.concept-type5OL.Rhand .newsWrapWB,
.concept-type5OL.Lhand .newsWrapWB{
float: none;
width: 92%;
margin: 0 auto;
}
.concept-type5OL ul.news-listWB{
height: 240px;
overflow: scroll;
margin-bottom: 5px;
}
.concept-type5OL ul.news-listWB li{
border-bottom: solid 1px #1E1E1E;
padding: 5px 0;
}
.concept-type5OL dl.news-itemWB{
border-collapse: separate;
border-spacing: 10px 0;
color: #FFF;
line-height: 1.8em;
}
.concept-type5OL dl.news-itemWB dt,
#contents section.concept-type5OL dl.news-itemWB dt{
white-space: nowrap;
}
/*--------
お知らせ
ここまで
----------*/
/*--------
挨拶
----------*/
.concept-type5OL.Lhand .messageWrapWB,
.concept-type5OL.Rhand .messageWrapWB{
float: none;
width: 92%;
margin: 0 auto;
}
.concept-type5OL .messageWrapWB p,
#contents section.concept-type5OL .messageWrapWB p{
color: #FFF;
font-size: 13px;
line-height: 1.8em;
}
/*--------
挨拶
ここまで
----------*/
/*↑ここまで↑*/
}

/* -------------------------------------
A 代表挨拶／方針
------------------------------------- */
.greetingOL{
}
.greetingOL:after{
content: "";
display: block;
clear: both;
}
.greetingOL.wrap-bg{
padding: 40px;
background: #f7f7f7;
}
.Wblock-inner .greetingOL.wrap-bg h2,
#contents article .article-body .Wblock-inner .greetingOL.wrap-bg h2{
padding: 20px 10px 10px 80px;
background: url(img/title-bg1.png) no-repeat left bottom;
border-left: none;
}
.Wblock-inner .greetingOL.obi h2,
#contents article .article-body .Wblock-inner .greetingOL.obi h2{
border-left: none;
padding: 15px 10px;
color: #fff;
background: #0b84e1;
}
.greetingOL.Rhand .imageWB{
float: right;
margin-left: 40px;
}
.greetingOL.Lhand .imageWB{
float: left;
margin-right: 40px;
}
.greetingOL .textWB{
overflow: hidden;
}
.Wblock-inner .greetingOL p,
#contents article .article-body .Wblock-inner .greetingOL p{
margin-bottom: 10px;
font-size: 15px;
}
.greetingOL p.nameWB{
text-align:right;
}
.greetingOL p.subtitleWB,
#contents section .greetingOL p.subtitleWB,
.greetingOL p.subtitleWB span,
#contents section .greetingOL p.subtitleWB span{
font-size: 20px;
color:#0033cc;
}
.greetingOL p.subtitle2WB,
#contents section .greetingOL p.subtitle2WB{
font-size: 18px;
line-height: 1.5em;
border-bottom: solid 1px #999;
padding-bottom: 10px;
margin-bottom: 20px;
font-weight:bold;
}
.greetingOL p.subtitle2WB span,
#contents section .greetingOL p.subtitle2WB span{
font-size: 18px;
}
.greetingOL p.subtitle2WB small,
#contents section .greetingOL p.subtitle2WB small{
font-weight: normal;
font-size: 80%;
}
.greetingOL p.subtitle2WB small span,
#contents section .greetingOL p.subtitle2WB small span{
font-size: 80%;
}
/*下部に写真リストVer.*/
.greeting-picsOL{
}
.greeting-picsOL:after{
content: "";
display: block;
clear: both;
}
.Wblock-inner .greeting-picsOL p,
#contents article .article-body .Wblock-inner .greeting-picsOL p{
margin-bottom: 10px;
font-size: 15px;
}
.greeting-picsOL .textWB{
width: 69%;
overflow: hidden;
}
.greeting-picsOL.Rhand .textWB{
float: left;
}
.greeting-picsOL.Lhand .textWB{
float: right;
}
.greeting-picsOL.Rhand .imageWB{
float: right;
margin-left: 40px;
}
.greeting-picsOL.Lhand .imageWB{
float: left;
margin-right: 40px;
}
.greeting-picsOL .imagelistWB{
margin: 5px 0 0 0;
letter-spacing: -.40em;
clear:both;
}
.greeting-picsOL .imagelistWB:after{
content: "";
display: block;
clear: both;
}
.greeting-picsOL .imagelistWB li{
margin-top: 45px;
display: inline-block;
letter-spacing: normal;
}
/*↑ここまで↑*/
/*方針Ver.*/
.greeting-type2OL{
}
.greeting-type2OL:after{
content: "";
display: block;
clear: both;
}
.Wblock-inner .greeting-type2OL p,
#contents article .article-body .Wblock-inner .greeting-type2OL p{
margin-bottom: 10px;
font-size: 15px;
}
.greeting-type2OL ul{
letter-spacing: -.40em;
}
.greeting-type2OL.Column2 ul{
margin-left: -5%;
margin-top: 10px;
}
.greeting-type2OL.Column3 ul{
margin-left: -34px;
margin-top: 20px;
}
.greeting-type2OL.Column4 ul{
margin-left: -2.3%;
margin-top: 20px;
}
.greeting-type2OL li{
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}
.greeting-type2OL.Column2 li{
width: 45%;
margin-left: 5%;
margin-top: 20px;
}
.greeting-type2OL.Column3 li{
width: 259px;
margin-left: 4%;
margin-top: 10px;
}
.greeting-type2OL.Column4 li{
width: 23%;
margin-left: 2%;
margin-top: 10px;
}
.greeting-type2OL .imageWB{
margin-bottom: 15px;
text-align: center;
}
.Wblock-inner .greeting-type2OL li h3,
#contents article .article-body .greeting-type2OL li h3{
margin: 0 0 8px;
padding: 0;
font-size: 18px;
text-align: center;
font-weight: bold;
background: none;
color: #3f2909;
}
/*↑ここまで↑*/
/*ニュースありVer.*/
greeting-newsOL{
}
.greeting-newsOL:after{
content: "";
display: block;
clear: both;
}
.greeting-newsOL .greetingWrapWB,
.greeting-newsOL .newsWrapWB{
width: 48%;
}
.greeting-newsOL.Rhand .greetingWrapWB,
.greeting-newsOL.Lhand .newsWrapWB{
float:left;
}
.greeting-newsOL.Lhand .greetingWrapWB,
.greeting-newsOL.Rhand .newsWrapWB{
float:right;
}
.greeting-newsOL .imageWB{
float: left;
margin-right: 20px;
}
.greeting-newsOL .textWB{
overflow: hidden;
}
.Wblock-inner .greeting-newsOL p,
#contents article .article-body .Wblock-inner .greeting-newsOL p{
margin-bottom: 10px;
font-size: 15px;
}
.greeting-newsOL .newsWrapWB li {
padding: 10px 0;
border-bottom: 1px solid #e6e6e6;
}
.greeting-newsOL .newsWrapWB li:first-child {
padding: 0 0 10px;
}
.greeting-newsOL .newsWrapWB li:last-child {
border-bottom: none;
}
.greeting-newsOL .newsWrapWB li:after {
content: "";
display: block;
clear: both;
}
.greeting-newsOL .newsWrapWB li span {
display: block;
}
.greeting-newsOL .newsWrapWB li .timeWB {
}
.greeting-newsOL .newsWrapWB li .wordWB {
overflow: hidden;
}
/*↑ここまで↑*/
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.greetingOL.wrap-bg{
padding: 18px;
}
.Wblock-inner .greetingOL.wrap-bg h2,
#contents article .article-body .greetingOL.wrap-bg h2{
padding: 10px 10px 5px 50px;
background-size: auto 40px;
}	
.greetingOL.Rhand .imageWB{
margin-right: 0;
margin-left: 15px;
margin-bottom: 15px;
max-width: 35%;
}
.greetingOL.Lhand .imageWB{
margin-left: 0;
margin-right: 15px;
margin-bottom: 15px;
max-width: 35%;
}
.greetingOL.Rhand.obi .imageWB,
.greetingOL.Lhand.obi .imageWB{
float: none;
margin: 0 0 15px;
max-width: 100%;
}
.greetingOL.obi .imageWB li{
text-align:center;
}
#contents article .article-body .greetingOL .imageWB ul{
margin-bottom: 0;
}
.greetingOL .textWB{
overflow: visible;
}
.Wblock-inner .greetingOL p,
#contents article .article-body .Wblock-inner .greetingOL p{
font-size: 12px;
}
.greetingOL p.subtitleWB,
#contents section .greetingOL p.subtitleWB,
.greetingOL p.subtitleWB span,
#contents section .greetingOL p.subtitleWB span{
font-size: 15px;
}
/*下部に写真リストVer.*/
.Wblock-inner .greeting-picsOL p,
#contents article .article-body .Wblock-inner .greeting-picsOL p{
font-size: 12px;
}
.greeting-picsOL .textWB{
width: auto;
overflow: visible;
}
.greeting-picsOL.Rhand .textWB,
.greeting-picsOL.Lhand .textWB{
float: none;
}
.greeting-picsOL.Rhand .imageWB,
.greeting-picsOL.Lhand .imageWB{
float: none;
max-width: 100%;
text-align: center;
margin: 0;
}
#contents article .article-body .greeting-picsOL .imageWB ul{
margin-bottom: 0;
}
.greeting-picsOL .imagelistWB{
margin-top: 15px;
text-align:center;
}
.greeting-picsOL .imagelistWB li{
margin-top: 0;
display:block;
}
/*↑ここまで↑*/
/*方針Ver.*/
.Wblock-inner .greeting-type2OL p,
#contents article .article-body .Wblock-inner .greeting-type2OL p{
font-size: 12px;
}
.greeting-type2OL.Column2 ul,
.greeting-type2OL.Column3 ul,
.greeting-type2OL.Column4 ul{
margin-top: 0;
margin-left: 0;
}
.greeting-type2OL.Column2 li,
.greeting-type2OL.Column3 li,
.greeting-type2OL.Column4 li{
width: 100%;
margin-top: 0;
margin-bottom: 30px;
margin-left: 0;
}
.greeting-type2OL.Column2 li:last-child,
.greeting-type2OL.Column3 li:last-child,
.greeting-type2OL.Column4 li:last-child{
margin-bottom:0;
}
.greeting-type2OL .imageWB{
margin: 0 auto 15px;
}
.greeting-type2OL.Column2 .imageWB img{
max-width:219px;
}
.greeting-type2OL .textWB{
font-size: 14px;
margin-bottom: 0;
}
.Wblock-inner .greeting-type2OL .textWB p,
#contents article .article-body .Wblock-inner .greeting-type2OL .textWB p{
margin-bottom: 0;
}
/*↑ここまで↑*/
/*ニュースありVer.*/
.greeting-newsOL.Rhand .greetingWrapWB,
.greeting-newsOL.Lhand .greetingWrapWB,
.greeting-newsOL.Rhand .newsWrapWB,
.greeting-newsOL.Lhand .newsWrapWB{
float: none;
width: 100%;
}
.greeting-newsOL .newsWrapWB{
margin-top: 20px;
clear: both;
}
.greeting-newsOL .imageWB{
margin-left: 0;
margin-right: 15px;
margin-bottom: 15px;
max-width: 35%;
}
#contents article .article-body .greeting-newsOL .imageWB ul{
margin-bottom: 0;
}
.greeting-newsOL .textWB{
overflow: visible;
}
.Wblock-inner .greeting-newsOL p,
#contents article .article-body .Wblock-inner .greeting-newsOL p{
font-size: 12px;
}
/*↑ここまで↑*/
}