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

body {
	font-size: 1.5rem;
	line-height: 1.5;
	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: 767px;
	background:#fff;color:#333;
}
	
/* ---------------------------------------------------------------- */
/* common */
/* ---------------------------------------------------------------- */

.SpNodisplay{ display:none !important;}

.baseContainer{ margin:0px auto; padding-bottom: 24px;}
.wrap{ width: 100%; overflow: hidden;}

.PageLinkStyle {
    margin:-60px 0px 0px 0px;
    padding:60px 0px 0px 0px;
	height:0px !important;
	border:none;
	overflow:hidden;
	opacity:0;
}

.fuwafuwa {
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -15px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -15px);}
	100% {-moz-transform:translate(0, 0);}
}

.MoreLink{ padding-top: 20px;}
.MoreLink a{ position: relative; display:block; background: #07a956; color: #fff; font-size: 1.5rem; width: 100%; padding: 12px 5%; border-radius: 5px;}
.MoreLink a:after{ position: absolute; right: 3%; top: 50%; margin-top: -16px; font-size: 2.2rem; content:"\f105"; font-family: FontAwesome;}
.MoreLink a:hover{ text-decoration: none; opacity: 0.7;}


.CommonTitleBox{ background:url(../images/footer_bg.jpg) no-repeat top center #353535; padding: 100px 0px 30px; margin-bottom: 40px;}
.CommonTitleBox h2{ font-size: 2.7rem; color: #fff; padding-top: 6px;}
.CommonTitleBox h2 span{ display: block; font-weight: normal; color: #2fa86b; font-size: 1.8rem;}

.InnerCommonBox{ width: 100%; padding: 0px 6%; margin:0px auto;}

.TitleStyle01{ font-size: 2.2rem; font-weight: bold; color: #318d5f; margin-bottom: 20px;}

.TitleStyle02{ width:112%; margin: 0px -6%; color:#fff; padding: 10px 6%; margin-bottom: 15px; font-size: 1.6rem; font-weight: bold;
background: -webkit-gradient(linear,left top , right top, color-stop(1.00, #39d184), color-stop(0.00, #359966));
background: -webkit-linear-gradient(left,#39d184, #359966);
background: -moz-linear-gradient(left,#39d184, #359966);
background: -o-linear-gradient(left,#39d184, #359966);
background: linear-gradient(to left,#39d184, #359966);}

/* ---------------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------------- */

header { background-color: rgba(255,255,255,0.95);border-bottom: 4px solid #39393a;width:100%;height:60px;position:fixed;z-index:999;}
header div.HeaderInnerBox{ position: relative; margin:0 auto;height:60px;width:100%;}
header .Logo{ position: absolute; left: 2%; height:60px; padding:14px 0px 14px 0% !important; text-align: left;}
header .Logo .LogoSvg{ width:180px; height: 30px;}
header .Logo:after{ position: absolute; bottom: -0px; left: 0px; content:''; height: 4px; width: 100%; background: #318d5f;}

header nav.nav,
header .HeadTel{ display:none;}

header .ContactPhone a{ position:absolute; top:10px; right:52px; display:block; height:38px; width:38px; text-align:center; line-height:38px; border-radius:50%; color:#fff; background: #318d5f; font-size:2.1rem;}

header dl{ display:block;}
header dl dt{position:absolute; top:0px; right:0%;}
header dl dt a{
	display:block;
	 height:60px; width:50px;
	 padding:0px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	
header dl dt a{ text-decoration:none; }
header dl dt a:hover{}

header dl dt a span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 2px;
	margin: -1px 0 0 -13px;
	background: #666;
	transition: .2s;
}

header dl dt a span:before, header dl dt a span:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 25px;
  height: 2px;
  background: #666;
  transition: .3s;
}
header dl dt a span:before{margin-top: -8px;}
header dl dt a span:after{margin-top: 6px;}

header dl dt a.ToggleOpen span,
header dl dt a.toggleFirst span{background: transparent;}

header dl dt a.ToggleOpen span:before,
header dl dt a.toggleFirst span:before{margin-top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
header dl dt a.ToggleOpen span:after,
header dl dt a.toggleFirst span:after{margin-top: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

header dl dd{ z-index:999; position:absolute; top:60px; width:100%; background:#fff;border-bottom:1px solid #e4e4e4;}
header dl dd ul{
	width:100%;
	margin:0px 0px 0px;
	}
	
header dl dd ul li a{ position: relative;display:block; border-bottom:1px solid #e4e4e4; padding:10px 4%; color:#333 !important;}
header dl dd ul li a::before{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top:-4px;
	right: 4%;
	width: 8px;
	height: 8px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
	
/* ---------------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------------- */

footer{width: 100%;background-color:#359966;text-align:center;color:#fff;}

footer .Contact{background-color:#e7ebee;text-align:center; padding: 24px 6% 45px; color: #333;}
footer .Contact h2{ font-size: 2.5rem; font-weight: bold; margin-bottom: 20px; color: #000;}
footer .Contact h2 span{ display: block; font-size: 2.1rem; color: #289a60;}
footer .Contact p.TelFax{ line-height: 100%; margin-top: 24px; font-size: 2.6rem; width: auto; margin-bottom: 20px;}
footer .Contact p.TelFax span{ display: block; padding-top: 6px;}
footer .Contact ul.MoreLink{ padding-top: 0px;}
footer .Contact ul.MoreLink li{ margin-bottom: 10px;}
footer .Contact ul.MoreLink li a{ color: #fff; text-align: center;}

footer .InnerBox{ position: relative; background:url(../images/footer_bg.jpg) no-repeat top center #353535; padding: 46px 0px 26px;}
footer .InnerBox .pagetop{ position: absolute; left: 50%; width: 50px; margin-left: -25px; top: -25px;}
footer .InnerBox .pagetop img{ width: 100%;}
footer .InnerBox .LogoAndMenu{ position: relative; width: 100%; padding: 0px 6%; }
footer .InnerBox .LogoAndMenu h2{ text-align: center; margin-bottom: 10px;}
footer .InnerBox .LogoAndMenu h2 svg{ width: 250px; height: 39px; fill:#fff !important;}
footer .InnerBox .LogoAndMenu p.Address{ text-align: center;}
footer .InnerBox .LogoAndMenu ul{ margin-top: 20px; }
footer .InnerBox .LogoAndMenu ul li{ margin-left: 18px;}
footer .InnerBox .LogoAndMenu ul li a{ color: #fff;}
footer p.Copy{ padding:18px 0px; font-size: 1.3rem; color:#fff;}
footer p.Copy a{ color:#fff;}

/* ---------------------------------------------------------------- */
/* TopPage */
/* ---------------------------------------------------------------- */

div.FirstBox{ position: relative; width: 100%; height: 70vh; overflow:hidden; z-index: 10;}
div.FirstBox p.Scroll{ position:absolute; bottom:3px; left:50%; margin-left:-25px; z-index:100; width:50px; font-size: 5.0rem;}
div.FirstBox p.Scroll a{ color: #fff;}
div.FirstBox p.Scroll img{ width:100%;}

div.FirstBox h2{ padding-top:20px; width:80%; margin: 0px 10%;}
div.FirstBox h2 img{ width:100%;}
div.FirstBox p{ color:#fff; font-size:1.8rem;}

div.flexslider{ position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 70vh; overflow:hidden; z-index: 2;}
div.flexslider li{ width: 100%; height: 70vh; background-size: cover; background-position: center; background-repeat: no-repeat;}
div.flexslider li.Slider01{ background-image:url(../../images/slider01.jpg);}
div.flexslider li.Slider02{ background-image:url(../../images/slider02.jpg);}
div.flexslider li.Slider03{ background-image:url(../../images/slider03.jpg);}
div.flexslider li.Slider04{ background-image:url(../../images/slider04.jpg);}
div.flexslider li.Slider05{ background-image:url(../../images/slider05.jpg);}
div.flexslider li.Slider06{ background-image:url(../../images/slider06.jpg);}

/* NEWS */

div.TopNewsBox{ width:100%; color:#fff; padding: 30px 0px;
background: -webkit-gradient(linear,left top , right top, color-stop(1.00, #359966), color-stop(0.00, #39d184));
background: -webkit-linear-gradient(left,#359966, #39d184);
background: -moz-linear-gradient(left,#359966, #39d184);
background: -o-linear-gradient(left,#359966, #39d184);
background: linear-gradient(to left,#359966, #39d184);
}
div.TopNewsBox div.InnerBox{ width:100%; margin:0 auto;}
div.TopNewsBox div.InnerBox h3{ width:100%; text-align:center; font-size:2.9rem;}

div.TopNewsBox div.InnerBox div{ margin: 20px auto 40px; width:90%; border-top: 1px solid #a0d5ba;}
div.TopNewsBox div.InnerBox div a{ position: relative; display: block;width:100%; color: #fff; border-bottom: 1px solid #a0d5ba; padding: 10px 5% 10px 0px;}
div.TopNewsBox div.InnerBox div a span{ display: block; width:100%;}
div.TopNewsBox div.InnerBox div a span:first-child{ font-size: 1.3rem;}
div.TopNewsBox div.InnerBox div a:after{ position: absolute; top: 50%; right: 0px; margin-top: -8px; content:"\f105"; font-family: FontAwesome;}

div.TopNewsBox div.InnerBox .MoreBtn{ text-align: center;}
div.TopNewsBox div.InnerBox .MoreBtn a{ display: inline-block; padding: 12px 0px; width: 88%; text-align: center; color: #fff; background-color: rgba(255,255,255,0.3); border-radius: 8px;}
div.TopNewsBox div.InnerBox .MoreBtn a:before{ margin-right: 10px; content:"\f105"; font-family: FontAwesome; }

/* Service */

section.TopService{ width:100%; padding:30px 6%; background:url(../../images/bg01.jpg) no-repeat top left #fff; background-size: 500% auto; z-index: 15;}
section.TopService div.InnerBox{ position: relative; width: 100%; margin: 0px auto;}
section.TopService div.InnerBox h2{ font-size: 2.5rem; font-weight: bold; margin-bottom: 20px;}
section.TopService div.InnerBox h2 span{ display: block; font-size: 2.1rem; color: #289a60;}
section.TopService div.InnerBox p{ width: 100%;}
section.TopService div.InnerBox img.MoveImages{ position: relative; margin-top: 16px; width: 100%; z-index: 25;}

/* Result */

section.TopResult{ position:relative; padding: 0px 6% 30px; margin:20px auto 0px; width: 100%; background:#444546; text-align: center; z-index: 10;}
section.TopResult:after{content: ""; position: absolute; height: 150px; width: 300%; background: #444546; top: -70px; left: -100%; -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); transform: rotate(-7deg); z-index:-1;}
section.TopResult:before{content: ""; position: absolute; height: 150px; width: 300%; background: #444546; bottom: -70px; left: -100%; -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); transform: rotate(-7deg); z-index:-1;}

section.TopResult div.InnerBox{ position: relative; width: 100%; margin: 0px auto;}
section.TopResult div.InnerBox h2{ font-size: 2.5rem; font-weight: bold; margin-bottom: 20px; color: #fff;}
section.TopResult div.InnerBox h2 span{ display: block; font-size: 2.1rem; color: #289a60;}
section.TopResult div.InnerBox p.Catch{ color: #fff; width: 100%; margin: 0px auto 30px;}
section.TopResult div.InnerBox ul li{ width: 100%; margin-bottom: 14px;}
section.TopResult div.InnerBox ul li a{ position: relative; display: block; overflow: hidden;}
section.TopResult div.InnerBox ul li a img{ width: 100%;}
section.TopResult div.InnerBox ul li a p{ position: absolute;  bottom: 0px; width: 100%; padding:10px 0px; text-align: center; color: #fff; background-color: rgba(7,169,86,0.7);}
section.TopResult div.InnerBox ul li a:hover{ opacity: 0.7;}
section.TopResult div.InnerBox p.MoreLink a{ text-align: center;}


/* company */

section.TopCompany{ width:100%; padding:60px 6% 0px; background:url(../../images/bg02.jpg) no-repeat top center #fff; background-size: 300% auto;}
section.TopCompany div.InnerBox{ position: relative; width: 100%; margin: 0px auto; }
section.TopCompany div.InnerBox h2{ font-size: 2.5rem; font-weight: bold; margin-bottom: 20px;}
section.TopCompany div.InnerBox h2 span{ display: block; font-size: 2.1rem; color: #289a60;}
section.TopCompany div.InnerBox p{ width: 100%;}
section.TopCompany div.InnerBox p.TelFax{ line-height: 100%; margin-top: 16px; font-size: 2.1rem; width: auto; margin-left: 0px;}
section.TopCompany div.InnerBox img.MoveImages{ position: relative; margin-bottom: 16px; width: 100%; z-index: 25;}

/* Access */

.AccessBoxTop{ width: 113.2%; height: 300px; margin: 40px -6.6% -25px;}
.AccessBoxTop iframe { width:100%; height: 300px; }

/* ---------------------------------------------------------------- */
/* InnerPage */
/* ---------------------------------------------------------------- */

/* Contact */

.FormPrivacyBox{ background-color:#f2f2f2; border:1px solid #cccccc; padding:14px 0px; text-align:center; margin-bottom:40px;}

ul.ContactListKakunin{ width:100%; margin:0 auto 30px;}
ul.ContactListKakunin li{ margin-bottom:20px; border:1px solid #cccccc;}
ul.ContactListKakunin li span{ width:100%; display:block; padding:10px 5%; background:#f2f2f2;}
ul.ContactListKakunin li p{ padding:10px 5%;}

h4.ContactMessage{ text-align:center; margin-bottom:20px; font-size:2.0rem;}
div.KakuninBox{ width:100%; margin:0 auto 30px; padding:15px; border:1px solid #cccccc;}

.TableStyleForm{ width:100%; margin-bottom:10px;}
.TableStyleForm th,
.TableStyleForm td{ display: inline-block; vertical-align:top; width:100%;}
.TableStyleForm th{ padding:14px 0px 10px 0px;}
.TableStyleForm td{ padding:0px 0px 10px 0px; font-size:1.6rem; vertical-align:middle;}
.TableStyleForm td input,
.TableStyleForm td textarea{ border:1px solid #ccc; width:100%; padding:8px; font-size:1.6rem;-webkit-box-sizing: border-box;box-sizing: border-box;}
.TableStyleForm th p{ position:relative; display:inline;}
.TableStyleForm th p.Hissu:after{ margin-left:10px; color:#fff; padding:2px 15px;content: '必須'; font-size:1.3rem; background: #cc0000;}

.FormPrivacyBox span.FormError,
.TableStyleForm td span.FormError{ display:block; font-size:1.3rem; background-color:#cb4a4a; text-align:center; width:100%; color:#fff; padding:4px 0px;}

.FormFinBox01{ width:100%; margin:0px;}
.FormFinBox01 input{ position: relative; cursor: pointer; border:none; text-align:center; width:100%; font-weight:bold; font-size:1.6rem; color:#fff; background: #318d5f; height:44px; line-height:44px; border-radius: 5px;}
.FormFinBox01 input:after{ position:absolute; content: '\f105';font-family: FontAwesome; right:14px; top:50%; margin-top:-22px; color:#fff; font-size:2.2rem;}

div.ContactBtnBox02{ width:100%; margin:0px;}
div.ContactBtnBox02 input.soushinBtn{ cursor: pointer; border:none; text-align:center; color:#fff; background: #318d5f; font-weight:bold; font-size:1.6rem; height:44px; line-height:44px; width:100%; margin-bottom:15px; border-radius: 5px;}
div.ContactBtnBox02 input.reset{ cursor: pointer; border:none; text-align:center; background:#777777; color:#fff; font-weight:bold; font-size:1.6rem; height:44px; line-height:44px; width:100%; border-radius: 5px;}

/* Result */

.ResultPageLink{ width: 100%; margin: -40px auto 0px; padding: 18px 6%; background: #e9e9e9;}
.ResultPageLink a{ position: relative; display:block; background: #07a956; color: #fff; padding: 10px 5% 10px; font-weight: bold; margin-bottom: 8px;}
.ResultPageLink a:after{ position: absolute;  right: 12px; top: 50%; margin-top: -13px; content:"\f107"; font-family: FontAwesome;}
.ResultPageLink a:hover{ text-decoration: none; opacity: 0.7;}

.ResultBox{ background: #333; padding:20px 4% 16px; margin:0px 0px 30px;}
.ResultBox h3.blk-ttl01{ text-align: center; padding-bottom: 16px; font-size: 2.0rem; font-weight: bold; color:#fff;}
.ResultBox h4.TextList{ padding: 10px 0px; width: 100%; background: #454545; text-align: center; font-size: 1.5rem; color: #fff;}
.ResultBox ul{ margin-bottom: 26px; margin-left: -8px;}
.ResultBox li img{ margin: 8px;}

.LastResult{ margin-bottom: -30px;}

/* Recruit */

.RecruitBox{ width: 100%; padding: 0px 5%; margin-top: -40px;}
.RecruitBox h3{ font-size: 1.8rem; font-weight: bold; margin: 0px 0px 22px;}
.RecruitBox table{ border-top: 1px dotted #999; margin: 0px 0px 22px;}
.RecruitBox table tr,
.RecruitBox table th,
.RecruitBox table td{ display: inline-block;  width: 100%;}
.RecruitBox table th{ padding: 10px 0px 0px; color: #359966; font-weight: bold;}
.RecruitBox table td{ border-bottom: 1px dotted #999; padding: 5px 0px 10px}
.RecruitBox img{ max-width: 100%;}

/* Company */

.CompanyBox{ width: 100%; padding: 0px 5%; margin-top: -40px;}
.CompanyBox table.tbFmt01{ margin: -10px 0px 22px;}
.CompanyBox table.tbFmt01 tr,
.CompanyBox table.tbFmt01 th,
.CompanyBox table.tbFmt01 td{ display: inline-block; width: 100%;}
.CompanyBox table.tbFmt01 th{ padding: 10px 0px 0px; color: #359966; font-weight: bold;}
.CompanyBox table.tbFmt01 td{ border-bottom: 1px dotted #999; padding: 5px 0px 10px}

.CompanyBox table.tbFmt02{ width: 100%;}
.CompanyBox table.tbFmt02 tr{ width:100%;}
.CompanyBox table.tbFmt02 th,
.CompanyBox table.tbFmt02 td{ border-bottom: 1px dotted #999; padding: 12px 0px;}
.CompanyBox table.tbFmt02 th{ width: 90%; }
.CompanyBox table.tbFmt02 td{ width: 10%; text-align: center; background: #e9e9e9; }

/* News */

ul.NewsList{ width: 100%; margin: -40px auto 0px;}
ul.NewsList li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
ul.NewsList li a{ display:block; width:100%; padding:12px 5% 12px 3%; text-decoration:none !important;}
ul.NewsList li a span{ display:block; margin-bottom:2px; color:#318d5f;}
ul.NewsList li a span.Title{ color:#333;}
ul.NewsList li:after {position:absolute;right:1%;top:50%;font-size:2.0rem;color:#888;margin-top:-12px;content: " \f105";font-family: FontAwesome;}

.pagePrevBox{ width: 100%; margin: 0px auto; margin-bottom: -25px;}
.pagePrevBox p{ width: 50%;}
.pagePrevBox p a{ display: block; padding: 14px 0px; color:#fff; background: #318d5f; text-align: center;}
.pagePrevBox p:first-child{ float: left;}
.pagePrevBox p:first-child a{ border-right: 1px solid #fff;}
.pagePrevBox p:last-child{ float: right;}

.entryDetailBox{ width: 90%; margin: 0px 5%;}
.entryDetailBox h2{ font-size: 2.3rem; font-weight: bold; padding-bottom: 14px; margin-bottom: 12px; border-bottom: 1px dotted #999;}
.entryDetailBox p.Date{ font-size: 1.5rem; font-weight: bold; color:#318d5f; margin-bottom: 22px; }
.entryDetailBox img{ max-width: 100%;}

.entryDetailBox .BackLink{ margin-top: 22px; padding-top: 22px; border-top: 1px dotted #999;}
.entryDetailBox .BackLink a{ position: relative; display:block; background: #07a956; color: #fff; font-size: 1.6rem; width: 100%; padding: 12px 6%; border-radius: 5px;}
.entryDetailBox .BackLink a:after{ position: absolute; right: 3%; top: 50%; margin-top: -16px; font-size: 2.2rem; content:"\f105"; font-family: FontAwesome;}
.entryDetailBox .BackLink a:hover{ text-decoration: none; opacity: 0.7;}

/* Privacy */

.PrivacyBox{ width: 100%; padding: 0px 5%;}
.PrivacyBox li{ margin-bottom: 20px;}

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

.SpNodisplay{ display:none !important;}

/* -------------------------------------------------- */
/* 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;}

/* -------------------------------------------------- */
/* - 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;}

/* -------------------------------------------------- */
/* 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;}

/* - 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;}

/* 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;}

}