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

body {
	font-size: 1.4rem;
	line-height: 1.4;
	font-family:Verdana, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%; 
    margin-left:auto;
    margin-right:auto;
    max-width: 768px;
    max-width: 768px;
}

*{word-break: break-all;/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}

a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea {
	-webkit-box-sizing: border-box;
    box-sizing: border-box; 
}

/* header */

header { position:relative; width:100%; background:#fff;}
header:before{ position:absolute; width:100%; bottom:0px; height:50px; background:url(../images/header_bg_mountain.png) repeat-x bottom center; content:""; background-size: auto 50px; z-index:1;}
header:after{ position:absolute; width:100%; bottom:0px; height:50px; background:url(../images/header_bg_city.png) repeat-x bottom center; content:""; background-size: auto 50px; z-index:1;}


header .HeadCopy,
header .HeadContact,
header .globalNavi,	
header .gnwrap,
header nav.nav { display:none;}

header .Logo{ float:left; width:100%;}
header .Logo img{
	width: 200px;
	height: auto;
	margin-top: 5px;
}

header div.HeaderInnerBox .SpMenu{ position:absolute; right:4%; top:50%; margin-top:-20px; font-size:2.5rem;}
header div.HeaderInnerBox .SpMenu a{ color:#333;}
header div.HeaderInnerBox {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 70px;
	padding-top: 5px;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 16px;
	overflow: hidden;
	z-index: 99;
	box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
	background-color: #FFFFFF;
}

.HeadContact{width: 100%;
background-color: #005f7f;

}	

.HeadContact .HeadContactface{
	padding-bottom: 15px;
	padding-top: 15px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-size: 1.2rem;
}
	
#container {
	margin-top: 50px;
	
}	
	
/* PageTitleStyle */	
.pgtBox .InnerTitleBox{ width: 100%; height: 200px; !important; background-attachment: fixed; -webkit-background-size: cover auto ; background-size: cover auto; background-position:center top; background-repeat:no-repeat;}
	
.pgtBox .InnerTitleBox .TtlInner{line-height: 150%; color: #fff; letter-spacing: 1.4px !important; margin-top: 14px; z-index: 60; font-size: 1.6rem; }
	
.pgtBox .InnerTitleBox .TtlInner span{
display: block;
font-size: 2.5rem;
color: #fff;
letter-spacing: 0px !important;
/*text-shadow: 1px 1px 1px #7e6047;	*/	
}	

.pgt-corp{background-image: url(../images/corp-title_bg.jpg);}
.pgt-group{background-image: url(../images/group-title_bg.jpg);}
.pgt-quality{background-image: url(../images/quality-title_bg.jpg);}
.pgt-recruit{background-image: url(../images/recruit-title_bg.jpg);}
.pgt-contact{background-image: url(../images/contact-title_bg.jpg);}
.pgt-news{background-image: url(../images/news-title_bg.jpg);}	
.pgt-sdgs{background-image: url(../images/sdgs-title_bg.jpg);}

.wrap {
margin-right: auto;
margin-left: auto;

}
	
.copy-st01 {
	margin-right: auto;
	margin-left: auto;
	font-size: 2rem;
	line-height: 140%;
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	margin-top: 0px;
	margin-bottom: 5%;
}		
	
.copy-st01 span {
	color: #a18942;
}	
	
	
.flexslider{
	width: 100%;
	height: auto;
	
}
.flexslider ul.slides li{ width: 100%; height: auto;padding-top: 50px;}
	
.slides > li { display: none; width:100%; -webkit-backface-visibility: hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.slides li div{ height:300px;}

	
.slides li div span{
	display: block;
	color: #FFFFFF;
	font-size: 2.6rem;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	text-shadow: 3px 3px 2px #000;
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	
}
	
.slides li .copy01{
	color: #fff;
	font-size: 1.4rem;
	line-height: 180%;
	text-align: center;
	font-weight: bold;
	

}
	
.slides li .copy02{
	color: #fff;
	font-size: 1.2rem;
	padding: 5px;
	background-color: #81b934;
line-height: 25px;
	margin-top: 20px;
	
}	
	
.slides li .copy03{
	color: #333;
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 1.2rem;
	line-height: 120%;
	padding: 1%;
	background-color: #FFFFFF;
	opacity: 0.8; /* 80％不透明度(＝80％透過) */
	margin-top: 2%;
}	



	
	

/* スライド内ナビ	*/	
	
.slideBoxNav{
width: 100%;
}

.bgPht01{
	background-image: url(../images/bgPht01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #444752;

}

.bgPht01{
background-image: url(../images/bgPht01.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}
	
.bgPht02{
background-image: url(../images/bgPht02.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}
	
.bgPht03{
background-image: url(../images/bgPht03.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}
	
.bgPht04{
background-image: url(../images/bgPht04.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}
	
.bgPht05{
background-image: url(../images/bgPht05.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}	

.BlockA{
	padding: 3%;
	background-color: #f0faff;
	width: 68%;
	margin-left: 0px;
	height: 100%;
	font-size: 1.3rem;
	font-weight: bold;
}	
	
.BlockA span{
	font-size: 1.1rem;
	line-height: 100%;
	font-weight: normal;
}	
	
.BlockB{
	padding: 3%;
	background-color: #fff;
	width: 68%;
	margin-left: 0px;
	height: 100%;
	font-size: 1.3rem;
	font-weight: bold;
}	
	
.BlockB span{
	font-size: 1.1rem;
	line-height: 100%;
	font-weight: normal;
}
	
	
	
/* アニメーションボタン */	
.hover .bnr {
  margin-bottom: 0;
  text-align: center;
}

.hover .bnr a {
  display: inline-block;
  background: url(../../images/top_pickup02.jpg) no-repeat;
  background-size: cover;
}

.hover .bnr a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}

.hover .bnr a:hover img {
  opacity: 0;
}	

	
	
	
/* top page */
	
.flex-direction-nav{ display:none !important;}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -36px;
  text-align: center;
  z-index:88;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}	
	

/* ListStyle */

.ListStyle01,.ListStyle02,.ListStyle03,.ListStyle04{ width:100%; margin-bottom:30px;}

.ListStyle01{ border-top:1px solid #c0c0c0;}
.ListStyle01 li{ width:100%; margin-bottom:0px !important; padding:10px 0px; border-bottom:1px solid #c0c0c0;}

.ListStyle02{}
.ListStyle02 li{ width:100%; margin-bottom:8px !important; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle02 li:before{
	content: " \f14a";
	font-family: FontAwesome;
	margin-right:8px;
}

.ListStyle03{}
.ListStyle03 li{ width:100%; margin-bottom:8px !important; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle03 li:before{
	content: " \f111";
	font-family: FontAwesome;
	margin-right:8px;
}

.ListStyle04{
	margin-top: 10px;
}
.ListStyle04 li{ margin-bottom:8px; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle04 li:before{
	content: " \f111";
	font-family: FontAwesome;
	margin-right:8px;
}	

.ListStyle05{
	width: 100%;
}
.ListStyle05 li{
	width: 100%;
	border-bottom: 1px solid #0c5b92;
	line-height: 180%;
	padding-bottom: 1%;
	padding-left: 1%;
	text-align: center;
}	
	
.ListStyle06{}
.ListStyle06 li{ width:100%; margin-bottom:8px !important; padding-left: 2.3rem;text-indent: -2.3rem;color: #734C4C;}
.ListStyle06 li:before{
	content: " \f111";
	font-family: FontAwesome;
	margin-right:8px;
}	
	
/* LinkStyle */
	
.LinkStyle01{margin-top: 5%;}
.LinkStyle01 a{
	color: #fff;
	font-size: 1.6rem;
	padding: 10px;
	background-color: #2887ab;
	text-align: center;
border-radius: 5px;
		}

.LinkStyle01 a:hover{ opacity:0.8;}	
	

.LinkStyle02{margin-top: 5%;}
.LinkStyle02 a{
	display: block;
	color: #fff;
	font-size: 1.6rem;
	background-color: #2887ab;
	text-align: center;
	width: 100%;
	border-radius: 6px;
	padding-top: 15px;
	padding-bottom: 15px;
		}

.LinkStyle02 a:hover{ opacity:0.8;}	
.LinkStyle02 a:after {
	content: " \f105";
	font-family: FontAwesome;
	margin-left:10px;
}	
	
.LinkStyle03 a {
	font-size: 1.6rem;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 4px;
	background-color: #033491;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
		}
.LinkStyle03 a:hover{ opacity:0.8;}	
.LinkStyle03 a:after {
	content: " \f08e";
	font-family: FontAwesome;
	margin-left:10px;
}

	
.LinkStyle05 li {
	display: block;
	padding: 3%;
	border-bottom: 1px solid #C8C8C8;
		}		
	
/* Accordion (Q&A) */
 
 .AcQaStyle,
 .AcQaStyleEditColor,
 .AcStandardStyle,
 .AcStandardStyleEditColor{
	margin-bottom: 15px;
	border: 1px solid #9f6f18;
	padding: 3%;
	background-color: #FFFFFF;
}
 
 .AcQaStyle dt,
 .AcQaStyleEditColor dt,
 .AcStandardStyle dt,
 .AcStandardStyleEditColor dt {position: relative; font-size: 1.6rem; background:#ccc;}
 
 .AcQaStyle dt:hover,
 .AcQaStyleEditColor dt:hover,
 .AcStandardStyle dt:hover,
 .AcStandardStyleEditColor dt:hover{ opacity:0.8;}
  
.AcQaStyle dt:after { position: absolute; content: '\f107'; font-family: FontAwesome; top: 50%; margin-top: -12px; right: 10px; color: #333;}

.AcQaStyle dt a {
	display: block;
	color: #333;
	text-decoration: none !important;
	padding: 20px;
	font-size: 2rem;
}
.AcQaStyle dd {background: #fff; padding: 15px 15px 15px 10px; border-top: 1px solid #ccc;}
.AcQaStyle dd p.Answer{ position: relative;}


.AcQaStyleEditColor dt:after { position: absolute; content: '\f107'; font-family: FontAwesome; top: 50%; margin-top: -12px; right: 10px; color: #fff;}

.AcQaStyleEditColor dt a { display: block; color: #fff; padding: 10px 30px 10px 10px; text-decoration:none !important;}
.AcQaStyleEditColor dd {background: #fff; padding: 15px 15px 15px 15px;}
.AcQaStyleEditColor dd p.Answer{ position: relative;}

/*---sdgs/---*/

.SdgsTitle {padding:0 0 20px 0; margin:0 0 20px 0;}
.SdgsTitle h3 {font-size:2rem; margin:0 0 15px 0; padding:0 0 0 20px; color:#0070C0; position: relative;}
.SdgsTitle h3::before {content:""; display: block; width:10px; height:30px; background-color: #0070C0; position: absolute;left:0; top:0;}
.SdgsTitle ul {}
.SdgsTitle ul li {width:calc(100% / 3 - 5px); margin:0 5px 5px 0;}
.SdgsTitle ul li img {width:100%; height:auto;}
.SdgsTitle02 {font-size:1.8rem; margin:0 0 10px 0; padding:0 0 0 30px; position: relative; z-index:0; color:#00B050;}
.SdgsTitle02::after {content:""; display:block; background-color:#ccc; width:100%; height:2px; position: absolute; left:0; top:10px; z-index:-5;}
.SdgsTitle02 span {background-color:#fff; padding:0 10px;}


.SdgsPht {margin:0 0 20px 0}
.SdgsPht img {width:100%;}
.SdgsTxtBlock {}
.SdgsTxtBlock dl {}
.SdgsTxtBlock dt {font-weight: 600; font-size:1.7rem; margin:0 0 5px 0;}
.SdgsTxtBlock dt::first-letter {margin:0 10px 0 0 ;}
.SdgsTxtBlock dd {margin:0 0 20px 28px;}
.SdgsTxtBlock dd:last-child {margin-bottom:0;}



.barBlock {	
	width:100%;
	z-index: 1000;
}
.barBlock ul li a{
	background:#666;
	width: 20%;
	float: left;
	padding:20px 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #777;
	box-sizing: border-box;
}
.barBlock ul li a:hover{
	background:#333;
}	
	
.fixed {
    position: fixed;
    top: 0;
}

	
/* news */	
	
div.TopNewsBox{
	width: 100%;
	background-color: #F5F5F5;
	border-top: 1px solid #434651;
	border-bottom: 1px solid #434651;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
}	
	
div.TopNewsBox div.InnerBox{
width: 85%;
	margin-left: auto;
	margin-right: auto;

}	
div.TopNewsBox div.InnerBox h2{
	position: relative;
	font-size: 2.3rem;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
	color: #007BA4;
	font-weight: bold;
}
div.TopNewsBox div.InnerBox h2 span a{
	position: absolute;
	right: 0px;
	color: #fff;
	font-size: 1.3rem;
	padding-right: 2%;
	padding-left: 2%;
	text-decoration: none !important;
	background-color: #007BA4;
	font-weight: normal;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-right: 2%;
}


div.TopNewsBox div.InnerBox ul li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
div.TopNewsBox div.InnerBox ul li a{
	display: block;
	width: 100%;
	padding-top: 12px;
	padding-left: 0px;
	padding-bottom: 12px;
	text-decoration: none;
}
div.TopNewsBox div.InnerBox ul li a span.Date{}
div.TopNewsBox div.InnerBox ul li a span.Title{ color:#333;}

div.TopNewsBox div.InnerBox ul li:after {
	position:absolute;
	right:0px;
	top:50%;
	font-size:1.8rem;
	color:#ccc;
	margin-top:-12px;
	content: " \f105";
	font-family: FontAwesome;
}
	
/* corpNavi */
	
.corpNavi {
	width: 100%;
	border-top: 1px solid #434651;
	border-bottom: 1px solid #434651;
	margin-bottom: 2%;
	background-color: #E8E8E8;
}

.corpNavi a {
	color: #FFFFFF;
}

.recruitBox{
	display: block;
	background-image: url(../images/bgPht06.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
.qualityBox{
	background-image: url(../images/bgPht07.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 10px;
	padding-bottom: 10px;
}	

.textBox01 {
	border: 2px solid #fff;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
	margin: 5%;
	color: #fff;
	font-weight: bold;
}

	
.textBox02 {
	border: 2px solid #fff;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
	margin: 5%;
	color: #fff;
font-weight: bold;
}	

	
	
	

div.footlocalBox div.InnerBox h2 span{ display:none;}
div.footlocalBox div.InnerBox{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
div.footlocalBox div.InnerBox ul{
	margin-bottom: 20px;
	}

div.footlocalBox div.InnerBox ul li{ position:relative; width:100%; border-top:1px dotted #ccc; margin:0px ;}
div.footlocalBox div.InnerBox ul li a{ display:block; width:100%; padding:12px 5% 12px 3%; text-decoration:none !important;}
div.footlocalBox div.InnerBox ul li a span{ display:block; margin-bottom:2px; }
div.footlocalBox div.InnerBox ul li a span.Title{ color:#333;}

div.footlocalBox div.InnerBox ul li:after {
	position:absolute;
	right:1%;
	top:50%;
	font-size:2.0rem;
	color:#888;
	margin-top:-12px;
	content: " \f105";
	font-family: FontAwesome;
}	
	
/* ページタイトル */
	
.mainPgt-no  {
	height: 80px;
	background-color: #90D9F4;
	text-align: center;
	font-size: 1.8rem;
	color: #115C77;
	padding-top: 28px;
	font-style: italic;
	margin-top: 70px;	
}		
.mainPgt-ninomiya  {
	background-image: url(../../ninomiya/images/mainImageBase.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 110px;
	position: relative;
	width: 100%;
	height: 200px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	margin-top: 70px;	
	
}
.mainPgt-kangaroom  {
	background-image: url(../../kangroom/images/mainImageBase.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 110px;
	position: relative;
	width: 100%;
	height: 200px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	margin-top: 70px;	
}
	
.mainPgt-itakukaigo  {
	background-image: url(../../kaigo/images/mainImageBase.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 110px;
	position: relative;
	width: 100%;
	height: 200px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	margin-top: 70px;	
}	
	
.mainPgt-roken  {
	background-image: url(../../chubu/images/mainImageBase.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 110px;
	position: relative;
	width: 100%;
	height: 200px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	margin-top: 70px;	
}	
	
.pgtBase {
	width: 100%;
	background-color: #1E8CC1;
	z-index: 1;
	filter: alpha(opacity=90);/* 透過 */
	-moz-opacity: 0.9;
	opacity: 0.9;
	padding-top: 20px;
	padding-bottom: 20px;
	
	}
.pgtBaseInnerBox{
	position: relative;
	margin: 0 auto;
	width: 100%;
	
}	
.pgtBaseInnerBox h2 {
	color: #FFFFFF;
	font-style: italic;
	font-size: 2.2rem;
	padding-bottom: 25px;
	padding-left: 2%;
	padding-right: 2%;
}	
.pgtBaseInnerBox h2 p{
	float: right;

}
.pgtBaseInnerBox h2 span a{
	color: #FFFFFF;
}	
	
/* sitemap */

.SitemapBox{}
.SitemapBox .LeftBox{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.SitemapBox .RightBox{
	width: 90%;
	margin-left: auto;
	margin-right: auto;

}

.SitemapBox a{ color:#333;}
.SitemapBox a:hover{
	background-color: #eff6fa;
}	
.SitemapBox ul{ margin-bottom:20px;}
.SitemapBox li a{ display:block; border-bottom:1px solid #e9e9e9; padding:12px 0px;}
.SitemapBox li.MainContent a{ border-bottom:1px solid #999; padding:10px 0px; color:#1e8cc1; font-size:1.6rem;}	
	
/* block */
div.contentsBoxA,
div.contentsBoxC,	
div.contentsBoxE,
div.contentsBoxD,	
div.contentsBoxB,
div.contentsBoxF

{ width:100%;}	
	
div.contentsBoxB{
	background-color: #fff;
	margin-top: 0px;
	padding-top: 36px;

}
	
div.contentsBoxA{
	background-color: #f9f9f9;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}	
	
div.contentsBoxC {
	background-color: #fff;
	padding-top: 5%;
	padding-bottom: 3%;

}
div.contentsBoxF {
	background-color: #fff;
}

	
div.contentsBoxD{
	background-color: #f3fae9;
	border-top: 1px solid #81b934;
	border-bottom: 1px solid #81b934;
	padding-top: 2%;
	padding-bottom: 2%;
}	
	
div.contentsBoxE{
	background-color: #eff7fa;
	border-top: 1px solid #a9ccdc;
	border-bottom: 1px solid #a9ccdc;
	padding-top: 2%;
	padding-bottom: 2%;
}	
	
div.contentsBoxB div.wrap,
div.contentsBoxA div.wrap p{

}	
	
div.contentsBoxA div.wrap{


}	
div.contentsBoxC div.wrap{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-bottom: 0px;
}

div.contentsBoxD div.wrap{	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
div.contentsBoxE div.wrap{	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}	
	
div.contentsBoxB div.wrap{
	padding-bottom: 36px;
}	

div.contentsBoxF div.wrap{
	width: 90%;
	margin:13% auto;
}





/* main */

main{
	margin:0 auto;
	padding:20px 0px 0px;
}



main section{
	margin:0 auto 25px;
	padding:0 3%;
	}

main section h2{ font-size:2.0rem; margin-bottom:10px;}

/* column */

.ColumnUnit02,.ColumnUnit03A,.ColumnUnit03,.ColumnUnit04,.ColumnUnit05,.ColumnUnit02L30,.ColumnUnit02R30,.ColumnUnit02R30A,.ColumnUnit02L20{ width:100%;}
	
.ColumnUnit02A{
	border-radius: 6px;
	padding: 5%;
	background-color: #fff;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
	
	

.ColumnUnit02 img,.ColumnUnit03A img,.ColumnUnit03 img,.ColumnUnit04 img,.ColumnUnit05 img,.ColumnUnit02L30 img,.ColumnUnit02R30 img,.ColumnUnit02L20 img,.ColumnUnit02R20 img{
	width:100%;
	
}
.ColumnUnit02 table,.ColumnUnit03A table,.ColumnUnit03 table,.ColumnUnit04 table,.ColumnUnit05 table,.ColumnUnit02L30 table,.ColumnUnit02R30 table,.ColumnUnit02L20 table,.ColumnUnit02R20 table{ max-width:100%;}

.ColumnUnit04 p,.ColumnUnit03A p,.ColumnUnit03 p,.ColumnUnit05 p{ font-size:1.4rem;}
.ColumnUnit02R30A img{ max-width:100%;}
.ColumnUnit02{ }
.ColumnUnit02 .ColumnItem,
 ul.ColumnUnit02 li{

}
	
 .ColumnUnit02R30A .ColumnItem:first-child,
 ul.ColumnUnit02R30A ul li:first-child{
	float: left;
	width: 70%;
	background-color: #FF0004;
}
.ColumnUnit02R30A .ColumnItem:last-child,
 ul.ColumnUnit02R30A li:last-child{float:right; width:30%;}	
.ColumnUnit03{ width:100%; }
.ColumnUnit03 .ColumnItem,
 ul.ColumnUnit03 li{
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 20%;
}
 ul.ColumnUnit03 li.Edge{
	margin-right: 0%;
	margin-bottom: 40px;
}
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 li img{
	border-radius: 5px;

}	
	
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 span{
	display: block;
	border-radius: 5px;
	background-color: #A9231C;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 span:after{
	content: " \f105";
	font-family: FontAwesome;
	margin-right:8px;
}
	

.ColumnUnit03A{ }
.ColumnUnit03A .ColumnItem,
 ul.ColumnUnit03A li{
	margin-bottom: 2%;
	 	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 2%;
	border: 2px solid #C9C9C9;
}	
 ul.ColumnUnit03A li .doc{
	padding: 5%;
}
	
	
	
.ColumnUnit02 .ColumnItem:first-child,
 ul.ColumnUnit02 ul li:first-child{ float:left;}
.ColumnUnit02 .ColumnItem:last-child,
 ul.ColumnUnit02 li:last-child{float:right;}
 
.ColumnUnit02L30 .ColumnItem:first-child,
 ul.ColumnUnit02L30 ul li:first-child{ float:right; width:30%;}
.ColumnUnit02L30 .ColumnItem:last-child,
 ul.ColumnUnit02L30 li:last-child{float:left; width:65%;}
 
 .ColumnUnit02R30 .ColumnItem:first-child,
 ul.ColumnUnit02R30 ul li:first-child{ float:left; width:65%;}
.ColumnUnit02R30 .ColumnItem:last-child,
 ul.ColumnUnit02R30 li:last-child{float:right; width:30%;}
.acList01 a {
	display: block;
	color: #333;
	padding: 2%;
	background-color: #e8e3da;	
	text-align: center;
}	
	

.ColumnUnit02L20 .ColumnItem:first-child,
 ul.ColumnUnit02L20 ul li:first-child{ float:left; width:20%;}
.ColumnUnit02L20 .ColumnItem:last-child,
 ul.ColumnUnit02L20 li:last-child{float:right; width:75%;}
 
 .ColumnUnit02R20 .ColumnItem:first-child,
 ul.ColumnUnit02R20 ul li:first-child{ float:left; width:75%;}
.ColumnUnit02R20 .ColumnItem:last-child,
 ul.ColumnUnit02R20 li:last-child{float:right; width:20%;} 
 

.ColumnUnit04{  }
.ColumnUnit04 .ColumnItem,
 ul.ColumnUnit04 li{
	float: left;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 2%;
}		
	

.ColumnUnit05{ width:100%; }
.ColumnUnit05 .ColumnItem,
 ul.ColumnUnit05 li{ float:left; width:18%; margin-right:2%;}
 
 /* ColumCancel */
 
.SpColumCancel .ColumnItem,
.SpColumCancel li{ float:none !important; width:100% !important; margin-bottom:12px;}

.SpColumCancel .ColumnItem:last-child,
.SpColumCancel li:last-child{ margin-bottom:0px;}

.SpColumCancel img.SccWid60Per{ width:60%; margin-left:20%; margin-right:20%;}
.SpColumCancel img.SccFlt-L{ float:left; width:26%; margin-right:4%;}
.SpColumCancel img.SccFlt-R{ float:right; width:26%; margin-left:4%;}
	
/* ブロック */	
	
.clinicInfo	{

	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-top: 20px;
}	

.clinicInfo span {
	font-weight: bold;
	font-size: 2rem;
	line-height: 150%;
}	

.yoboInfo	{
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #d2e8f3;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 6px;
}	
	
/* テーブル関連 */
	
div.scroll{ width:100%; margin-right:-5%; margin-top:10px; overflow: auto; white-space: nowrap; }
div.scroll::-webkit-scrollbar{height: 5px;}
div.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
div.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}	
	
.TableStyle01,.TableStyle02,.TableStyle03,.TableStyle04,.TableStyle05,.TableStyle06,.TableStyle10{ width:100%;}
.scroll .TableStyle01, .scroll .TableStyle02, .scroll .TableStyle03, .scroll .TableStyle04, .scroll .TableStyle05, .scroll .TableStyle06{ margin-bottom:0px !important;}	


table.TableStyle01 th,
table.TableStyle01 td{ border-bottom:1px solid #695318; vertical-align:top;}
table.TableStyle01 th{ border-bottom:1px solid #695318; padding:12px 55px 12px 15px;}
table.TableStyle01 td{ border-bottom:1px solid #695318; padding:12px 15px;}		

	
table.TableStyle02 {  border-top: 2px solid #7cb4cd; border-left: 2px solid #7cb4cd; }
table.TableStyle02 th,
table.TableStyle02 td  {
	padding: 10px;
	border-right: 2px solid #7cb4cd;
	border-bottom: 2px solid #7cb4cd;
	background-color: #FFFFFF;
}
table.TableStyle02 th  {
	background: #d4eefa;
	
}
table.TableStyle02 td  {
	text-align: center;
}	

.TableStyle03{ font-size:1.6rem;}

.TableStyle03 th,
.TableStyle03 td{padding: 10px;	border: 1px solid #1e8cc1;	background-color: #FFFFFF;}
.TableStyle03 th{ text-align:left;}
.TableStyle03 td{ text-align:center;}
	
table.TableStyle04 th,
table.TableStyle04 td {	padding: 10px;text-align: left;	border: 1px solid #e6d7c6;}
table.TableStyle04 th {	text-align: center;	border: 1px solid #e6d7c6;background-color: #f7e6d3;}
table.TableStyle04 td {	text-align: center;}	
table.TableStyle04 .doc01  { background: #fff9f3;}	
	

table.TableStyle05 th,
table.TableStyle05 td {	padding: 10px;text-align: left;	border: 1px solid #a4a4a4;}
table.TableStyle05 th {	text-align: center;	border: 1px solid #a4a4a4;background-color: #a4a4a4;}
table.TableStyle05 td {	text-align: top;background-color: #fff}		

	
.TableStyle06{ width:100%; margin-bottom:30px;}	
.TableStyle06 th{padding-top: 6px;padding-bottom: 6px;text-align: center;vertical-align: middle;font-size: 2rem;color: #333;
	background-color: #FCF6EA;
	width: 32%;
	font-weight: bold;
}
.TableStyle06 td{
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #FFFFFF;
}
.TableStyle06 span{	font-weight: bold;font-size: 2rem;}	

.TableStyle06 th{
	display: inline-block;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.8rem;
	color: #fff;
	background-color: #0c5b92;
}
.TableStyle06 td{
	display: inline-block;
	width: 100%;
	padding: 14px;
	border: 1px solid #CCCCCC;
}

.TableStyle06 span{	font-weight: bold;font-size: 2rem;}	
	
	
.TableStyle07{ width:100%; margin-bottom:30px;}	
.TableStyle07 th{display: inline-block;	width: 100%;padding-top: 6px;padding-bottom: 6px;text-align: center;vertical-align: middle;	font-size: 1.8rem;
	color: #fff;background-color: #ffb346;}
.TableStyle07 td{display: inline-block;	width: 100%;padding: 14px;vertical-align: middle;background-color: #fff;}
	
.TableStyle08{ width:100%; margin-bottom:30px;}	
.TableStyle08 th{display: inline-block;	width: 100%;padding-top: 6px;padding-bottom: 6px;text-align: center;vertical-align: middle;	font-size: 1.8rem;
	color: #fff;background-color: #8dc228;}
.TableStyle08 td{display: inline-block;	width: 100%;padding: 14px;vertical-align: middle;background-color: #fff;}
	
table.TableStyle09 th,
table.TableStyle09 td {	padding: 10px;text-align: left;	border: 1px solid #0c5b92;}
table.TableStyle09 th {	text-align: center;border: 1px solid #0c5b92;background-color: #0c5b92;color: #FFFFFF;}
table.TableStyle09 td {	}		

table.TableStyle11 {width: 100%;}
table.TableStyle11 th,
table.TableStyle11 td {
	width: 100%;
	display: block;
	padding: 8px 2%;
	background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #ccc;
    }
table.TableStyle11 th { background: #fffce9;font-size: 1.6rem;border: 1px solid #ccc; }	
	
.TableStyle12{ width:100%; margin-bottom:10px;}	
.TableStyle12 th{
	padding: 2%;
	text-align: center;
	vertical-align: middle;
	font-size: 1.8rem;
	color: #0c5b92;
	background-color: #B4D5EC;
	width: 25%;
	border-color: #B4D5EC;
	border-style: solid;
}
.TableStyle12 td{
	padding: 2%;
	background-color: #E9E9E9;
	text-align: center;
}
	

	
	
.MagpopPhotoG a,
.MagpopPhotoG2 a,
.magpop{
	display:block;

	color:#FFFFFF !important;


}

/* マップ */
div.AccessBox{ width:90%; height:300px; margin:0px 5%;}
a.GoogleMapApp{
	display: block;
	width: 90%;
	height: 44px;
	line-height: 44px;
	margin: 14px 5% 0px;
	color: #000 !important;
	background-color: #EFEFEF;
	text-align: center;
}


.GoogleMapApp a {
	position: relative;
	width: 100%;
	display: block;
	color: #000;
	font-size: 1.6rem;
	height: 48px;
	line-height: 48px;
	padding: 0px 4%;
	border-radius: 5px;
	text-decoration: none !important;
	background-color: #EFEFEF;
	text-align: center;
}
.GoogleMapApp:after {
	position:absolute;
	right:3%;
	top:50%;
	font-size:2.0rem;
	margin-top:-24px;
	
	font-family: FontAwesome;
	margin-left:10px;
}
	
/* アコーディオン */

div.Accordion{ padding:20px 0px; width:100%;}

/* pankuzu */
div.Pankuzu{
display: none;
}
	
/* フッターリスト */

footer{
	background-color: #2887ab;
	padding-top: 2%;	
	color: #FFFFFF;
}

.Copy{
	font-size: 1.4rem;
	color: #fff;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}	
	
.footerBlock01{
	font-size: 1.2rem;
	margin: 2%;
}	
	
.footerBlock02{
	border-top: 1px solid #8BC5DB;
	border-bottom: 1px solid #8BC5DB;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-top: 1%;
}

.ListBox{
	margin: 2%;
}

.ListBox li{
line-height: 200%;
}

.list-st01 a {
color: #fff;
}	
.list-st01 a:before{
content: " \f138";
font-family: FontAwesome;
margin-right: 10px;

}		

.list-st02 a{
color: #fff;
margin-left: 10%;	
}

.list-st01 a:hover {
color: #7DC700;
}
	
.list-st02 a:hover {
color: #7DC700;
}	
	
.list-st03 {color: #007ba4;	font-weight: bold;}	
	
	
	
.map-st01 {
	color: #FFFFFF;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 2%;
	border-top: 1px solid #C5C5C5;
	padding-top: 3%;	
}		
	
.map-st02 {
	color: #FFFFFF;
	font-size: 1.2rem;
	margin-top: 2%;
}

	
/* ページトップ */	
.pagetop { display: none; position: fixed; bottom: 20px; right: 2%; z-index: 500;}
.pagetop a { display: block;width:56px;height:56px;line-height:56px; background-color: #81b934; text-align: center; color: #fff; font-size: 2.8rem; text-decoration: none;}
.pagetop a:hover { display: block; text-align: center; color: #ccc; text-decoration: none;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
	
	
	
/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここまで */
/* ---------------------------------------------------------------- */

.SpNodisplay{ display:none !important;}
	
/* Common */



.MainTitleBox{ width: 100%;}
.MainTitleBox .InnerTitleBox{ position: relative; width: 100%; height: 35vh; -webkit-background-size: cover ; background-size: cover; background-position:center center; background-repeat:no-repeat;}
.MainTitleBox .InnerTitleBox:after{ position: absolute; content:""; width: 100%; top:0px; left: 0px; height: 35vh; background: rgba(0,0,0,0.35); z-index: 55;}
.MainTitleBox .InnerTitleBox .TtlInner{ font-size: 1.4rem; line-height: 2.4rem; color: #fff; letter-spacing: 1px !important; margin-top: 14px; z-index: 60;}
.MainTitleBox .InnerTitleBox .TtlInner span{ display: block; font-size: 3.0rem; color: #fff; letter-spacing: 0px !important;}	
.MainTitleBox .Ttlinfo{ background-image:url(../../info/images/title_bg.jpg);}
.MainTitleBox .Ttlservice{ background-image:url(../../service/images/title_bg.jpg);}
.MainTitleBox .Ttlaccess{ background-image:url(../../access/images/title_bg.jpg);}
.MainTitleBox .Ttlrecruit{ background-image:url(../../recruit/images/title_bg.jpg);}
.MainTitleBox .Ttlsitemap{ background-image:url(../../sitemap/images/title_bg.jpg);}
.MainTitleBox .Ttlprivacypolicy{ background-image:url(../../privacypolicy/images/title_bg.jpg);}	

/* TitleStyle */	

.TitleStyle01 {
margin-bottom: 20px;
margin-top: 20px;
	font-size: 2rem;
}
	
.TitleStyle02{
	margin-bottom: 20px;
	font-size: 2rem;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	margin-top: 20px;
}
	
.TitleStyle02 span{
	color: #1988ad;
}	
	


.TitleStyle03{
	background-color: #6ea330;
	color: #FFFFFF;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	border-radius: 6px;
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
	
.TitleStyle04{
	margin-bottom: 20px;
	border-bottom: 1px solid #81b934;
	padding-bottom: 5px;
	color: #81B934;
	margin-top: 20px;
	font-size: 1.5rem;
}
	
.TitleStyle05{
	font-size: 1.8rem;
	font-weight: bold;
	border-left: 18px solid #ccc;
	padding-left: 10px;
	margin-bottom: 10px;
}	
	
.TitleStyle06{
	font-size: 1.5rem;
	font-weight: bold;
		border-bottom: 1px solid #000000;
	padding-bottom: 10px;
}
	
	
.TitleStyle08{
	margin-bottom: 20px;
	font-size: 1.5rem;
	border-bottom: 1px solid #24477C;
	padding-bottom: 10px;
	color: #24477C;
}	
	
/* -------------------------------------------------- */
/* AfterArrow */

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Sp,.ArrowRG_Sp a,.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB_Sp,.ArrowBG_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT_Sp,.ArrowTG_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Sp:after,.ArrowRG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Sp:after,.ArrowRG02_Sp a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Sp:after,.ArrowBG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Sp:after,.ArrowBG02_Sp a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Sp:after,.ArrowTG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Sp:after,.ArrowTG02_Sp a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Sp:after,.ArrowRG03_Sp a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Sp:after,.ArrowBG03_Sp a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Sp:after,.ArrowTG03_Sp a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Sp:before,.ArrowRG03_Sp a:before{ content:""; display:inline-block;}
.ArrowB03_Sp:before,.ArrowBG03_Sp a:before{ content:""; display:inline-block;}
.ArrowT03_Sp:before,.ArrowTG03_Sp a:before{ content:""; display:inline-block;}

/* -------------------------------------------------- */
/* flexbox */

.FlexBoxSp{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxSpL{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxSpR{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxSpC{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxSpB{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxSpA{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxSpM{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}

/* WelfareTop */	
.WelfareTop1-1{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 40px;
}
.WelfareTop1-1 a{
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: 14px;
	color: #333;
	font-size: 1.9rem;
	line-height: 2.4rem;
	background-repeat: no-repeat;
	background-color: #fff;
}
.WelfareTop1-1 a span{
	color: #FD0000;
	font-size: 1.5rem;
	margin-left: 1%;
	display:block;
}
.WelfareTop1-1 a.Catalog{
	float: left;
	background-image: url(../../common/images/pdf.jpg);
	background-size: auto 76%;
	background-position: 97% center;
}	

	
/* -------------------------------------------------- */
/* - FormStyle */

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {font-size:1.6rem;}

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="submit"],
input[type="password"],
textarea {-webkit-appearance: none; border-radius: 0;}
.submitArea {margin: 20px auto;	text-align: center;	width: 300px;}
	
	
/* 定義リスト */
.classicListA{width: 90%;	margin-left: auto;	margin-right: auto;	}	
.classicListA dl{}
.classicListA dt:before{content: '\f111';font-family: FontAwesome;margin-right: 10px;color: #CBBB79;}	
.classicListA dd{
	text-align: right;
}	
.classicListA dd:before{content: '\f101';font-family: FontAwesome;margin-right: 10px;color: #CBBB79;}	
	
	
/* -------------------------------------------------- */
/* block item Width */

.wid10Per_sp {width: 10% !important;}
.wid15Per_sp {width: 15% !important;}
.wid20Per_sp {width: 20% !important;}
.wid25Per_sp {width: 25% !important;}
.wid30Per_sp {width: 30% !important;}
.wid35Per_sp {width: 35% !important;}
.wid40Per_sp {width: 40% !important;}
.wid45Per_sp {width: 45% !important;}
.wid50Per_sp {width: 50% !important;}
.wid55Per_sp {width: 55% !important;}
.wid60Per_sp {width: 60% !important;}
.wid65Per_sp {width: 65% !important;}
.wid70Per_sp {width: 70% !important;}
.wid75Per_sp {width: 75% !important;}
.wid80Per_sp {width: 80% !important;}
.wid85Per_sp {width: 85% !important;}
.wid90Per_sp {width: 90% !important;}
.wid95Per_sp {width: 95% !important;}
.wid100Per_sp {width: 100% !important;}

.wid50_sp {width: 50px !important;}
.wid100_sp {width: 100px !important;}
.wid150_sp {width: 150px !important;}
.wid200_sp {width: 200px !important;}
.wid250_sp {width: 250px !important;}
.wid300_sp {width: 300px !important;}
.wid350_sp {width: 350px !important;}
.wid400_sp {width: 400px !important;}
.wid450_sp {width: 450px !important;}
.wid500_sp {width: 500px !important;}
.wid550_sp {width: 550px !important;}
.wid600_sp {width: 600px !important;}
.wid650_sp {width: 650px !important;}
.wid700_sp {width: 700px !important;}
.wid750_sp {width: 750px !important;}
.wid800_sp {width: 800px !important;}
.wid850_sp {width: 850px !important;}
.wid900_sp {width: 900px !important;}
.wid950_sp {width: 950px !important;}


/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_sp {margin: 0px !important;}
.marA5_sp {margin: 5px !important;}
.marA10_sp {margin: 10px !important;}
.marA15_sp {margin: 15px !important;}
.marA20_sp {margin: 20px !important;}
.marA25_sp {margin: 25px !important;}
.marA30_sp {margin: 30px !important;}
.marA40_sp {margin: 40px !important;}
.marA50_sp {margin: 50px !important;}
.marA60_sp {margin: 60px !important;}
.marA70_sp {margin: 70px !important;}
.marA80_sp {margin: 80px !important;}
.marA90_sp {margin: 90px !important;}

/* - Top margin */

.marT0_sp {margin-top: 0px !important;}
.marT5_sp {margin-top: 5px !important;}
.marT10_sp {margin-top: 10px !important;}
.marT15_sp {margin-top: 15px !important;}
.marT20_sp {margin-top: 20px !important;}
.marT25_sp {margin-top: 25px !important;}
.marT30_sp {margin-top: 30px !important;}
.marT40_sp {margin-top: 40px !important;}
.marT50_sp {margin-top: 50px !important;}
.marT60_sp {margin-top: 60px !important;}
.marT70_sp {margin-top: 70px !important;}
.marT80_sp {margin-top: 80px !important;}
.marT90_sp {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_sp {margin-bottom: 0px !important;}
.marB5_sp {margin-bottom: 5px !important;}
.marB10_sp {margin-bottom: 10px !important;}
.marB15_sp {margin-bottom: 15px !important;}
.marB20_sp {margin-bottom: 20px !important;}
.marB25_sp {margin-bottom: 25px !important;}
.marB30_sp {margin-bottom: 30px !important;}
.marB40_sp {margin-bottom: 40px !important;}
.marB50_sp {margin-bottom: 50px !important;}
.marB60_sp {margin-bottom: 60px !important;}
.marB70_sp {margin-bottom: 70px !important;}
.marB80_sp {margin-bottom: 80px !important;}
.marB90_sp {margin-bottom: 90px !important;}


/* - Left margin */

.marL0_sp {margin-left: 0px !important;}
.marL5_sp {margin-left: 5px !important;}
.marL10_sp {margin-left: 10px !important;}
.marL15_sp {margin-left: 15px !important;}
.marL20_sp {margin-left: 20px !important;}
.marL25_sp {margin-left: 25px !important;}
.marL30_sp {margin-left: 30px !important;}
.marL40_sp {margin-left: 40px !important;}
.marL50_sp {margin-left: 50px !important;}
.marL60_sp {margin-left: 60px !important;}
.marL70_sp {margin-left: 70px !important;}
.marL80_sp {margin-left: 80px !important;}
.marL90_sp {margin-left: 90px !important;}

/* - Right margin */

.marR0_sp {margin-right: 0px !important;}
.marR5_sp {margin-right: 5px !important;}
.marR10_sp {margin-right: 10px !important;}
.marR15_sp {margin-right: 15px !important;}
.marR20_sp {margin-right: 20px !important;}
.marR25_sp {margin-right: 25px !important;}
.marR30_sp {margin-right: 30px !important;}
.marR40_sp {margin-right: 40px !important;}
.marR50_sp {margin-right: 50px !important;}
.marR60_sp {margin-right: 60px !important;}
.marR70_sp {margin-right: 70px !important;}
.marR80_sp {margin-right: 80px !important;}
.marR90_sp {margin-right: 90px !important;}

/* -------------------------------------------------- */

/* - All padding */

.padA0_sp {padding: 0px !important;}
.padA5_sp {padding: 5px !important;}
.padA10_sp {padding: 10px !important;}
.padA15_sp {padding: 15px !important;}
.padA20_sp {padding: 20px !important;}
.padA25_sp {padding: 25px !important;}
.padA30_sp {padding: 30px !important;}
.padA40_sp {padding: 40px !important;}
.padA50_sp {padding: 50px !important;}
.padA60_sp {padding: 60px !important;}
.padA70_sp {padding: 70px !important;}
.padA80_sp {padding: 80px !important;}
.padA90_sp {padding: 90px !important;}

/* - Top padding */

.padT0_sp {padding-top: 0px !important;}
.padT5_sp {padding-top: 5px !important;}
.padT10_sp {padding-top: 10px !important;}
.padT15_sp {padding-top: 15px !important;}
.padT20_sp {padding-top: 20px !important;}
.padT25_sp {padding-top: 25px !important;}
.padT30_sp {padding-top: 30px !important;}
.padT40_sp {padding-top: 40px !important;}
.padT50_sp {padding-top: 50px !important;}
.padT60_sp {padding-top: 60px !important;}
.padT70_sp {padding-top: 70px !important;}
.padT80_sp {padding-top: 80px !important;}
.padT90_sp {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_sp {padding-bottom: 0px !important;}
.padB5_sp {padding-bottom: 5px !important;}
.padB10_sp {padding-bottom: 10px !important;}
.padB15_sp {padding-bottom: 15px !important;}
.padB20_sp {padding-bottom: 20px !important;}
.padB25_sp {padding-bottom: 25px !important;}
.padB30_sp {padding-bottom: 30px !important;}
.padB40_sp {padding-bottom: 40px !important;}
.padB50_sp {padding-bottom: 50px !important;}
.padB60_sp {padding-bottom: 60px !important;}
.padB70_sp {padding-bottom: 70px !important;}
.padB80_sp {padding-bottom: 80px !important;}
.padB90_sp {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_sp {padding-left: 0px !important;}
.padL5_sp {padding-left: 5px !important;}
.padL10_sp {padding-left: 10px !important;}
.padL15_sp {padding-left: 15px !important;}
.padL20_sp {padding-left: 20px !important;}
.padL25_sp {padding-left: 25px !important;}
.padL30_sp {padding-left: 30px !important;}
.padL40_sp {padding-left: 40px !important;}
.padL50_sp {padding-left: 50px !important;}
.padL60_sp {padding-left: 60px !important;}
.padL70_sp {padding-left: 70px !important;}
.padL80_sp {padding-left: 80px !important;}
.padL90_sp {padding-left: 90px !important;}

/* - Right padding */

.padR0_sp {padding-right: 0px !important;}
.padR5_sp {padding-right: 5px !important;}
.padR10_sp {padding-right: 10px !important;}
.padR15_sp {padding-right: 15px !important;}
.padR20_sp {padding-right: 20px !important;}
.padR25_sp {padding-right: 25px !important;}
.padR30_sp {padding-right: 30px !important;}
.padR40_sp {padding-right: 40px !important;}
.padR50_sp {padding-right: 50px !important;}
.padR60_sp {padding-right: 60px !important;}
.padR70_sp {padding-right: 70px !important;}
.padR80_sp {padding-right: 80px !important;}
.padR90_sp {padding-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid10 {width: 10px !important;}
.wid20 {width: 20px !important;}
.wid30 {width: 30px !important;}
.wid40 {width: 40px !important;}
.wid50 {width: 50px !important;}
.wid60 {width: 60px !important;}
.wid70 {width: 70px !important;}
.wid80 {width: 80px !important;}
.wid90 {width: 90px !important;}

.wid100 {width: 100px !important;}
.wid110 {width: 110px !important;}
.wid120 {width: 120px !important;}
.wid130 {width: 130px !important;}
.wid140 {width: 140px !important;}
.wid150 {width: 150px !important;}
.wid160 {width: 160px !important;}
.wid170 {width: 170px !important;}
.wid180 {width: 180px !important;}
.wid190 {width: 190px !important;}

.wid200 {width: 200px !important;}
.wid210 {width: 210px !important;}
.wid220 {width: 220px !important;}
.wid230 {width: 230px !important;}
.wid240 {width: 240px !important;}
.wid250 {width: 250px !important;}
.wid260 {width: 260px !important;}
.wid270 {width: 270px !important;}
.wid280 {width: 280px !important;}
.wid290 {width: 290px !important;}

.wid300 {width: 300px !important;}
.wid310 {width: 310px !important;}
.wid320 {width: 320px !important;}
.wid330 {width: 330px !important;}
.wid340 {width: 340px !important;}
.wid350 {width: 350px !important;}
.wid360 {width: 360px !important;}
.wid370 {width: 370px !important;}
.wid380 {width: 380px !important;}
.wid390 {width: 390px !important;}

.wid400 {width: 400px !important;}
.wid410 {width: 410px !important;}
.wid420 {width: 420px !important;}
.wid430 {width: 430px !important;}
.wid440 {width: 440px !important;}
.wid450 {width: 450px !important;}
.wid460 {width: 460px !important;}
.wid470 {width: 470px !important;}
.wid480 {width: 480px !important;}
.wid490 {width: 490px !important;}

.wid500 {width: 500px !important;}
.wid510 {width: 510px !important;}
.wid520 {width: 520px !important;}
.wid530 {width: 530px !important;}
.wid540 {width: 540px !important;}
.wid550 {width: 550px !important;}
.wid560 {width: 560px !important;}
.wid570 {width: 570px !important;}
.wid580 {width: 580px !important;}
.wid590 {width: 590px !important;}

.wid600 {width: 600px !important;}
.wid610 {width: 610px !important;}
.wid620 {width: 620px !important;}
.wid630 {width: 630px !important;}
.wid640 {width: 640px !important;}
.wid650 {width: 650px !important;}
.wid660 {width: 660px !important;}
.wid670 {width: 670px !important;}
.wid680 {width: 680px !important;}
.wid690 {width: 690px !important;}

.wid700 {width: 700px !important;}
.wid710 {width: 710px !important;}
.wid720 {width: 720px !important;}
.wid730 {width: 730px !important;}
.wid740 {width: 740px !important;}
.wid750 {width: 750px !important;}
.wid760 {width: 760px !important;}
.wid770 {width: 770px !important;}
.wid780 {width: 780px !important;}
.wid790 {width: 790px !important;}

.wid800 {width: 800px !important;}
.wid810 {width: 810px !important;}
.wid820 {width: 820px !important;}
.wid830 {width: 830px !important;}
.wid840 {width: 840px !important;}
.wid850 {width: 850px !important;}
.wid860 {width: 860px !important;}
.wid870 {width: 870px !important;}
.wid880 {width: 880px !important;}
.wid890 {width: 890px !important;}

.wid900 {width: 900px !important;}
.wid910 {width: 910px !important;}
.wid920 {width: 920px !important;}
.wid930 {width: 930px !important;}
.wid940 {width: 940px !important;}
.wid950 {width: 950px !important;}
.wid960 {width: 960px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid50 {width: 50px !important;}
.wid100 {width: 100px !important;}
.wid150 {width: 150px !important;}
.wid200 {width: 200px !important;}
.wid250 {width: 250px !important;}
.wid300 {width: 300px !important;}
.wid350 {width: 350px !important;}
.wid400 {width: 400px !important;}
.wid450 {width: 450px !important;}
.wid500 {width: 500px !important;}
.wid550 {width: 550px !important;}
.wid600 {width: 600px !important;}
.wid650 {width: 650px !important;}
.wid700 {width: 700px !important;}
.wid750 {width: 750px !important;}
.wid800 {width: 800px !important;}
.wid850 {width: 850px !important;}
.wid900 {width: 900px !important;}
.wid950 {width: 950px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Padding */

/* - All padding */
.padA0 {padding: 0px !important;}
.padA5 {padding: 5px !important;}
.padA10 {padding: 10px !important;}
.padA15 {padding: 15px !important;}
.padA20 {padding: 20px !important;}
.padA25 {padding: 25px !important;}
.padA30 {padding: 30px !important;}
.padA40 {padding: 40px !important;}
.padA50 {padding: 50px !important;}
.padA60 {padding: 60px !important;}
.padA70 {padding: 70px !important;}
.padA80 {padding: 80px !important;}
.padA90 {padding: 90px !important;}

/* - Top padding */
.padT0 {padding-top: 0px !important;}
.padT5 {padding-top: 5px !important;}
.padT10 {padding-top: 10px !important;}
.padT15 {padding-top: 15px !important;}
.padT20 {padding-top: 20px !important;}
.padT25 {padding-top: 25px !important;}
.padT30 {padding-top: 30px !important;}
.padT40 {padding-top: 40px !important;}
.padT50 {padding-top: 50px !important;}
.padT60 {padding-top: 60px !important;}
.padT70 {padding-top: 70px !important;}
.padT80 {padding-top: 80px !important;}
.padT90 {padding-top: 90px !important;}

/* - Bottom padding */
.padB0 {padding-bottom: 0px !important;}
.padB5 {padding-bottom: 5px !important;}
.padB10 {padding-bottom: 10px !important;}
.padB15 {padding-bottom: 15px !important;}
.padB20 {padding-bottom: 20px !important;}
.padB25 {padding-bottom: 25px !important;}
.padB30 {padding-bottom: 30px !important;}
.padB40 {padding-bottom: 40px !important;}
.padB50 {padding-bottom: 50px !important;}
.padB60 {padding-bottom: 60px !important;}
.padB70 {padding-bottom: 70px !important;}
.padB80 {padding-bottom: 80px !important;}
.padB90 {padding-bottom: 90px !important;}

/* - Left padding */
.padL0 {padding-left: 0px !important;}
.padL5 {padding-left: 5px !important;}
.padL10 {padding-left: 10px !important;}
.padL15 {padding-left: 15px !important;}
.padL20 {padding-left: 20px !important;}
.padL25 {padding-left: 25px !important;}
.padL30 {padding-left: 30px !important;}
.padL40 {padding-left: 40px !important;}
.padL50 {padding-left: 50px !important;}
.padL60 {padding-left: 60px !important;}
.padL70 {padding-left: 70px !important;}
.padL80 {padding-left: 80px !important;}
.padL90 {padding-left: 90px !important;}

/* - Right padding */
.padR0 {padding-right: 0px !important;}
.padR5 {padding-right: 5px !important;}
.padR10 {padding-right: 10px !important;}
.padR15 {padding-right: 15px !important;}
.padR20 {padding-right: 20px !important;}
.padR25 {padding-right: 25px !important;}
.padR30 {padding-right: 30px !important;}
.padR40 {padding-right: 40px !important;}
.padR50 {padding-right: 50px !important;}
.padR60 {padding-right: 60px !important;}
.padR70 {padding-right: 70px !important;}
.padR80 {padding-right: 80px !important;}
.padR90 {padding-right: 90px !important;}	
	
/* - Font size */
.txt10px{font-size: 1.0rem !important;}
.txt11px{font-size: 1.1rem !important;}
.txt12px{font-size: 1.2rem !important;}
.txt13px{font-size: 1.3rem !important;}
.txt14px{font-size: 1.4rem !important;}
.txt15px{font-size: 1.5rem !important;}
.txt16px{font-size: 1.6rem !important;}
.txt17px{font-size: 1.7rem !important;}
.txt18px{font-size: 1.8rem !important;}
.txt19px{font-size: 1.9rem !important;}
.txt20px{font-size: 2.0rem !important;}
.txt21px{font-size: 2.1rem !important;}
.txt22px{font-size: 2.2rem !important;}
.txt23px{font-size: 2.3rem !important;}
.txt24px{font-size: 2.4rem !important;}
.txt25px{font-size: 2.5rem !important;}
.txt26px{font-size: 2.6rem !important;}

/* - Font color */
.RedTxt{ color:#CC0000;}
.BleTxt{ color:#1e8cc1;}
.OraTxt{ color:#ffcc42;}
.GreTxt{ color:#7ab427;}

/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}


/* Float setting */
.flt-L {float: left !important;}
.flt-R {float: right !important;}
	
/* - Font size */

.txt10px_sp{font-size: 1.0rem !important;}
.txt11px_sp{font-size: 1.1rem !important;}
.txt12px_sp{font-size: 1.2rem !important;}
.txt13px_sp{font-size: 1.3rem !important;}
.txt14px_sp{font-size: 1.4rem !important;}
.txt15px_sp{font-size: 1.5rem !important;}
.txt16px_sp{font-size: 1.6rem !important;}
.txt17px_sp{font-size: 1.7rem !important;}
.txt18px_sp{font-size: 1.8rem !important;}
.txt19px_sp{font-size: 1.9rem !important;}
.txt20px_sp{font-size: 2.0rem !important;}
.txt21px_sp{font-size: 2.1rem !important;}
.txt22px_sp{font-size: 2.2rem !important;}
.txt23px_sp{font-size: 2.3rem !important;}
.txt24px_sp{font-size: 2.4rem !important;}
.txt25px_sp{font-size: 2.5rem !important;}
.txt26px_sp{font-size: 2.6rem !important;}
	
/* - Font color */
.RedTxt{ color:#CC0000;}
.BleTxt{ color:#1e8cc1;}
.OraTxt{ color:#ffcc42;}
.GreTxt{ color:#7ab427;}
.GrTxt{	color: #A8A8A8;}	
	
/* - Bg color */
.WhBg{
	padding: 2%;
	background-color: #FFFFFF;
}	

/* - line color ccc */	
.line10 {
	
	margin-top: 10px;
	margin-bottom: 10px;
}
	
/* Float setting */
.flt-L_sp {float: left !important;}
.flt-R_sp {float: right !important;}

/* Align setting */
.ali-L_sp {text-align: left !important;}
.ali-C_sp {text-align: center !important;}
.ali-R_sp {text-align: right !important;}
.ali-L {text-align: left !important;}
.ali-C {text-align: center !important;}
.ali-R {text-align: right !important;}	
	
/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}	
	
/* menuBox リンクアニメーション */
	
.menuBox01 {
margin: 0 auto;
	
}

.menuBox01 ul{ width: 100%;}
.menuBox01 ul li{
	width: 100%;
	color: #000;
	text-align: left;
	margin-bottom: 30px;
	
}

.menuBox01  ul li a span.English{ display: block; color: #b4a681; font-weight: normal !important; letter-spacing: 1px;text-align: right;}
.menuBox01  ul li a span.Photo{
	display: block;
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.menuBox01  ul li a span.mbTitle01{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #64C2B6;
	color: #FFFFFF;
	text-align: center;
	font-size: 2rem;
	padding-top: 5%;
	padding-bottom: 5%;
}
	
.menuBox01  ul li a span.mbTitle02{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #ffc600;
	color: #FFFFFF;
	text-align: center;
	font-size: 2rem;
	padding-top: 5%;
	padding-bottom: 5%;
}
	
.menuBox01  ul li a span.mbTitle03{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #00a0e9;
	color: #FFFFFF;
	text-align: center;
	font-size: 2rem;
	padding-top: 5%;
	padding-bottom: 5%;
}	
.menuBox01  ul li a span.icon01{
	display: block;
	position: absolute;
	z-index: 1;
	
	
}	
	
.menuBox01  ul li a img{ margin-bottom: 14px;}
.menuBox01  ul li a:hover span.Photo img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.7;}
	



	
/* bnrNavi */
	
.bnrNavi {
	background-image: url(../images/base03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.bnrNavi div.InnerBox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;

}
	
.bnrNavi li {
	margin-bottom: 3%;
	text-align: center;
}
	
.bnrNavi img {
	width: 90%;
}	

.bnrNavi li a:hover {
opacity: 0.8; /* 80％不透明度(＝80％透過) */
}
		
	
.StepBox{
	position: relative;
	width: 94%;
	margin: 0px 3% 40px;
	padding-top: 20px;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 10px;
	background-color: #EFEFEF;
	border-radius: 6px;
}
.StepBox:after{
	position: absolute;
	content: '\f078';
	font-family: FontAwesome;
	left: 50%;
	margin-left: -10px;
	bottom: -46px;
	color: #a9231c;
	font-size: 4.0rem;
	
}
.StepBoxLast{position: relative;
	width: 94%;
	margin: 0px 3% 40px;
	padding-top: 20px;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 10px;
	background-color: #EFEFEF;
	border-radius: 6px;}
.StepBoxLast h2{ font-size:1.6rem; border-bottom:1px solid #d4ccaf; padding-bottom:8px; margin-bottom:8px; font-weight:bold;}
.StepBoxLast h2 span{ display:inline-block; padding:4px 0px; text-align:center; width:25%; margin-bottom:6px; background:#a9231c; border-radius:5px; font-size:1.4rem; color:#fff; margin-right: 2%;}	
.StepBoxLast:after{ display:none;}
.StepBox h2{ font-size:1.6rem; border-bottom:1px solid #d4ccaf; padding-bottom:8px; margin-bottom:8px; font-weight:bold;}
.StepBox h2 span{ display:inline-block; padding:4px 0px; text-align:center; width:25%; margin-bottom:6px; background:#a9231c; border-radius:5px; font-size:1.4rem; color:#fff; margin-right: 2%;}
.StepBox p{ margin-bottom:10px;}
.StepBox p.Explanation{ padding:8px 14px; background:#fff; font-size:1.4rem;}	
	
	
/* 会社案内 */		
.AccessLink{ background:#fff; padding:26px 0px 20px; margin-bottom: 40px; }
.AccessLink ul{ width: 90%; margin: 0px 5%;}
.AccessLink ul li{  margin-bottom: 6px;}
.AccessLink ul li a{ display: block; width: 100%; height: 46px; line-height: 46px; padding: 0px 16px; text-align: center; color: #fff; background: #a9231c; font-size: 1.5rem;}
.AccessLink ul li a:after{ float: right; content:"\f041"; display:inline-block; font-family: FontAwesome; font-size: 2.0rem;}
.AccessLink ul li:first-child a:after{ content:"\f276"; }
.AccessLink ul li.Bekkan a{ background: #a9231c;}	
	
	
table.corp th,
table.corp td{display: table-cell !important; width: auto !important; font-size:1.3rem; vertical-align:top;}
table.corp th{ position:relative; border-right:1px dotted #e9e9e9; width:100px !important; padding:12px 0px 12px 0px !important; border-bottom:1px solid #ccc;}
table.corp td{ padding:12px 0px 12px 20px !important;}
table.corp th:after{ position: absolute; content: '\f111';font-family: FontAwesome; right:-8px; top:12px; color:#9f0e0c;}	
	
.ShowroomSlide{ width: 100%; margin: 8px -5.5% -30px;}
.ShowroomSlide img{ height: 200px !important; width: auto !important;}	
	
/* スタッフ */	
	
.name {
	border-bottom: 1px dotted #9F9F9F;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
	padding-bottom: 3%;
	font-size: 1.5rem;
}
.name span {font-size: 2rem; margin-left: 4%;}
	
.shikaku {
	border-bottom: 1px dotted #9F9F9F;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
	padding-bottom: 3%;
	font-size: 1.5rem;
}
.shikaku span {font-size: 1.5rem; margin-left: 4%;}
	
.nameitem {
	border-bottom: 1px dotted #9F9F9F;
	font-size: 1.5rem;
	padding: 2%;
}
.nameitem span {
	font-size: 1.5rem;
	font-weight: bold;
	margin-right: 5%;
}	
	
.eigyo {
	padding: 2%;
	background-color: #FFD271;
	border-radius: 4px;
	text-align: center;
}	
.komu {
	padding: 2%;
	background-color: #B8D864;
	border-radius: 4px;
	text-align: center;
}	
.sekkei {
	padding: 2%;
	background-color: #ABE8ED;
	border-radius: 4px;
	text-align: center;
}	
.jimu {
	padding: 2%;
	background-color: #FCD5D5;
	border-radius: 4px;
	text-align: center;
}	
		
	
/* ムービー */		
.movBox {
	background-color: #fff;
	-webkit-border-top-left-radius: 5px;
	padding: 5%;
	-webkit-border-top-right-radius: 5px;
}		
	
	
/* アンカー */		
	#corp01,#corp02,#corp03,#corp04,#corp05,#corp06,#corp07,#s8,#s9,#s10,#s11,#s12,#country02,#country03,#country04,#country05,#country06,#country07,#country08,#country09,#country10,#country11,#country12,#country13,#ad1,#ad2,#ad3,#service01,#service02,#service03,#service04,#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p10,#p11,#p12,#p13,#p14,#p15,#p16,#p17,#p18,#p19,#ad1,#ad2,#ad3,#ad4,#ad5,#ek1,#ek2,#ek3,#ek4,#bbp01,#bbp02,#bbp03,#bbp04,#bbp05 {
padding-top:50px;
margin-top:-50px;	
}
		
/* NewsPage */

div.InnerBox h2{ position:relative; font-size:2.0rem; padding-bottom:12px; margin:0px -6%; padding:0px 5% 10px; border-bottom:1px solid #ccc;}


.NewsBox .RightBox ul,
.entryDetailBox .RightBox ul,
div.LocalNav ul{ margin-bottom:30px;}
.NewsBox .RightBox ul li,
.entryDetailBox .RightBox ul li,
div.LocalNav ul li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
.NewsBox .RightBox ul li a,
.entryDetailBox .RightBox ul li a,
div.LocalNav ul li a{ display:block; width:100%; padding:4px 40px 4px 0px; color:#333; text-decoration:none !important;}

.InnerBox ul,
div.LocalNav ul{ margin-bottom:0px;}
.InnerBox ul li,
div.LocalNav ul li{ position:relative; width:100% !important; border-bottom:1px dotted #ccc; margin:0px ;}
.InnerBox ul li a,
div.LocalNav ul li a{ display:block; width:100%; padding:12px 5% 12px 3%; color:#333; text-decoration:none !important;}
.InnerBox ul li a span{ display:block; margin-bottom:2px; }
.InnerBox ul li a span.Title{ color:#333;}

div.InnerBox ul li:after,
div.LocalNav ul li a:after{
	position:absolute;
	right:1%;
	top:50%;
	font-size:2.0rem;
	color:#888;
	margin-top:-12px;
	content: " \f105";
	font-family: FontAwesome;
	
}

.pagePrevBox{ padding-top:40px;}
.pagePrevBox p.pagePrev{ float:left;}
.pagePrevBox p.pageNext{ float:right;}

.pagePrevBox p.pagePrev a,
.pagePrevBox p.pageNext a{ display:inline-block; padding:2px 10px; text-decoration:none !important; border-radius:5px; color:#fff;}

.entryDetailBox .LeftBox .entryDetailBox{
	padding: 0px 4%;

}
.LeftBox ul li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
.LeftBox ul li a{
	display: block;
	width: 100%;
	padding-top: 12px;
	padding-left: 0px;
	padding-bottom: 12px;
	text-decoration: none;
}	
.entryDetailBox .LeftBox .Date{ padding-top:20px;}
.entryDetailBox .LeftBox .entryBody{ width:100%;}
.entryDetailBox .LeftBox .entryBody img,
.entryDetailBox .LeftBox .entryBody ifream{ max-width:100%; height:auto;}	
	
.entryDetailBox .LeftBox2 .entryDetailBox{
	padding: 0px 4%;

}
.LeftBox2 ul li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
.LeftBox2 ul li a{
	display: block;
	width: 100%;
	padding-top: 12px;
	padding-left: 0px;
	padding-bottom: 12px;
	text-decoration: none;
}	
.entryDetailBox .LeftBox2 .Date{ padding-top:20px;}
.entryDetailBox .LeftBox2 .entryBody{ width:100%;}
.entryDetailBox .LeftBox2 .entryBody img,
.entryDetailBox .LeftBox2 .entryBody ifream{ max-width:100%; height:auto;}
	
	.nextNav {
	margin-top: 10px;		
	}
.nextNav .back a {
background-color: #81B934;
padding: 1%;
color: #FFFFFF;
float: left;
border-radius: 5px;

}
.nextNav .next a{
background-color: #81B934;
padding: 1%;
color: #FFFFFF;
float: right;
border-radius: 5px;
}		
.nextNav .next a:after{
margin-left: 10px;
display: inline-block;
content: "\f105";
font-family: FontAwesome;

}
.nextNav .back a:before{
margin-left: auto;
display: inline-block;
content: "\f104";
font-family: FontAwesome;
margin-right: 10px;
}		
	
	
.TableStyleForm{ width:100%; margin-bottom:10px;}
.TableStyleForm tr{border-bottom:1px solid #4d3609; }
.TableStyleForm th,
.TableStyleForm td{ display: inline-block; vertical-align:top; width:100%;}
.TableStyleForm th{ padding:14px 0px 10px 0px;}
.TableStyleForm td{ padding:0px 0px 14px 0px; font-size:1.6rem; vertical-align:middle;}
.TableStyleForm td input,
.TableStyleForm td textarea{ border:1px solid #ccc; width:100%;  font-size:1.6rem;}
.TableStyleForm td input.Sex{ width:auto;}
.TableStyleForm td input.Sex02{ margin-left:20px;}
.TableStyleForm td input.Age{ width:50px;}
.TableStyleForm td input.Yubin{ width:80px;}
.TableStyleForm td select{ font-size:1.6rem; max-width:100%;}
.TableStyleForm th p{ position:relative; display:inline;}
.TableStyleForm th p.Hissu:after{ margin-left:10px; background:#db9612; color:#fff; padding:2px 15px;content: '必須'; font-size:1.3rem;}		
	
/* contact */	
.FormFinBox01{ width:100%; margin:0 auto;}
.FormFinBox01 input{ position: relative; cursor: pointer; border:none; text-align:center; width:100%; background:#db9612; color:#fff; font-size:1.5rem; padding:10px 0px; border-radius:6px;}
.FormFinBox01 input:after{ position:absolute; content: '\f105';font-family: FontAwesome; right:14px; top:50%; margin-top:-15px; color:#fff; font-size:2.2rem;}		
.new {
	color: #FFAE00;
	font-size: 1.3rem;
}	
	
.MagpopPhoto li {
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 200%;
}	
	
.oriobox1 	 {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
	
.oriobox1-title {
	display: block;
	background-color: #007BA4;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}		
	
	
.oriobox2 	 {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
	
.oriobox2-title {
	display: block;
	background-color: #fff;
	color: #007BA4;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}